ออกแบบเว็บไซต์

UX และ UI ดีมีชัยไปกว่าครึ่ง การทดสอบสุดสำคัญก่อนการเปิดใช้จริง

                UX และ UI ถือเป็นอีกหนึ่งขั้นตอนในการออกแบบเว็บไซต์ที่สำคัญอย่างมาก UI หรือ User Interface คือหน้าตาและการใช้งานต่าง ๆ ที่ผู้ใช้งานใช้ และ UX คือ User Experience หรือก็คือประสบการณ์การใช้งานของผู้ใช้ ข้อมูลที่ได้จากการเก็บ Persona หรือทดลองใช้งานระบบของเรา หลังจากที่เราพัฒนาถึงขั้น Prototype หรือมีตัวต้นแบบออกมาแล้ว เราต้องทำการทดสอบการใช้งานจากผู้ใช้งานจริง เพื่อดูว่าผลลัพธ์ที่ได้นั้นตรงกันกับความคิดที่เราคาดการณ์ไว้หรือไม่ หลายคนอาจจะมีคำถามขึ้นมาในใจว่า นี่คือขั้นตอนที่เป็นหน้าที่ของ Tester หรือไม่ ความเป็นจริงแล้วจะพูดแบบนั้นก็ได้ แต่ก็ไม่ใช่ร้อยเปอร์เซ็นต์ เนื่องจากคำว่า Tester นั้น เราสามารถมองในความของฝั่งผู้พัฒนาได้ว่าเป็นคนทดสอบระบบ เพื่อที่ตั้งใจจะหาจุดบกพร่องให้ได้มากที่สุด ก่อนที่จะนำไปให้กลุ่มตัวอย่างของผู้ใช้งานได้ทดลองใช้จริง พูดง่าย ๆ ก็คือถ้า Tester จะเป็นการทดสอบเพื่อหา Bug โดยเฉพาะ แต่ถ้าเป็นการ UX คือการเก็บข้อมูลเพิ่มเติม รวมไปถึงคำแนะนำต่าง ๆ จากมุมมองของผู้ใช้งาน เพื่อที่จะนำมาปรับปรุงแก้ไข ในรายละเอียดของการสร้าง UI จริง ๆ แล้วมันคือหน้าตาของตัวเว็บไซต์เท่านั้น หรือที่เราเรียกกันว่า Font-EN นั่นเอง… Read more >

