Tag Archive: เว็บดีไซน์

เหตุใดการเลือกสีของเว็บไซต์จึงสำคัญ และ 5 โทนสีน่าใช้ในช่วงนี้

หากเราให้คุณเปิดเข้าเว็บไซต์แบบสุ่มหนึ่งร้อยเว็บไซต์ โทนสีของแต่ละเว็บไซต์จะมีความเหมือนและแตกต่างกันมากแค่ไหน แล้วโทนสีดังกล่าวส่งผลกระทบต่อความน่าสนใจในการเข้าชมเว็บไซต์มากน้อยเพียงใด เมื่อเอ่ยถึงเรื่องโทนสีของเว็บไซต์ หลาย ๆ คนอาจมองเป็นสิ่งที่ไม่น่าสนใจ และมองผ่านความสำคัญของเรื่องนี้ไป แต่การที่ทำเช่นนี้อาจส่งผลกระทบต่อผู้เข้าชมเว็บไซต์ได้อย่างไม่รู้ตัว
เรื่องสีนี้เป็นหนึ่งในองค์ความรู้พื้นฐานที่ผู้ออกแบบเว็บไซต์ควรคำนึงถึง เนื่องจากโทนสีที่ปรากฎแม้ไม่ได้ถูกวิเคราะห์เหมือนเนื้อหา แต่ก็ส่งผลทางจิตใจและอารมณ์ อาทิ สีแดงจะให้ความร้อนแรงและน่าค้นหา สีขาวดูสะอาดและเรียบร้อย อีกทั้งเรื่องสียังเป็นเรื่องที่เกี่ยวพันธ์ไปถึงภาพลักษณ์ของบริษัท ในเชิงความเชื่อมั่นและตัวตนที่องค์กรต้องการนำเสนอ ซึ่งข้อมูลดังกล่าวฝ่ายการตลาดขององค์กร มักจะวางไว้เป็นพื้นฐานอยู่แล้ว ดังนั้นเราจึงควรออกแบบเว็บไซต์ให้สอดคล้องกับแนวทางของบริษัทให้ได้มากที่สุด
แล้วถ้าพูดถึงฤดูร้อนที่กำลังมาถึงนี้ เราจึงได้เลือก 5 โทนสีแสนสดใส ซึ่งน่าสนใจมาก ๆ ในการมาประกอบการออกแบบเว็บไซต์ร่วมกับสีพื้นฐานขององค์กร ดังนี้

  1. สีส้มสว่าง เรียกว่าเป็นสีที่แซ่บมากถึงมากที่สุดเลยก็ว่าได้สำหรับสีส้ม แต่การที่เราเลือกส้มสว่างนั้นก็เพราะการที่เลือกสีเข้มมากเกินไป จะดูแข็งไม่นุ่มนวลเหมือนการใช้โทนสว่าง โดยที่สีส้มสว่างควรใช้ในบางบริเวณของเว็บไซต์เท่านั้นไม่ควรนำไปใช้ทั่วทั้งเว็บไซต์ เพราะจะทำให้ผู้ใช้งานแสบตามากจนเกินไปนั้นเอง อย่างลืมว่าความสดใสต้องมาในขอบเขตของความเหมาะสมด้วย
  2. สีเหลือง สีเหลืองนี้แทนสีของดอกคูณ ซึ่งเป็นสัญลักษณ์แห่งเทศกาลสงกรานต์ของไทย ซึ่งการเลือกใช้สีเหลืองต้องระมัดระวังพอสมควร เนื่องจากหากนำไปใช้กับตัวหนังสือบนพื้นหลังสีขาว อาจทำให้ไม่สามารถมองเห็นตัวหนังสือได้อย่างชัดเจน จนเกิดปัญหากับผู้ใช้งานก็เป็นได้
  3. สีเขียวตองอ่อน เรียกได้ว่าสดใสกันไม่หยุดกับสีเขียวตองอ่อนซึ่งเป็นสีของต้นไม้ใบหญ้า โดยอาจเป็นตัวแทนถึงองค์กรซึ่งมีภาพลักษณ์ด้านการดูแลธรรมชาติ และ สัตว์ป่าก็จะเหมาะสมมากเลยทีเดียว
  4. สีม่วงอมแดง เป็นอีกหนึ่งโทนสีซึ่งดีมีลูกเล่นและน่าค้นหาไปในตัว โดยการนำสีนี้มาใช้จะสามารถดึงดูดความสนใจได้มาก ช่วยเพิ่มความมีตัวตนและโดดเด่น ให้ผู้ใช้งานจำได้แล้วกลับมาใช้งานเว็บไซต์อีกอย่างแน่นอน
  5. สีฟ้าสว่าง สีฟ้านั้นเป็นสีที่แสดงถึงความปลอดโปร่งสบายตา และยังให้ความรู้สึกสดใสราวกับเป็นเด็ก จึงเหมาะกับการใช้ในเว็บไซต์ที่มีกลุ่มผู้ใช้งานเป็นเด็กหรือผู้หญิงเป็นอย่างมาก

