ปุ่ม ทำยังไงให้ดูเป็นปุ่มแบบแบนๆ

จริง ๆ ผมอยากออกตัวก่อนเลยครับว่าผมหาใช่ผู้เชี่ยวชาญอย่างยิ่งยวดในแบบระดับแถวหน้าอะไรมากมายนะครับ เพียงแต่เมื่อออกแบบมาจริง ๆ แล้ว UX ดี แต่ UI มันกลับทำให้ดูไม่เหมือนกับปุ่ม หรือแสดงสถาณะว่าอยู่ที่ปุ่มใดกันแน่มากกว่า แบบนี้.. จากรูปข้างต้น คุณคิดว่าขณะนี้ action อยู่ที่ tab ใด… หรือว่ามองแล้วเป็นเพียงแค่การออกแบบปุ่มให้สีไม่เหมือนกันหรือเปล่า..​ทันทีที่มองจะไม่รู้เลยว่าสิ่งที่เห็นอยู่ให้ความหมายอย่างไร อย่างน้อยต้องใช้เวลาไม่ต่ำกว่า 2-3 วินาทีในการคิด หรือลองกดดู จากนั้นเราจึงลองออกแบบใหม่ คือลองเพิ่มปุ่มดูสิ ว่า ถ้ามี 2 ปุ่ม แล้วมองยาก ลองเป็น 3 ดูสิ เป็นอย่างไร จึงออกมาอย่างที่เห็น งง เหมือนเคย…. จากนั้นจึงลองแบบนี้…. แก้ปัญหาโดยการเปลี่ยนสีพื้นหลัง BG ของปุ่มให้เป็นแบบสีเข้ม จากนั้นมีสัญลักษณ์ให้เห็นว่ากำลังทำงานอยู่ที่ปุ่ม ๆ นี้อยู่ เพียงเท่านี้ ใคร ๆ ก็ใช้ได้แล้วหล่ะ… จริงไหมครับ ท่านผู้โชม…มมม.. ท่านอื่นมีความเห็นว่าอย่างไรลองคุยกันดูนะครับ. ขอบคุณครับ  

Phuket International Night Run 2014 Project

สวัสดีฮ๊าฟฟฟฟ………ฟฟ พอดีเพิ่งจะจบงานการ ตัด HTML/CSS ตัวเว็บไซต์งานวิ่งแปลก แหวกแนวที่สุดในภูเก็ตไป 1 ตัวเพิ่งเสร็จ ทั้งนี้เป็นเว็บที่ไม่ได้ง่ายเลย..ทั้ง element ต่าง ๆ รวมไปถึง Slide มีความละเอียดละออ จากผู้รังสรรค์เป็นอย่างมาก ต้องกราบขอบคุณ @bookbixg เลยครับที่ช่วยตัด ตัว Master มาให้ ทำให้เราเองปรับแต่งได้ง่ายขึ้นไปด้วย คราวนี้มาดูกันว่าระบบตัวนี้มีความพิเศษอย่างไร ตัคเว็บเบื้องต้นเป็นเว็บ HTML / CSS ตัดตามความต้องการของ Designer จากทีมนิตยสารสะพานหิน ซึ่งเห็นแว๊ปแรก เหมือนจะง่าย แต่………… ตัว navigation ด้านบนมีตัวหนังสือทับซ้อนกันตาม element แต่ละแถว ซึ่งโดยทั่วไป ทำม่าด้ายยย…… แต่ด้วย  @bookbixg ทำให้เป็นเรื่องง่ายไปเลย ตัวเว็บมีต้อง interface กับระบบรับจองตั๋ว ชั้นนำอย่าง Eventbrite ซึ่งการจัดการมีความยากลำบากเล็กน้อย เพราะรุ่นอายุที่มีจำนวนมาก ประเภทก็มีจำนวนมาก ทำให้ต้องคิด Flow สำหรับทำ […]

Samui IT FORUM 2014

