All Posts By

Worrapob

กฏของตัวอักษรในการทำเว็บไซต์

เว็บไซต์หนึ่งเว็บไซต์ก็เหมือนนิตยสารหนึ่งเล่มที่เต็มไปด้วยข้อมูลรูปภาพและข้อความมากมาย วิธีการทำเว็บไซต์ให้ออกมาสวยคือเลือกรูปภาพให้สวย แต่วิธีการทำเว็บไซต์ให้อ่านง่ายโดยเฉพาะเว็บไซต์ที่มีข้อความยาวมาก ยิ่งต้องใส่ใจกับการจัดการกับตัวอักษรมากเป็นพิเศษ เว็บไซต์จะต้องตอบสนองต่อผู้ใช้งานได้ดีทั้งบนหน้าจอคอมพิวเตอร์และโทรศัพท์มือถือคือโจทย์หลักของเว็บไซต์ในยุคสมัยนี้ที่ทุกคนเข้าใช้งานผ่านอุปกรณ์ที่แตกต่างกันออกไปอันดับแรกคุณจะต้องทำความเข้าใจให้ตรงกันระหว่างนักออกแบบและนักพัฒนา ทั้งคู่จะต้องพูดคุยในภาษาที่ตรงกันทำความเข้าใจให้ตรงกันก่อนว่ารูปแบบของข้อความ ขนาด สี จะเลือกใช้งานเป็นอย่างไร แบบไหนเรียกกว่าดี ตัวอักษรที่ "ดี" ในการทำเว็บไซต์นั้นที่จริงแล้วไม่มีกฏตายตัวว่าตัวอักษรจะต้องขนาดเท่าไหร่ ใช้สีอะไร มีระยะห่างบรรทัดขนาดไหน ทำให้หลายคนอาจจะเลือกตัวเลือกที่ผิดทำให้เว็บไซต์นั้นอ่านได้ยากขึ้น ซึ่งทำให้ผู้ใช้งานเกิดความเหนื่อยล้าในการอ่านได้ง่ายขึ้น รูปแบบของตัวอักษรจึงเป็นตัวช่วยสำคัญในการจัดการกับข้อความทั้งหลาย เพราะรูปแบบของตัวอักษรเป็นเหมือนเสื้อผ้าที่แต่งเติมข้อความให้มีความน่าอ่านมากขึ้นพอที่จะดึงดูดให้ผู้ใช้งานอ่านบทความของเราจนจบ ในหนึ่งหน้าเว็บไซต์สิ่งที่ข้อความจะมีบทบาทสำคัญคือจะต้องทำให้ผู้อ่านโฟกัสและซึมซับในข้อความที่เราเขียนผ่านการเรียบเรียงข้อความบนเว็บไซต์ของเราและข้อความต้องอ่านได้ง่าย สองสิ่งนี้เป็นองค์ประกอบที่ทำให้ข้อความบนเว็บไซต์ของเราออกมาดีได้   ตัวแปรหลักของตัวอักษร ตัวแปรหลักที่ทำให้ข้อความบนเว็บไซต์ของเราออกมาดีหรือแย่จะประกอบไปด้วย Font family : ถ้าข้อความเป็นเหมือนคนคนหนึ่ง Font family(รูปแบบฟอนต์) ก็เป็นเหมือนเครื่องแต่งกายที่ทำให้คนคนนั้นออกมาหล่อมากกว่าปกติหรือออกมาแย่กว่าปกติก็ได้ถ้าเลือกตัวเลือกที่ผิดไป Font...
Continue Reading

อยากมีเว็บไซต์ต้องจ่ายเท่าไหร่ ?

