HTML ย่อมาจาก Hypertext Markup Language มันคือภาษาเขียนเว็บไซต์ที่ใช้เพื่อกำกับข้อมูลต่างๆ และแสดงผลคำสั่งบนหน้า Web Browser เป็นเหมือนภาษาพื้นฐานที่มีไว้ในการพัฒนาหน้าเว็บไซต์ ในปัจจุบันอยู่ภายใต้การดูแลของ องค์กร World Wide Web Consortium (W3C) และถูกพัฒนามาถึงเวอร์ชั่น 5 หรือที่เรียกว่า HTML5 โดยเริ่มจาก HTML1 ที่ทำอะไรได้ไม่มากนอกจากโบว์ชัวร์ออนไลน์ ข้อมูลต่างๆ… Read More »HTML คืออะไร? ทำไมคนเขียนเว็บไซต์ต้องใช้งาน
ในการทำธุรกิจ ปัญหาอาจเกิดขึ้นได้เสมอและปัญหาไม่ได้มีรูปแบบเดียว สิ่งสำคัญคือ คุณต้องสามารถระบุสาเหตุของปัญหาดังกล่าวได้อย่างทันท่วงที วิธีเดียวที่จะทำให้คุณมั่นใจได้คือการใช้ประโยชน์จากเครื่องมือที่ช่วยระบุปัญหาและสาเหตุที่เกี่ยวข้องได้ และหนึ่งในตัวเลือกที่มากมาย เราขอเสนอเครื่องมือที่ชื่อว่า Fishbone Diagram หรือ แผนภูมิก้างปลา Fishbone Diagram หมายถึง เครื่องมือในการค้นหาสาเหตุและผลกระทบที่เกิดขึ้น ช่วยให้คุณสามารถหาสาเหตุของข้อบกพร่องและความล้มเหลวในกระบวนการต่างๆ ในภาษาไทยนิยมเรียกสองแบบคือ แผนภูมิก้างปลา และ ผังก้างปลา –แผนภูมิก้างปลาเป็นหนึ่งในเครื่องมือที่ช่วยวิเคราะห์สาเหตุที่แท้จริงของปัญหา เป็นกระบวนการที่มีโครงสร้างช่วยในการช่วยระบุปัจจัยพื้นฐานหรือสาเหตุของเหตุการณ์ไม่พึงประสงค์ การทำความเข้าใจถึงปัจจัยต่างๆที่เอื้อต่อการทำงานที่เป็นสาเหตุของความล้มเหลวของระบบสามารถช่วยพัฒนาการดำเนินการที่สนับสนุนการแก้ไขได้ –ผังก้างปลา ตามชื่อเป็นแผนภาพที่เลียนแบบโครงกระดูกปลา ปัญหาพื้นฐานถูกวางไว้ในหัวของปลา (หันหน้าไปทางขวา) และสาเหตุจะขยายไปทางซ้ายเช่นเดียวกับโครงกระดูก ก้างปลาแต่ละก้างแสดงถึงสาเหตุสำคัญ ในขณะที่ก้างย่อยแสดงถึงสาเหตุของแต่ละสาเหตุสำคัญ โครงสร้างของผังก้างปลาสามารถแตกแขนงออกไปได้หลายระดับตามความจำเป็นเพื่อหาสาเหตุของปัญหา แผนภูมิก้างปลาเป็นหนึ่งในเครื่องมือสำหรับค้นหาสาเหตุที่แท้จริงของปัญหา… Read More »Fishbone Diagram (Case / Effect)
จากบทความ “พาชม Website color Scheme แนวสี Earth Tone” ที่เราได้พูดถึงความหมายของ Website color scheme และตัวอย่างเว็บไซต์ที่ออกแบบในลักษณะโทนสี Earth Tone กันไปแล้ว สำหรับในบทความนี้เราจะพาคุณไปชมตัวอย่างเว็บไซต์ที่ออกแบบมาในธีมสีโทนร้อน พร้อมดูลักษณะการออกแบบหรือดีไซน์ที่น่าสนใจของเว็บไซต์เหล่านั้น SOVIET DESIGN Soviet Design เป็นเว็บไซต์ที่เป็นตัวอย่างการออกแบบดีไซน์ที่ดี มีการวาง Website… Read More »Website color Scheme – สีโทนร้อน
Color Scheme คืออะไร ? ก่อนที่เราจะไปทำความรู้จักกับ Website color Scheme เราอยากจะให้ทุกคนมารู้จักกับคำว่า Color Scheme ก่อนว่ามันคืออะไร มันคือตัวช่วยที่จะทำให้รู้ว่าเราควรเลือกใช้สีอะไรในวงล้อสี(Color Wheel) มาใช้ทั้งในส่วนของโลโก้ พื้นหลังเว็บไซต์ ตัวหนังสือ หรือแม้กระทั่งองค์ประกอบต่าง ๆ ซึ่งมันก็มีทฤษฎีที่สามารถอธิบาย Color Scheme ในบทความนี้เราจะอธิบายให้เข้าในภาพรวมของ Color Scheme… Read More »พาชม Website color Scheme แนวสี Earth Tone
Heatmap มันคือวิธีการตรวจสอบที่มีประสิทธิภาพในการทำความเข้าใจว่าผู้ใช้งานทำอะไรบ้างบนเว็บไซต์ของคุณ ไม่ว่าจะคลิกในตำแหน่งไหน เลื่อนไปไกลแค่ไหน สนใจและไม่สนใจอะไร
หรือเราสามารถเรียกได้ว่า Heatmap Analytic ซึ่งเป็นเครื่องมือวิเคราะห์เว็บไซต์โดยการเก็บข้อมูลผู้ใช้งานขณะใช้งานบนหน้าเว็บ โดยข้อมูลที่ผ่านการวิเคราะห์จะถูกแสดงผลออกมาเป็นเฉดสีต่าง ๆ เพื่อให้ทราบตำแหน่งที่ผู้ใช้สนใจมากที่สุดและน้อยที่สุด นอกจากHeatmap จะเปฌนอนาคตของ Web Analytics
Canon’s Nine Wastes หมายถึง ความสูญเสียหรือกฏ การสูญเปล่าในการทำงานทั้ง 9 ประการ เป็นแนวคิดที่เพิ่มเติ่มหรือมีพื้นฐานมาจาก The 8 Wastes แบบลีน (Lean Thinking) จะเน้นไปที่การสร้างคุณค่าที่ลูกค้าต้องการ (Value Added) โดยมุ่งลดหรือขจัดสิ่งที่ไม่สร้างคุณค่าให้กับลูกค้าให้หมดไปเรียกกระบวนการที่ไม่สร้างคุณค่าดังกล่าวว่า ความสูญเปล่า (Wastes) ความสูญเสียที่เกิดขึ้นสามารถจำแนกออกได้ 8 ประเภทด้วยกัน 8 ความสูญเสียที่ได้กล่าวมานั้น เรียกย่อ… Read More »Canon’s Nine Wastes
Wireframe นั้นเปรียบเสมือนพิมพ์เขียวของการออกแบบสถาปัตยกรรมหรือการออกแบบสิ่งปลูกสร้าง เป็นโครงร่าง สองมิติหน้าเว็บไซต์หรือหน้าแอปที่มีไว้ให้เห็นภาพรวมของหน้าเว็บไซต์นั้นๆก่อน โดยจะมีรายละเอียดต่างๆที่สามารถบอกได้ถึง Flow การไหลของ User, ฟังชั่นการใช้งาน เป็นต้น Wireframe จะต้องแสดงให้เห็นถึงลักษณะโดยรวม แนวคิด ธีมสี และลักษณะหน้าตากราฟิกคร่าวๆ เรามักจะเห็น Wireframe ที่ใช้ดินสอในการออกแบบและเขียนแบบขึ้นมา เช่นเดียวกับการออกแบบสิ่งปลูกสร้างต่างๆเพื่อให้สามารถลบและแก้ไขได้ง่ายๆ แต่ในปัจจุบันนี้มีเว็บไซต์ที่สามารถเข้าไปใช้งานเพื่อลองออกแบบหน้าเว็บไซต์ Wireframe ได้ เช่น (lucid.app) Wireframe… Read More »Website Wireframe – สิ่งจำเป็นที่ต้องมีก่อนจะเริ่มออกแบบเว็บไซต์
วิวัฒนาการของเทรนด์การออกแบบเว็บไซต์ถูกปรับเปลี่ยนตามกาลเวลา หลายสิ่งหลายอย่างไม่ว่าจะเป็นองค์ประกอบ การแนบลิงค์ การใช้สี หรือแม้กระทั่งรูปแบบการวางตำแหน่งข้อความต่าง ๆ ก็เปลี่ยนไปเรื่อย ๆ ในบทความนี้เราจะพาทุกท่านไปชมหน้าตาเว็บไซต์ในช่วง 2010 ถึง 2015 ( 2010-2015 Website Graphics trends )กัน! อ่านเทรนด์เว็บไซต์ในปีอื่น ๆ 2010 Website Graphics ( Design… Read More »2010-2015 Website Graphics trends (เทรนด์เว็บไซต์)