UI / UX - หน้า 6

คุณไปปิดแท็บกี่ครั้งแล้วสังเกตว่า หน้าต่างโมดัลขอให้คุณอยู่? ดูเหมือนเป็นเรื่องธรรมดาในทุกวันนี้และทำได้ด้วยเหตุผลหนึ่งข้อ: ใช้งานได้! คุณสามารถสร้างเอฟเฟกต์ที่คล้ายกันได้โดยใช้ ห้องสมุด Glio.js. มันเป็นสคริปต์ JS โอเพนซอร์ซฟรีเพื่อตรวจสอบเมื่อเคอร์เซอร์เมาส์ของผู้ใช้อยู่ เข้าใกล้ขอบ หรือเมื่อมัน ออกจากหน้าต่างเบราว์เซอร์. สิ่งนี้สามารถใช้เพื่อลอง ทำให้ผู้เข้าชมเว็บไซต์ของคุณ. แต่มันก็ยังสามารถที่จะ สร้างผลกระทบแบบไดนามิก ถ้าเม้าส์ของผู้ใช้อยู่ไกลออกไปทางด้านหนึ่งของหน้าจอ. คุณจะพบสิ่งเหล่านี้มากมาย ออกจากสคริปต์เจตนา ทั่วทั้งเว็บและส่วนใหญ่เป็น ยากที่จะปรับแต่ง. แต่นั่นคือสิ่งที่ทำให้ Glio.js ยอดเยี่ยมมาก. มันเป็นห้องสมุดที่ทรงพลัง ให้คุณควบคุมได้ เหนือสิ่งที่คุณทำกับหน้าจอ หากเมาส์ของผู้ใช้ออกจากเบราว์เซอร์คุณสามารถทำได้ แสดงคำกริยา,...

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

นักออกแบบ UI ทุกคนต้องการ ใช้ฐานข้อมูลผู้ใช้. นั่นคือจุดรวมของเว็บไซต์หรือแอพมือถือ: เพื่อมอบสิ่งที่มีค่าที่ดึงดูดผู้เข้าชม ตื่นเต้นและโต้ตอบ. แต่แทบจะเป็นไปไม่ได้เลยที่จะวัดการมีส่วนร่วมเว้นแต่ว่าคุณกำลังดูผู้ใช้โต้ตอบกับเว็บไซต์ของคุณ โชคดีที่มีเงื่อนงำและตัวชี้วัดที่สามารถใช้ สรุปการมีส่วนร่วมของผู้ใช้. โพสต์นี้จะกล่าวถึงการทำงานของเมตริกเหล่านี้และสาเหตุที่ทำให้ผู้ใช้มีส่วนร่วมมากขึ้น ฉันจะแบ่งปันเคล็ดลับและกลยุทธ์ที่คุณสามารถใช้สำหรับการทดสอบการปรับปรุงในการวัดเหล่านี้เมื่อเวลาผ่านไป. ตัวชี้วัดความผูกพัน โปรแกรมวิเคราะห์ สามารถช่วยคุณติดตามข้อมูลจากผู้ใช้ทั้งหมดในเว็บไซต์ของคุณ ความยากคือการเข้าใจตัวชี้วัดเหล่านี้สิ่งที่ทำให้พวกเขาและวิธีการปรับปรุงพวกเขา. Google จะดูการวัดการมีส่วนร่วมของหน้าเว็บเพื่อดูว่าผู้ใช้พบสิ่งที่พวกเขาต้องการในเว็บไซต์ของคุณหรือไม่ สิ่งนี้ไม่เพียง แต่มีความสำคัญสำหรับ SEO เท่านั้น แต่ยังรวมถึงการสร้างประสบการณ์การใช้งานที่แท้จริง. หลายคนอ้างว่าอัตราการคลิกผ่าน SERP ของหน้าเว็บและการแบ่งปันทางสังคมเป็นส่วนหนึ่งของการติดตามการมีส่วนร่วม สิ่งนี้อาจเป็นจริง แต่เป็นแนวคิดเกี่ยวกับนอกไซต์มากกว่าการมีส่วนร่วมในหน้า. ตัวชี้วัดที่คุณสามารถปรับปรุงได้ โดยเปลี่ยนการออกแบบของคุณ...

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