ถ้าคุณอยากมีเว็บไซต์เป็นของตัวเองนั้นไม่ใช่เรื่องยากเลยในยุคสมัยที่เครื่องไม้เครื่องมือสะดวกต่อการใช้งาน ทุกวันนี้บริษัท ภาครัฐทั้งหลายก็จำเป็นจะต้องมีเว็บไซต์เป็นของตัวเองทั้งนั้น เพราะเว็บไซต์ถึงเป็นสิ่งสำคัญในยุคสมัยนี้ ในยุคสมัยที่ทุกอย่างเชื่อมต่อกันบนโลกออนไลน์ ทุกคนสามารถค้นหาเราเจอผ่านหน้าจอเล็กๆ อย่างโทรศัพท์มือถือได้อย่างไม่ยากเย็นนัก ระบบของเว็บไซต์มีอยู่ 2 รูปแบบที่เราพบเจอได้ทั่วไป ระบบที่เขียนขึ้นเอง (Custom code) ระบบหลังบ้านที่เขียนขึ้นเองมีข้อดีตรงที่เราสามารถกำหนดรูปแบบของระบบได้เองทั้งหมดว่าต้องการให้ระบบทำอะไรได้บ้างและยังสามารถเขียนให้เชื่อมต่อกับส่วนอื่นเช่น Application หรือระบบที่มีความซับซ้อนได้ แต่ข้อเสียคือต้องใช้ระยะเวลาในการพัฒนาที่นาน และใช้งบประมาณที่สูงมาก ถ้าเกิดปัญหากับบริษัทผู้พัฒนาหรือคนพัฒนา จะทำให้คนที่มาพัฒนาต่อสามารถทำได้ยาก (แต่ละคนหรือแต่ละบริษัทมีวิธีการพัฒนาที่ต่างกัน) โอเพนซอร์ซ (open source) เป็นระบบหลังบ้านที่เหมาะกับเว็บไซต์ที่ต้องการระบบพื้นฐานทั่วไปแต่ก็ยังสามารถที่ระบบที่ซับซ้อนได้ ใช้ระยะเวลาในการพัฒนาที่น้อยกว่า(เพราะบางระบบมีผู้พัฒนาเอาไว้แล้ว) เหมาะกับเว็บไซต์ที่มีระบบพื้นฐานทั่วไป และที่สำคัญ Code ที่ใช้ในการพัฒนาจะเป็นภาษาสากลที่หาคนมาพัฒนาต่อได้ง่ายกว่า  ...
Continue Reading

เขียนบทความอย่างไรให้ติด SEO อย่างรวดเร็ว

SEO คืออะไร SEO ย่อมาจาก Search Engine Optimization แปลแบบภาษาที่เข้าใจง่ายก็คือการปรับแต่งโครงสร้างเว็บไซต์ให้ทำอันดับแสดงอยู่ในผลการค้นหาบน Google Search ให้ได้อันดับดีที่สุดนั้นเอง หลายคนจะมีคำถามว่าทำอย่างไรให้เว็บไซต์ของเรามีการแสดงผลในอันดับที่ดี ซึ่งมาจากปัจจัยทั้งภายในตัวเว็บไซต์เองอย่างการเขียนบทความให้รองรับหรือแม้แต่การปรับหน้าเว็บไซต์ให้รองรับให้มากที่สุดนั้นเอง   เขียนบทความให้รองรับ เขียนบทความให้รองรับ SEO ถ้าเราเขียนบทความบนเว็บไซต์แทบตายแต่ไม่มีคนเข้ามาอ่านนั้นเหมือนเสียเวลาสูญเปล่า ถ้าบทความของคุณเขียนได้ดีแต่ไม่มีคนอ่านให้ลองปรับวิธีการเขียนให้รองรับแล้วคุณจะพบว่าผู้อ่านสามารถพบเจอคุณได้ตลอดเวลาโดยที่คุณไม่ต้องทำอะไรเลย หมดปัญหาในเรื่องของ Facebook ที่ลดค่า Reach ลงเรื่อยๆ โดยสามารถอ่านเพิ่มเติมได้ที่ เมื่อพี่มาร์กลดค่า Reach ทีม Grappik จัดการอย่างไร และวิธีการเขียนบทความให้รองรับจะมีส่วนหลักคือ ระบบเว็บไซต์ที่ดี...
Continue Reading