ออกแบบเว็บไซต์ที่ไหนก็ได้ไม่ต้องมีคอมพิวเตอร์ ใช้แค่สมาร์ทโฟนก็พอแล้ว

                หลายคนนึกภาพว่าการออกแบบเว็บไซต์นั้น จำเป็นจะต้องมีคอมพิวเตอร์ โปรแกรม หรือตัว code generator ต่าง ๆ เพื่อใช้ในการออกแบบรูปร่างหน้าตาของเว็บไซต์ ทำการวางระบบและลงมือเขียนโค๊ตขึ้นมาเพื่อให้เว็บไซต์สามารถใช้งานได้จริง แต่แน่นอนว่าถ้าไม่คอมพิวเตอร์ ก็ไม่สามารถทำอะไรได้เลยนอกจากเอากระดาษมาวาดออกแบบตัวหน้าตาเว็บไซต์คร่าว ๆ แต่ตอนนี้ไม่จำเป็นอีกต่อไปแล้ว ณ ปัจจุบันมีทางเลือกให้ผู้ที่ต้องการจะทำเว็บไซต์ขึ้นมา โดยที่ไม่ต้องใช้คอมพิวเตอร์ก็สามารถทำได้ อาจจะมีคนที่นึกถึงพวก Code Generator ที่เปิดให้ซื้อมาใช้งานบนมือถือ แต่นั่นก็ยังไม่ใช่อยู่ดี สิ่งที่จะนำเสนอในบทความนี้ก็คือ SimpleDifferent แอปพลิเคชันบนมือถือที่เปิดให้ทุกคนสามารถเข้าไปสร้างเว็บไซต์ใช้งานเองได้ทุกที่ ทุกเวลา เพียงแค่มีสมาร์ทโฟนเท่านั้น แอปพลิเคชันสำหรับคนออกแบบเว็บไซต์ ความสะดวกสบายที่เบากระเป๋า                 หลายคนที่จำเป็นต้องเดินทาง หรือทำกิจกรรมที่ไม่อยู่กับที่สักเท่าไร แต่มีงานที่จำเป็นต้องออกแบบหรือสร้างเว็บไซต์ขึ้นมา แนะนำให้ลองโหลดเจ้าแอปพลิเคชัน SimpleDifferent ตัวนี้มาลองใช้งานดู เป็นแอปพลิเคชันที่มีทั้ง Android และ iOS ให้ได้โหลดมาใช้งานกัน มันเป็นแอปพลิเคชันที่ไว้สำหรับใช้ในการออกแบบเว็บไซต์ที่มีข้อดีมากมาย สามารถแก้ไขและปรับปรุงตัวเว็บไซต์ได้จากโทรศัพท์สมาร์ทโฟนของคุณ ไม่ต้องติดตั้งหรือมีการเขียนโค๊ตใด ๆ มีลักษณะการใช้งานที่ง่าย และไม่ซับซ้อน ไม่มีการทำโฆษณาใด ๆ ลงบนเว็บที่คุณสร้าง ไม่มีข้อจำกัดต่าง ๆ ทางเทคนิค ถือว่าเป็นอีกหนึ่งแอปพลิเคชันที่น่าสนใจเป็นอย่างมาก ระบบการทำงานของตัวแอปพลิเคชันนั้นไม่ยุ่งยากและซับซ้อนเลย จะมีไอคอนต่าง ๆ ที่สามารถเข้าใจได้อย่างง่ายดาย การออกแบบและตกแต่งก็สามารถทำได้แค่เพียงปลายนิ้วสัมผัส… Read more >

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

                HMTL CSS เป็นหน้าตาของเว็บไซต์ที่จะแสดงให้ลูกค้าหรือผู้ใช้งานเห็น เป็นเครื่องมือที่ไว้ใช้สร้างรูปแบบลักษณะของเว็บไซต์ หรือที่เราเรียกกันว่า Interface เป็นขึ้นตอนหลังจากที่ได้ final draft ของเว็บไซต์ที่ต้องการจะสร้างมาแล้ว จึงเริ่มที่จะ Coding โดยใช้ภาษาเหล่านี้ แต่ก่อนหน้านั้นเราก็ต้องทำการออกแบบหน้าตาให้พอใจเสียก่อน ไม่ควรที่จะทำไปและแก้ไป เนื่องจากอาจจะเกิดความยุ่งยากในการแก้ไขมากกว่าแก้ไขในช่วงของการออกแบบ ซึ่งใน Phase ของการออกแบบนั้น หลายคนจะให้ความสนใจกับลักษณะเว็บไซต์ และความสวยงามต่าง ๆ นั่นไม่ใช่เรื่องที่ผิด แต่เราต้องอย่าลืมว่าเราทำเว็บไซต์ขึ้นมาเพื่อให้คนใช้งาน ดังนั้นเราจึงไม่สามารถทำตามใจตัวเองได้ เราต้องทำตามความชอบและความเหมาะสมของผู้ใช้งาน ซึ่งบางคนอาจจะใช้หลักการแนวคิดที่ว่า คิดให้เหมือนเราเป็นผู้ใช้งานเอง และทำการออกแบบในมุมมองนั้น ซึ่งก็ถือว่าเป็นเรื่องดี แต่สุดท้ายแล้วเราก็อาจจะไม่ได้ข้อมูลที่แท้จริง ทางที่ดีกว่าคือการศึกษาและเก็บข้อมูลของผู้ใช้งาน และนำมาวิเคราะห์เพื่อนำมาใช้ในการออกแบบให้ออกมาตรงกับที่ผู้ใช้งานต้องการมากที่สุด กระบวนการทำ Persona เพื่อให้เว็บไซต์โดนใจกับเว็บไซต์ได้มากที่สุด                 กระบวนการเล็ก ๆ แต่ส่งผลมากพอสมควรสำหรับการทำงานประเภทเว็บไซต์ หรือแอปพลิเคชันให้คนใช้งานที่เรียกว่า Persona นี้ หมายถึงการตัวข้อมูลต่าง ๆ ของผู้ใช้งานที่เราไปเก็บมาจากกลุ่มตัวอย่าง เพื่อจะนำข้อมูลมาประยุกต์ใช้กับการออกแบบให้โดนใจผู้ใช้งาน โดยการสัมภาษณ์และพูดคุยกับกลุ่มตัวอย่างผู้ใช้งาน ให้เรารู้จักและเข้าใจสิ่งที่เขาคาดหวัง และต้องการที่จะเห็น ซึ่งขั้นตอนมีดังนี้ หากลุ่มตัวอย่างของผู้ใช้งานและกำหนดจำนวนที่แน่นอน ทางที่ดีไม่ควรจะเป็นคนรู้จักหรือคนใกล้ตัว เพื่อที่จะตัดปัญหาเรื่องความเกรงใจ หรือความคิดเห็นที่ไม่เป็นกลาง ติดต่อกับผู้ใช้งานที่เลือกมา และอธิบายจุดประสงค์ของการทำแบบสอบถาม Persona ของเรา… Read more >

มุมมองความคิดสำหรับการออกแบบเว็บไซต์ที่ควรจะนำไปใช้

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