เมนูการนำทางบนเว็บไซต์เปรียบเสมือนเครื่องหมายจราจรบนถนนหรือไดเรกทอรีระดับในห้างสรรพสินค้า. คุณไม่สามารถไปถึงจุดหมายได้โดยไม่ต้องรู้ว่าคุณอยู่ที่ไหน. เช่นเดียวกับในชีวิตจริงการนำทางในการออกแบบเว็บมีความสำคัญมากและมีบทบาทสำคัญในการใช้งานของเว็บไซต์เช่นเดียวกับในประสบการณ์ของผู้ใช้. ทุกวันนี้คุณสามารถเห็นเมนูนำทางหลากหลายประเภทพร้อมการออกแบบที่น่าสนใจสร้างสรรค์และแปลกตา แต่การนำทางที่มีประสิทธิภาพเกี่ยวกับเว็บไซต์จะเป็นอย่างไร มันควรมีลักษณะอย่างไร? วันนี้ฉันอยากจะแบ่งปันข้อสังเกตและความรู้เกี่ยวกับความสำคัญของการนำทางในการออกแบบเว็บ ฉันจะเปิดเผยเคล็ดลับง่ายๆที่คุณสามารถใช้เพื่อปรับปรุงการนำทางเว็บไซต์และการใช้งานของคุณ นอกจากนี้ยังมีตัวอย่างของเมนูการนำทางที่มีประสิทธิภาพเพื่อให้คุณมีความคิดเกี่ยวกับวิธีการวางแผนการออกแบบต่อไปของคุณ. สถาปัตยกรรมสารสนเทศ การวางแผนการนำทางควรเริ่มต้นด้วยสถาปัตยกรรมข้อมูล มันเป็นสิ่งสำคัญที่จะต้องนั่งลงและ ระดมสมองเกี่ยวกับสถาปัตยกรรมข้อมูลของเว็บไซต์. คุณต้องคิดออกว่าคุณสมบัติของเว็บไซต์ให้บริการสิ่งที่สำคัญที่สุดและสิ่งที่สามารถวางในระดับที่ต่ำกว่าในลำดับชั้นของข้อมูล. สถาปัตยกรรมข้อมูลประกอบด้วย คุณสมบัติความต้องการของผู้ใช้แผนผังเว็บไซต์การทดสอบและโครงลวด. คุณสามารถอ่านเพิ่มเติมเกี่ยวกับสถาปัตยกรรมข้อมูลในบทความโดย Cameron Chapman ใน Information Architecture 101: เทคนิคและวิธีปฏิบัติที่ดีที่สุด. การใช้เทคโนโลยีที่เปิดใช้งานผู้ใช้ หลีกเลี่ยงการใช้ Flash, JavaScript, jQuery หรือสิ่งอื่นใดที่เสี่ยงต่อการเข้าถึงการนำทางเว็บไซต์ของคุณในการสร้างแถบการนำทางของคุณหรืออย่างน้อยต้องแน่ใจว่าพวกเขาสามารถย่อยสลายได้อย่างงดงาม....

เว็บควรเป็นสถานที่ที่ทุกคนสามารถเข้าถึงเนื้อหาเดียวกันได้จากทุกที่ในโลก เทคนิคการตอบสนองได้หายไปนาน การออกแบบที่ไม่เชื่อเรื่องพระเจ้าอุปกรณ์. แต่สิ่งที่เกี่ยวกับ การออกแบบการเข้าถึงผู้ไม่เชื่อเรื่องพระเจ้า? ความสามารถในการเข้าถึงเว็บนั้นมีมานานหลายปีแล้ว แต่การใช้งานนั้นต้องการความก้าวหน้าใหม่ในด้านเทคโนโลยีและการพัฒนาเว็บ นักพัฒนาหลายคนต้องการความช่วยเหลือ แต่มันยากที่จะเข้าใจวิธีการออกแบบเพื่อการเข้าถึงเพราะมีชิ้นส่วนที่เคลื่อนไหวมากมาย ซึ่งรวมถึงข้อความที่มีคอนทราสต์สูง, หน้าเสียงสำหรับคนตาบอด, สื่อที่ปรับให้เหมาะสมและทางเลือกสำหรับเบราว์เซอร์ที่ไม่ใช่ JS / CSS. ในโพสต์นี้ฉันจะกล่าวถึงพื้นฐานของการออกแบบการช่วยสำหรับการเข้าถึงสิ่งที่เป็นเป้าหมายในการแก้ปัญหาและขั้นตอนที่คุณสามารถเริ่มต้นได้ หมายเหตุนี่เป็นวิชาที่มีรายละเอียดที่ไม่น่าเชื่อและต้องใช้เวลาหลายเดือนหรือหลายปีในการฝึกฝนเพื่อทำความเข้าใจ แต่ประโยชน์นั้นคุ้มค่ากับความพยายามและโครงการเว็บทั้งหมดของคุณจะทำให้ผู้เข้าชมทุกคนประทับใจกับเนื้อหาที่เข้าถึงได้. แนะนำการเข้าถึง โดยทั่วไปการเข้าถึงคือแนวคิดในการสร้างเนื้อหาเพื่อให้ ทุกคนสามารถบริโภคได้. ซึ่งอาจรวมถึงคนตาบอดที่ไม่สามารถอ่านได้และอาจรวมถึงคนที่มีความพิการทางร่างกายที่ไม่สามารถใช้งานเมาส์หรือคีย์บอร์ด (หรืออย่างใดอย่างหนึ่ง). แต่มันยังสามารถรวมคนด้วย ข้อบกพร่องเล็กน้อย ในวิสัยทัศน์ อาจรวมถึงผู้ที่มี ดิสหรืออ่านปัญหาความเข้าใจ. ในความเป็นจริงความคิดของ “การเข้าถึงเว็บ”...