ให้สีนำพาอารมณ์ เทคนิคการเลือกสีมาใช้ในงานบนเว็บไซต์

สีกับงานเว็บไซต​์ "สี" เป็นเพียงคำสั้นๆ แต่มีความสำคัญกับงานออกแบบเป็นอย่างมาก การเลือกสีที่ดีก็เป็นตัวแปรสำคัญที่ทำให้งานออกแบบออกมาดูดีและมีพลัง ในงานออกแบบเว็บไซต์นั้นสีมักจะถูกกำหนดจากลูกค้าเป็นสำคัญ ซึ่งเราก็มีหลากหลายวิธีในการผสมสีหลักและสีรองให้เหมาะสม เพื่อให้ได้เว็บไซต์ที่สื่อสารความเป็นองค์กรและยังสามารถใช้งานได้ง่ายเป็นมิตรกับทุกกลุ่มเป้าหมาย วิธีเลือกสีมาใช้บนเว็บไซต์ สำหรับเว็บไซต์ที่เป็นเว็บองค์กรบริษัทสีมักจะถูกกำหนดตีกรอบด้วย CI (Corporate Identity) ของบริษัทนั้นๆ ทำให้ตัวเลือกในการใช้สีของนักออกแบบมีอย่างจำกัด ซึ่งก็เป็นทั้งข้อดีและข้อเสียไปในตัว ข้อดี ไม่ต้องคิดหรือกำหนดสีขึ้นมาใหม่สามารถใช้สีที่มีอยู่ได้เลย ไม่ต้องรอ approve เรื่องของสีนานมากนัก ข้อเสีย สีของบางองค์ถูกกำหนดเอาไว้เมื่อ 20 ปีที่แล้วทำให้ค่าเสียอาจจะดูเก่า มีตัวเลือกให้ใช้งานยาก บางทีสีที่มีไม่เข้ากันกับ Concept งานที่ได้รับมอบหมายมา การปรับค่าสีหลักใหม่จะทำได้ง่ายในองค์กรที่ไม่ใหญ่มากนัก...
Continue Reading

Prototype Tools เชื่อม Flow เว็บไซต์ก่อน Develop

Prototype คืออะไร Prototype คือตัวต้นแบบจำลองการใช้งานของเว็บไซต์ แอพพลิเคชั่น หรือโปรแกรมอื่นที่เราสร้างขึ้นมา เป็นขั้นตอนก่อนจะถูกนำไปพัฒนาจริง มีประโยชน์ทั้งในขั้นตอนการร่างไอเดียไปจนถึงขั้นตอนการวางโครงสร้างระบบ ใช้ทดลองไอเดียถึงความเป็นไปได้ในการทำ ไปจนถึงใช้เป็นตัวหาจุดบกพร่องของโปรแกรม ซึ่งจะช่วยลดปัญหาหลังจากถูกพัฒนาไปได้มาก   ในมุมของนักออกแบบ ถ้าเราเป็นนักออกแบบ Prototype ยังสามารถช่วยขายไอเดียงานออกแบบของเรา รวมไปถึงเอาไว้ใช้สื่อสารกับโปรแกรมเมอร์ก็ยังได้ ซึ่งจะช่วยลดจุดบกพร่องของโปรแกรมได้ดีมาก เพราะเราสามารถทดลองใช้โปรแกรมที่เราสร้างขึ้นโดยใช้ Prototype Tools ที่มีมาให้เสมือนว่าโปรแกรมนั้นถูกพัฒนาขึ้นแล้วจริงๆ   ใช้ Prototype Tools ตัวไหนดี เครื่องมือในการทำ Prototype มีให้เลือกใช้หลากหลายตัวมาก แต่ตัวที่เราใช้งานอยู่ประจำก็คือ invisionapp ที่สามารถทำได้ทั้ง Prototype ของเว็บไซต์ แอพพลิเคชั่น ทั้งแสดงผลบนโทรศัพท์มือถือและเดสก์ท็อป เชื่อมต่อกับ Sketch และ...
Continue Reading