เป็นยังไงบ้าง ได้เห็นกันไปแล้วว่าแต่ละสีที่ได้คัดมาสำหรับซัมเมอร์นี้น่าสนใจมากแค่ไหน แต่อยากให้ทุกคนคำนึงถึงสีพื้นฐานของเว็บไซต์ ซึ่งอ้างอิงมากจากสีขององค์กรเป็นสำคัญ แล้วจึงค่อยมาเลือกสีใน 5 โทนที่แนะนำเข้าไปประกอบภายหลัง

 

เปิดคัมภีร์เซียน ปรับความเข้าใจระหว่างนักออกแบบและผู้ใช้งานเว็บไซต์

หากลูกค้าคือพระเจ้าฉันท์ใด คัมภีร์เซียนฉบับนี้ก็ช่วยให้นักออกแบบเข้าใจการใช้งานของผู้ใช้งานเว็บไซต์ได้ฉันท์นั้น บทความนี้จะของตั้งตัวเองขึ้นเป็นคัมภีร์ที่ไม่ลับสำหรับนักออกแบบทุกคน โดยจะมาแนะนำแนวทางการเข้าใจผู้ใช้ง่ายให้เข้าใจกันง่าย ๆ เพื่อที่จะได้ออกแบบเว็บไซต์ได้ตามที่ผู้ว่าจ้างและผู้ใช้งานต้องการนั้นเอง อีกทั้งจะมาปรับให้ผู้ใช้งานเข้าใจผู้ออกแบบด้วยกันทั้งสองฝั่งด้วย
อันดับแรกจะขอแบ่งบทความนี้ออกเป็น 2 ส่วนใหญ่ ๆ โดยที่ส่วนแรกจะปรับมุมมองความเข้าใจทางด้านลูกค้า ให้เข้าใจถึงรูปแบบการทำงานของนักออกแบบ และนักพัฒนาเว็บไซต์ และส่วนที่สองคือเพื่อให้นักพัฒนามีความเข้าใจถึงความต้องการของลูกค้า
ในส่วนแรกนั้น คือมุมมองจากทางลูกค้า ซึ่งเมื่อลูกค้าต้องการจะว่าจ้างงานต่าง ๆ มักจะมีแนวทางที่ต้องการ งบประมาณ ไปจนถึงกำหนดเวลาในการทำงานมาให้ แต่เมื่อเริ่มคุยงานกับทางฝ่ายออกแบบนั้นอาจไม่เป็นไปตามสิ่งที่คิดทั้งหมด อาทิ ช่วงเวลาการทำงานที่กำหนดมานั้นอาจยาวออกไป เนื่องจากการทำงานส่วนแรกคือการคุยกับลูกค้า แล้วนำไปออกแบบมาให้ลูกค้าประเมิน หากผ่านก็สามารถทำต่อได้เลย แต่หากไม่ผ่านจะต้องย้อนไปแก้การออกแบบทำให้ระยะเวลาการดำเนินงานอาจยืดออกไปได้ หรือในส่วนของเรื่องแนวทางของเว็บไซต์ที่ลูกค้าต้องการ อาจมีบางสิ่งซึ่งไม่เหมาะสมตามความเห็นของผู้ออกแบบ อย่างที่จะเห็นได้ว่าลูกค้าอาจต้องการงานที่ดูทันสมัยแตกต่างไปจากความรู้สึกเดิม ๆ แต่ก็ไปขัดกับประสบการณ์ใช้งานของผู้ใช้งาน ซึ่งตามหลักการออกแบบนั้นถือว่าเป็นปัญหาอย่างมาก จึงต้องลดทอนลงมาให้อยู่ในจุดที่เหมาะสม และสามารถทำได้จริงนั้นเอง
ส่วนที่สองนั้น ก็คือมุมมองของผู้ออกแบบ โดยที่จะมองว่าลูกค้าเป็นพระเจ้านั้นคงไม่ผิด แต่ควรจะต้องอยู่ในจุดที่เหมาะสม หากจุดไหนผิดจริงและจะเกิดปัญหาตามมาภายหลัง ควรอธิบายลูกค้าไปตามจริง และปัญหาสำคัญของทีมออกแบบคือ ออกแบบไปแล้วลูกค้าไม่พอใจ ในส่วนนี้ควรเผื่อเวลาสำหรับขั้นตอนนี้ให้มากกว่าเวลาจริง และต้องถามคำถามซึ่งกระตุ้นให้ลูกค้าบอกสิ่งที่ต้องการออกมาให้หมดในคราวแรก เพื่อลดปัญหาการแก้งานในภายหลัง อาทิ เมื่อประชุมครั้งแรกลูกค้าแจ้งว่า ต้องการเว็บไซต์สำหรับร้านขายเครื่องสำอางแบรนด์ไทย ที่ดูไทย และมีลวดลายอย่างไทย เมื่อนำกลับมาออกแบบแล้วไปเสนอลูกค้ากลับไม่ชอบเพราะเว็บไซต์ดูเชย ในจุดนี้การแก้ปัญหาที่ดี คือ มองตามที่ลูกค้าแจ้งว่าเราออกแบบมาดีพอหรือไม่ หากเราทำดีพอแล้วปัญหาที่เกิดคือเราเก็บข้อมูลจากลูกค้ามาไม่ดีพอ ดังนั้นเราต้องถามลูกค้าให้ชัดเจนว่าเว็บไซต์แบบไทย นี้ต้องมีความไทยแค่ไหน หรือจะเป็นไทยประยุกต์เพื่อให้ดูทันยุคสมัยมากยิ่งขึ้น หรือโทนสีของเว็บไซต์ที่ลูกค้าต้องการ ไปจนถึงปริมาณหน้าย่อยของเว็บไซต์ที่ลูกค้าต้องการ เพื่อให้การทำงานร่วมกันเป็นไปได้อย่างราบรื่นและได้ผลงานที่ดีมีคุณภาพนั้นเอง
จะเห็นได้ว่าแค่เราเข้าใจเขา และทำให้เขาเข้าใจตัวเขาเองมากขึ้นไปอีก ก็จะช่วยให้การทำงานราบรื่น ไม่ต้องแก้งานกันหลายครั้ง งานก็เสร็จตามเวลา ไม่มีข้อขัดแจ้งระหว่างสองฝ่าย และนักออกแบบต้องเข้าใจว่า ลูกค้ามีภาพในความคิด แต่เราเป็นผู้ทำให้เป็นจริงขึ้น ซึ่งอาจจะไม่ตรงในทีเดียวนั่นเอง

 