โลโก้สำคัญขนาดไหนสำหรับการออกแบบเว็บไซต์

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

แนะนำโปรแกรมออกแบบเว็บไซต์ที่ห้ามพลาด ใช้งานง่ายและได้ผลดี

                ถ้าพูดถึงเรื่องการออกแบบเว็บไซต์ แน่นอนว่าจำเป็นต้องมีโปรแกรมที่จะช่วยในเรื่องของการออกแบบในเรื่องของ UI (User Interface) แบบคร่าว ๆ ก่อนที่จะส่งไปให้ทางทีม Back-EN ได้พัฒนาต่อ ในบทความนี้จะนำเสนอโปรแกรม เว็บไซต์ และตัวช่วยต่าง ๆ ที่ผู้ออกแบบและพัฒนาเว็บไซต์ไม่ควรจะพลาด เริ่มจากโปรแกรมพื้นฐานที่หลายคนอาจจะคุ้นเคยกันอย่าง Adobe Photoshop หลายโรงเรียนมีการเริ่มสอนวิธีการใช้งานของ Adobe Photoshop เพื่อใช้ในการตกแต่งรูปภาพ แต่งสี รวมไปถึงการออกแบบด้วยเช่นกัน สำหรับใครต้องการจะออกแบบหน้า UI ของเว็บไซต์แบบคร่าว ๆ ก่อน และจึงส่งให้ทีมเขียนตัวเว็บไซต์พัฒนาทีหลัง โปรแกรมนี้ก็น่าสนใจไม่ใช่น้อย ยังคงอยู่กับโปรแกรมของตระกูล Adobe อย่าง Adobe Dreamweaver เป็นโปรแกรมที่ใช้ในการออกแบบเว็บไซต์แบบจำลองโดยเฉพาะ ซึ่งตัวผู้ออกแบบไม่จำเป็นจะต้องมานั่งเขียน HTML CSS หรือ PHP เองเลย เป็นหนึ่งโปรแกรมเริ่มต้นสำหรับนักออกแบบเว็บไซต์มือใหม่ที่ยังไม่คุ้นเคยกับการเขียนภาษาหรือฟังก์ชันต่าง ๆ ให้สามารถที่จะออกแบบเว็บไซต์ด้วยตัวเองได้ พัฒนาขึ้นมาจาก Dreamweaver หน่อย ขอแนะนำ Google Web Designer โปรแกรมออกแบบเว็บไซต์จากบริษัทยักษ์ใหญ่อย่าง Google ที่ไว้ใช้ในงานออกแบบเว็บไซต์ โดยทั่วไปมีฟังก์ชันการทำงาน และลักษณะการใช้งานที่คล้ายกับ Dreamweaver… Read more >

หลักการดีไซน์เว็บไซต์ให้เหมาะสมตามประเภทธุรกิจ

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

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

                หนึ่งสิ่งสำคัญที่ต้องมีในการออกแบบอย่างละเอียดนั้น ก็คือลักษณะการทำงานของระบบเว็บไซต์ ซึ่งได้มีการพัฒนาระบบการทำงานมามากมาย ถือเป็นทางเลือกให้นักออกแบบทั้งหลายได้ใช้กัน เริ่มจากยุคแรกของการออกแบบเว็บไซต์ ซึ่งเป็นจุดเริ่มต้น และนิยมใช้กันอย่างมาก นั่นคือการใช้งาน HTML, CSS, หรือ PHP ในการทำงานเว็บไซต์ โดยที่ระบบการทำงานทั้งหมดจะอยู่ที่ Server ผู้ใช้งานจะเข้ามาใช้งานเว็บไซต์เรา จากนั้นเว็บไซต์เราจะทำการขอคำร้องต่าง ๆ ไปที่ server เพื่อให้ server ส่งข้อมูลกลับมา ซึ่งข้อมูลจะถูกส่งมาและนำไปไว้ในรูปแบบของ HTML บนเว็บไซต์ที่เราเห็นกัน โครงสร้างการทำงานแบบนี้มีข้อดีคือมีระบบดี ๆ ให้เลือกใช้มากมาย และราคาค่าใช้จ่ายต่าง ๆ มีราคาถูก แต่แน่นอนว่า Server จะถูกใช้งานอย่างหนัก เมื่อเวลาผ่านไป ก็ได้มีการพัฒนาอีกรูปแบบหนึ่งขึ้นมา คือการใช้ JavaScript เป็นตัวกลางระหว่าง Server กับ Web browser มีหน้าที่ทำให้จัดการการดังข้อมูลต่าง ๆ และแสดงผลข้อมูลให้ง่ายขึ้น โดยเริ่มจากการที่ผู้ใช้งานส่ง request ไปที่ web browser จากนั้น… Read more >