สํานักงานส่งเสริมอุตสาหกรรมซอฟต์แวร์แห่งชาติ (องค์การมหาชน) หรือ SIPA จัดงาน Samui IT Forum 2014 ซึ่งกําหนดให้มีกิจกรรมการเสวนา และจัดการเจรจาธุรกิจ โดยมีวัตถุประสงค์เพื่อส่งเสริมและสนับผู้ประกอบการขนาดกลาง และขนาดย่อม (SMEs) ใช้ ICT ภาคใต้ เสริมสร้างและพัฒนาช่องทางการตลาดในภาคใต้ของอุตสาหกรรมซอฟต์แวร์ไทย สร้างเครือข่ายความความสัมพันธ์กับองค์กรและผู้ประกอบการซอฟต์แวร์ในอุตสาหกรรมหลัก พัฒนาและเสริมสร้างศักยภาพให้กับผู้ประกอบการซอฟต์แวร์ไทยสามารถผลิตซอฟต์ แวร์หรือบริการที่มีประสิทธิภาพสอดคล้องกับความต้องการของภาคอุตสาหกรรมหลัก รวมทั้งส่งเสริมให้มีการนําซอฟต์แวร์ไปใช้งานในอุตสาหกรรมหลักในการพัฒนาขีดความสามารถในการแข่งขันของภาคเศรษฐกิจของประเทศ กําหนดจัดขึ้นในวันศุกร์ที่ 26 กันยายน 2557 เวลา 13.30 – 18.30 น. ณ โรงแรมโนรา บุรี รีสอร์ท แอนด์ สปา ผู้สนใจสามารถสอบถามรายละเอียดเพิ่มเติม หรือสํารองที่นั่งได้ที่ สํานักงานส่งเสริมอุตสาหกรรมซอฟต์แวร์แห่งชาติ สาขาภูเก็ต โทร. 076-680-351 E-mail: samuiforum@gmail.com หรือที่ สมาคมส่งเสริมการท่องเที่ยวเกาะสมุย โทร. 077-426-932 ผู้เข้าร่วมสามารถลุ้นรับ iPad mini ได้ภายในงาน ทั้งนี้ผู้สํารองที่นั่ง 70 ท่านแรกจะได้รับของที่ระลึกเป็น Power Bank

#BlackSheepPhuket Workshop @ Fotohotel

สวัสดีครับ สุดสัปดาห์ที่ผ่านมา ได้มีโอกาสที่ดีที่สุดครั้งหนึ่งในชีวิตการทำงาน ที่ได้พัฒนาตัวเอง ในกิจกรรม workshop Black Sheep โดยอาจารย์ ประเสริฐ เอี่ยมรุ่งโรจน์ แกะดำกูรูชื่อดัง เจ้าของหนังสือขายดี แกะดำทำธุรกิจ และ fanpage แกะดำทำธุรกิจ อันเลื่องชื่อ ซึ่งงานนี้จัดโดยทีมงาน นิตยสาร สะพานหิน หนังสือแจกฟรีแนวใหม่ ฉีกทุกกฏของหนังสือท้องถิ่นที่เคยมีมา อัพแน่นไปด้วยคุณภาพ และวิธีการนำเสนอ กลับมาที่เรื่อง workshop ดีกว่า เดี๋ยวจะมีคนคิดว่าผม “อุ้มไก่” กิจกรรม workshop จัดขึ้นที่โรงแรม fotohotel กะตะ ซึ่งเป็นโรงแรมเลื่องชื่อแห่งหนึ่งของภูเก็ต ห้องประชุมจัดได้น่ารักมาก รวมถึงอาหารกลางวัน, coffee break ก็เปี่ยมด้วยคุณภาพ และสวยสดงดงามถึงขนาด “อวดได้เลย” เนื้อหาการอบรม สนุกมาก คุณประเสริฐ สามารถจี้ และ จุดประกายการคิดต่าง ๆ ได้เป็นอย่างดี ซึ่งสามารถสรุปได้ดังนี้ (สรุปในแบบของผมนะ อาจจะไม่ใช่แบบของทุกท่าน อิอิอิ) ใส่ใจในรายละเอียด […]

ZocialPRINT – After Party Report #PhuketCreativeTourism

ก่อนอื่นเลยทางทีมงาน ZocialPRINT ต้องขอขอบพระคุณทุกท่านที่ให้การสนับสนุน และได้ให้โอกาสกับทางทีมงานของเราได้เป็นส่วนหนึ่งของงานที่ยิ่งใหญ่ของเกาะภูเก็ต ซึ่งก็คืองาน PHUKET CREATIVE TOURISM 2014 ที่ผ่านมา ทางทีมงานมีความซาบซึ้งอยากสุดล้นเมื่อได้เห็นทั้งรอยยิ้ม และความประทับใจทันทีที่ผู้เข้าร่วมงานได้รับภาพที่ระลึกจากทาง ZocialPRINT และ งาน PHUKET CREATIVE TOURISM อีกด้วย ทั้งนี้เราได้ทำการ Tracking รายงานทั้งหมด ซึ่งมีรายละเอียดดังนี้ จำนวนภาพที่มีการถ่ายและแชร์ไปยัง Instatram ทั้งสิ้น137 ภาพ จำนวนภาพที่ใช้พิมพ์จริงทั้งสิ้น 104 ภาพ (แต่จำนวน ที่พิมพ์ทั้งหมด 146 แผ่น) มีการเข้าถึง hashtag ของกิจกรรม #PhuketCreativeTourism ทั้งสิ้น 41,632 Views ขอบคุณทีมงาน SIPA, สมาคมธุรกิจท่องเที่ยวภูเก็ต, BIC Event และผู้ร่วมกิจกรรมทุกท่านครับ… Post by Ibankstory Worapong Kaewtong. ชมภาพบรรยากาศทั้งหมดได้ที่นี่จ้า… >> http://iconosquare.com/tag/phuketcreativetourism ขอบคุณจากใจ […]