หากคุณพบว่าตัวเองใช้เวลามากเกินไปในการสร้างต้นแบบการออกแบบครั้งใหญ่ครั้งต่อไปคุณอาจจำเป็นต้องย้อนกลับไป ประเมินเครื่องมือและทรัพยากรที่คุณมีอยู่. ไม่มีเหตุผลที่จะยึดติดกับเครื่องมือ wireframing หรือเครื่องมือสร้างต้นแบบเดียวกันเมื่อมีการเพิ่มเครื่องมือ UX ใหม่และปรับปรุง UI และทรัพยากร UI บนเว็บบ่อยครั้งมากขึ้น ทำงานได้เร็วขึ้นดีขึ้นและรวดเร็วขึ้นด้วยเครื่องมือที่ทรงพลังและชุด UI ที่สดชื่นกว่า. เพื่อช่วยคุณในเรื่องนี้เรามีเครื่องมือ 15 UX และ UI ที่ยอดเยี่ยมสำหรับการสร้างต้นแบบ บางคนพก ลากแล้ววาง ฟังก์ชันการทำงานและ คุณสมบัติการทำงานร่วมกันเป็นทีมที่มีประสิทธิภาพ, ในขณะที่คนอื่นมีทรัพยากรที่ดีสำหรับการทดสอบการใช้งานการออกแบบของคุณในช่วงการพัฒนาและในบางกรณีในเวลาจริง. เพิ่มเติมเกี่ยวกับ Hongkiat: 20 พอร์ต UI...

เราอาศัยอยู่ในโลกของข้อมูลขนาดใหญ่และคนส่วนใหญ่จำเป็นต้องเข้าใจตัวเลขเหล่านี้เป็นส่วนหนึ่งของขั้นตอนการทำงานของพวกเขา. การจัดการข้อมูลเป็นงานที่ท้าทาย และนี่คือที่มาของแดชบอร์ด. แดชบอร์ดเป็นอินเทอร์เฟซ ระหว่างเว็บไซต์และผู้ดูแลระบบ ซึ่งช่วยในการควบคุมไซต์บริการหรือเครื่องมือในการติดตามข้อมูล แดชบอร์ดอัจฉริยะที่ออกแบบมาอย่างดีสามารถประหยัดเวลาได้มากและช่วยระบุข้อมูลที่สำคัญในการสร้างรายงานที่เหมาะสมได้อย่างรวดเร็ว การออกแบบแผงควบคุมต้องคำนึงถึงการหลีกเลี่ยงความยุ่งเหยิงการเน้นข้อมูลที่สำคัญและการจัดลำดับความสำคัญของตัวชี้วัด. ในโพสต์นี้คุณจะได้พบกับการออกแบบแดชบอร์ดที่ยอดเยี่ยมมากมายที่จะสร้างแรงบันดาลใจให้คุณในการออกแบบของคุณเอง หากคุณไม่ได้ออกแบบให้ลองใช้ส่วนที่สองของโพสต์นี้เพื่อรับทรัพยากรแดชบอร์ดที่สามารถดาวน์โหลดได้ฟรี. Dashboard UI สำหรับแรงบันดาลใจของคุณ 25 Dashboards UI สำหรับดาวน์โหลด นี่คือแดชบอร์ดบางส่วนที่สามารถดาวน์โหลดได้ คลิกที่ภาพแดชบอร์ดเพื่อดาวน์โหลด PSD. รูปแบบ: PSD [ดาวน์โหลด] รูปแบบ: PSD [ดาวน์โหลด] รูปแบบ: PSD [ดาวน์โหลด] รูปแบบ:...