ใช้งานได้ดีจริงหรือ Template เว็บไซต์ หน้าเว็บสำเร็จรูปที่ไม่จำเป็นต้องออกแบบ

                หลาย ๆ ครั้งที่เรามีความรู้เรื่องของการเขียนเว็บ และออกแบบฟังก์ชันต่าง ๆ เราสามารถทำได้ด้วยตัวเอง แต่ในทางตรงกันข้าม ถ้าเราไม่ได้เชี่ยวชาญหรือมีความรู้ด้านการออกแบบเลย ซึ่งเป็นสิ่งที่สำคัญมากของเว็บไซต์ เราก็ไม่สามารถทำเว็บไซต์ให้สมบูรณ์ได้ เป็นอีกหนึ่งข้อจำกัดสำหรับคนที่ต้องการจะเขียนเว็บเอง แต่ไม่มีความรู้ในด้านการออกแบบ UI (User Interface) ในตอนนี้มี source หลายแห่งที่เริ่มมีการปล่อย template ต่าง ๆ ออกมาให้ดาวน์โหลดกัน ไม่ว่าจะเป็น template สไลด์ของ Microsoft PowerPoint รูปแบบเอกสารของ Word Template ของแอปพลิเคชัน หรือ Template ของเว็บไซต์รูปแบบต่าง ๆ ซึ่งการใช้ Template เว็บไซต์ต่าง ๆ ก็มีมีข้อดีอยู่มากมาเช่น ผู้ใช้งานจะได้ UI ที่ดีดู เหมาะสม และลงตัวอย่างมาก เนื่องจาก template ที่ได้มีการออกแบบไว้ให้เราได้เอาไปใช้งานนั้น ส่วนใหญ่ถูกออกแบบมากจากคนที่มีความรู้ความเชี่ยวชาญในการออกแบบ ซึ่งทั้งเรื่องของสี Header หรือ Footer… Read more >

Bootstrap Framework ตัวช่วยชั้นดีของคนทำเว็บไซต์สมัยใหม่

คนที่เป็น website developer (ผู้พัฒนาเว็บไซต์) ไม่มีใครไม่รู้จัก HTML ภาษาที่ใช้สร้างเว็บไซต์ที่ใช้กับทั่วโลก รวมไปถึง CSS Component ที่ใช้ในการตกแต่งหน้าเว็บให้ดูมีสีสันและออกมาเป็นสไตล์ที่ต้องการได้ หรือบางฟังก์ชันอาจจะมีการใช้ JavaScript เขียนฟังก์ชันออกมา เรื่องเหล่านี้คนทำเว็บคุ้นเคยกันเป็นอย่างดี เป็นสิ่งที่ฝึกทำกันตั้งแต่เริ่มต้น ไปจนถึงการทำเว็บขายเป็นอาชีพ แต่ยุคที่เทคโนโลยีถูกพัฒนาไปไกลแบบปัจจุบันนี้ สมาร์ทโฟนเข้ามามีบทบาทอย่างมากในสังคมและวงการธุรกิจ เนื่องจากผู้คนเลือกใช้สมาร์ทโฟนในการทำทุกอย่าง แม้กระทั่งการเข้าเว็บไซต์ ซึ่งปัญหาของการเขียนแบบเก่าเกิดขึ้นตรงที่ Font-EN (หน้าตาของเว็บไซต์) ไม่ตอบสนองต่อหน้าจอขนาดต่าง ๆ ของสมาร์ทโฟนหรือสมาร์ทดีไวซ์ต่าง ๆ ผลที่ได้ก็คือ format ต่าง ๆ ที่ถูกออกแบบมาให้อยู่ในตำแหน่งที่สวยงาม เวลาเปิดเว็บไซต์เคลื่อนที่จนเสียรูปแบบ หรือถูกบีบจนไม่เป็นทรง เมื่ออยู่บนสมาร์ทโฟน นอกจากผู้ใช้งานจะเห็นหน้าตาที่ประหลาดของเว็บไซต์แล้ว ปุ่มการใช้งานต่าง ๆ ก็ยากที่จะหาเจอได้ เป็นข้อเสียที่น่าเป็นห่วงพอสมควร ด้วยเหตุนี้ Bootstrap จึงถูกพัฒนาขึ้นเพื่อเป็น framework ทางเลือกอีกอัน ที่จะสามารถแก้ไขปัญหา Web Responsive Design (การออกแบบหน้าตาของเว็บให้ตอบสนองเข้ากับทุกอุปกรณ์) ได้ Bootstrap ถูกพัฒนาขึ้นโดยบริษัทที่หลายคนในโลกใช้งานโซเชียลมีเดียที่บริษัทนี้เป็นคนสร้างอยู่ นั่นคือ Twitter นั่นเอง และยังถูกพัฒนาต่อเรื่อย ๆ จากทั่วทุกมุมโลก… Read more >