5 กลยุทธ์ ออกแบบเว็บไซต์อย่างไร ให้ตอบโจทย์การใช้งานของผู้ใช้อย่างครอบคลุม

ปัจจุบันมนุษย์เรามีตัวเลือกและข้อเปรียบเทียบมากมาย สำหรับสินค้าหรือบริการต่าง ๆ เว็บไซต์เองก็เป็นหนึ่งในการบริการที่มีตัวเลือกมากมาย อย่างที่เห็นได้ชัดก็คือร้านขายของออนไลน์ ที่ต่างพยายามแข่งขันกันดึงดูดลูกค้า ดังนั้นผู้ออกแบบเองก็ควรใส่ใจในการหาวิธีการที่จะทำให้เว็บไซต์ที่ออกแบบดูดี และตอบโจทย์การใช้งานอยู่เสมอ อีกทั้งยังต้องออกมาดีกว่าคู่แข่งให้ได้อีกด้วย
บทความนี้จึงจะมาแนะนำกลยุทธ์ที่จะทำให้การออกแบบเว็บไซต์เป็นไปตามความต้องการของผู้ใช้และครอบคลุมทุกการใช้ง่าย ที่เข้าใจง่ายใน 6 ข้อ พร้อมกับยกตัวอย่างประกอบ

  • เว็บไซต์จะต้องถูกเข้าใจได้ง่าย ว่าต้องการจะสื่อสารถึงเนื้อหาอะไรบ้าง ในส่วนแรกนี้คือการจัดเรียงหัวข้อของเรื่องต่าง ๆ ทั้งหัวข้อใหญ่และหัวข้อย่อย ซึ่งควรถูกจัดวางอย่างมีระบบอีกทั้งควรใช้คำที่สื่อความหมายได้ชัดเจน ไม่ว่าผู้ใช้งานจะเป็นใครก็ควรจะอ่านเข้าใจได้ง่าย
  • ควรมีระบบจัดการปัญหาที่อาจเกิดขึ้นระหว่างการใช้งาน อาทิ เว็บไซต์ล่มหรือโหลดรูปภาพไม่ขึ้น ในหลายเว็บไซต์นั้นไม่ได้มีการจัดการปัญหาทางด้านนี้ เมื่อเกิดเหตุขัดคล่องขึ้นเมื่อลูกค้าเข้ามาใช้งานจึงแก้ไขเบื้องต้นไม่ได้ และส่วนนี้จะก่อให้เกิดประสบการณ์ในการใช้งานที่ไม่ดีในใจลูกค้า แล้วยังส่งผลเสียตามมาถึงภาพลักษณ์ของบริษัทอีกด้วย ให้มองว่าการมีฟังก์ชั่นนี้ให้กับลูกค้าก็เหมือนบริการหลังการขายนั้นเอง หากสินค้าดีมาก แต่บริการหลังการขายแย่ลูกค้าก็ย่อมไม่พอใจแน่นอน
  • ผู้ใช้งานจะต้องเข้าใจการใช้งานเว็บไซต์ได้ง่าย ตั้งแต่ครั้งแรกที่ใช้งาน ตามหลักของคอมพิวเตอร์เรามีการใช้งานสิ่งต่าง ๆ ที่หลากหลายและมีผลต่อตัวผู้ใช้งาน เนื่องจากผู้ใช้แต่ละคนมีประสบการณ์ใช้งานที่หลากหลายต่างกัน อีกทั้งยังมีความสามารถในการเข้าใจและเรียนรู้เว็บไซต์ที่ไม่เหมือนกัน หากคิดว่าการออกแบบนี้ดีสำหรับคนกลุ่มหนึ่ง แต่อีกกลุ่มหนึ่งอาจไม่สามารถเข้าใจก็เป็นได้
  • องค์ประกอบของเว็บไซต์ควรไม่มากหรือน้อยจนเกินไป การออกแบบเว็บไซต์ที่ดีนั้น ต้องเข้าใจมุมมองผู้เข้ามาใช้งานได้ดี อีกทั้งความเข้าใจในเชิงศิลปะก็เป็นสิ่งที่จำเป็นไม่ยิ่งหย่อนไปกว่ากัน เราต้องใช้มุมมองมองดูว่าเนื้อหาคับแน่นเกินไปจนดูยากหรือไม่ เช่น มีตัวอักษรและรูปภาพเต็มพื้นที่แทบไม่เหลือช่องว่าให้พักสายตา หรือโล่งจนเกินไปก็จะทำให้ผู้ใช้รู้สึกเบื่อ
  • การยืดหยุ่นของขนาดหน้าจอและไอคอนต่าง ๆ หัวข้อสุดท้ายนี้เริ่มถูกคำนึงถึงในการออกแบบบริษัทใหญ่ ๆ แล้ว นั้นคือการที่อุปกรณ์ที่ใช้เปิดเว็บไซต์มีขนาดหน้าจอไม่เท่ากัน ดังนั้นขนาดหน้าจอและไอคอนต่าง ๆ ควรออกแบบให้ยืดหยุ่นได้ตามขนาดอุปกรณ์ ซึ่งจะทำให้ไม่เหลือพื้นที่ด้านข้างของขอบจอนั้นเอง

แน่นอนว่าเราคงไม่สามารถทำอะไรได้ถูกต้อง ถูกใจให้กับทุกคนได้ แต่การทำอะไรให้สามารถเรียนรู้และเข้าใจได้ง่ายกับทุกคน เป็นเรื่องที่สามารถทำและปรับได้ ซึ่งหากทำได้แล้ว ไม่ว่าใครก็ตามที่เข้ามาเว็บไซต์ของคุณ ย่อมได้ประโยชน์และเปลี่ยนเป็นลูกค้าได้ในที่สุด

 

6 สิ่งต้องให้ความสำคัญ สำหรับคนที่สนใจจะทำเว็บไซต์ด้วยตัวเอง

หลายคนอยากทำเว็บไซต์เป็นของตัวเอง เพราะเดี๋ยวนี้การทำเว็บไซต์นั้นไม่ยากเหมือนกับแต่ก่อน แถมยังมีเว็บไซต์ที่ให้บริการรูปแบบเว็บไซต์สำเร็จรูปอีกมากมาย ดังนั้นการจะมีเว็บไซต์เป็นของตัวเองไม่ยากเกินเอื้อมอีกต่อไปค่ะ

(more…)