โฮมเพจ » UI / UX - หน้า 9

    UI / UX - หน้า 9

    การออกแบบอะตอมเบื้องต้นสำหรับนักออกแบบเว็บไซต์
    modularity, สามารถนำมาใช้, และ ความยืดหยุ่น ไม่ได้เป็นเพียงแค่แนวคิดในการเข้ารหัส แต่คุณสามารถใช้เพื่อสร้างแนวคิดได้ ระบบการออกแบบที่เหมาะสมที่สุด. การออกแบบอะตอม เป็นวิธีการใหม่สำหรับ การสร้าง UIs ที่มีประสิทธิภาพ จากล่างขึ้นบน, ใช้การเปรียบเทียบทางเคมี. แทนที่จะออกแบบคอลเลกชันของหน้าเว็บ, การออกแบบอะตอมมิกเริ่มต้นด้วยส่วนประกอบ UI ที่ง่ายที่สุดที่เรียกว่า อะตอม (ปุ่มรายการเมนู ฯลฯ ) และสร้าง UI ทั้งหมดขึ้นผ่านสี่ขั้นตอนเพิ่มเติม: โมเลกุล, สิ่งมีชีวิต, แม่แบบ, และ หน้า....
    ดูการวิเคราะห์หมู่ใน Google Analytics
    รายงานของ Google เป็นหนึ่งในเครื่องมือวิเคราะห์ที่ง่ายที่สุด แต่ใช้บ่อยที่สุดและมีประสิทธิภาพในการวิเคราะห์ท่ามกลางผู้ดูแลเว็บที่ฉลาด หนึ่งในรายงานล่าสุดที่เพิ่มไว้ใน Google Analytics คือ รายงานการวิเคราะห์หมู่. รายงานนี้มีประโยชน์อย่างยิ่งสำหรับเจ้าของธุรกิจตามที่ช่วย เปิดเผยข้อเท็จจริงที่สำคัญที่ช่วยให้เข้าใจพฤติกรรมของลูกค้า และ วิธีการเก็บรักษาไว้เพื่อเพิ่มผลกำไร. แม้ว่าผู้ดูแลเว็บจะรู้สึกผูกพันกับการวิเคราะห์เนื่องจากความรู้ทางธุรกิจที่ยอดเยี่ยมที่จะได้รับมันทำให้รู้สึกถึงการทำสิ่งต่าง ๆ ช้า. ในโพสต์ของวันนี้หนึ่งในสองส่วนแรกฉันจะให้ ความเข้าใจพื้นฐานของฟังก์ชั่นการวิเคราะห์ตามรุ่น ใน Google Analytics และสิ่งสำคัญหลักของวิธีการวิเคราะห์ที่รวบรวมข้อมูลเพื่อปั่นความลับของเรา นอกจากนี้ฉันจะสัมผัสกับแนวปฏิบัติบางอย่างเพื่อช่วยให้คุณเตรียมการวิเคราะห์แบบกลุ่มของคุณอย่างขยันหมั่นเพียรและใช้มันเพื่อประโยชน์ทางธุรกิจที่วัดได้. เมื่อคุณเลือกความแตกต่างของการวิเคราะห์แบบรวมศูนย์ผลลัพธ์ทางธุรกิจเราจะดำเนินการตามขั้นตอนในส่วนที่สอง. การวิเคราะห์หมู่คืออะไร? สิ่งแรกแรก; หมู่คนเป็นเพียง กลุ่มส่วนหรือประเภทของวัตถุ ที่มี แสดงพฤติกรรมทั่วไปคุณลักษณะหรือประสบการณ์ทั่วไป...
    ดูการสร้างเว็บไซต์สำหรับผู้ใช้แท็บเล็ต
    เวทีแท็บเล็ตซึ่งครั้งหนึ่งเคยถูกครอบครองโดย iPad ของ Apple นั้นกำลังเติบโตพร้อมกับผู้เข้าร่วมรายใหม่ทุกวัน Google Nexus 7, Amazon Kindle, Microsoft Surface และอุปกรณ์แท็บเล็ตอื่น ๆ ที่เข้ามาในตลาดกำลังผลักดันนักการตลาดให้คิดนอกเว็บไซต์พีซีและพัฒนากลยุทธ์แท็บเล็ตแบบสแตนด์อโลนหรืออย่างน้อยที่สุด, เว็บไซต์ที่เป็นมิตรกับแท็บเล็ต. แท็บเล็ตเป็นอุปกรณ์ทดแทนสำหรับสมาร์ทโฟนหรือไม่ คำตอบสั้น ๆ คือไม่ ในความเป็นจริงรายงาน comScore ล่าสุดเผยให้เห็นอย่างชัดเจนว่าหนึ่งในสี่ของเจ้าของสมาร์ทโฟนใช้แท็บเล็ตด้วยเช่นกัน นอกจากนี้ยังมีความแตกต่างที่ชัดเจนในวิธีที่ผู้คนใช้อุปกรณ์ทั้งสองนี้ ในขณะที่กลยุทธ์เว็บบนมือถือของคุณบางอย่างอาจใช้งานได้กับผู้ใช้แท็บเล็ตผู้อ่านแท็บเล็ตของคุณมีความต้องการเฉพาะที่จำเป็นต้องพิจารณาเป็นพิเศษ. อาคารสำหรับแท็บเล็ต การเข้าถึงเนื้อหาและข้อมูลเป็นกิจกรรมที่ยอดเยี่ยมที่สุดของเจ้าของแท็บเล็ตทั่วโลกการศึกษาของสมาคมผู้จัดพิมพ์ออนไลน์กล่าว ปริมาณการใช้เนื้อหารวม ดูวิดีโอตามด้วยการอ่านข่าว. ดังนั้นสิ่งที่คุณควรทำในการแสวงหาผู้อ่านแท็บเล็ตของคุณในฐานะนักการตลาดหรือผู้เผยแพร่เนื้อหา?...
    คำแนะนำเกี่ยวกับไอคอน UI ที่ดีขึ้นและคมชัดขึ้นด้วยแบบอักษรบนเว็บ
    หากคุณคุ้นเคยกับการใช้รูปแบบภาพบิตแมป (เช่น PNG และ GIF) เพื่อแสดงไอคอนบนเว็บไซต์คุณจะคุ้นเคยกับข้อบกพร่องของมัน ก่อนอื่นขึ้นอยู่กับขนาดและจำนวนข้อมูลสีที่ไอคอนมีขนาดไฟล์ไอคอนอาจมีขนาดใหญ่มาก. หากเรามีไอคอนมากเกินไปที่จะใส่ในเว็บไซต์ก็อาจทำให้ประสิทธิภาพของเว็บไซต์ช้าลงเนื่องจากเบราว์เซอร์จะต้องดำเนินการตามคำขอ HTTP จำนวนมาก แม้ว่าปัญหานี้สามารถแก้ไขได้ด้วย CSS sprite แต่ขนาดไฟล์ยังคงใหญ่. ไอคอนบิตแมปยังมีข้อบกพร่องในความยืดหยุ่นและความยืดหยุ่น สมมติว่าเราจำเป็นต้องขยายหรือซูมไอคอนในระดับหนึ่งหรือดูผ่านความละเอียดหน้าจอที่สูงมากเช่นบนจอแสดงผลเรตินา ไอคอนจะแน่นอน เปิดออกมองพร่ามัว. ถ้าคุณคำนึงถึงเรื่องเหล่านี้ข้างต้นคุณอาจต้องใช้แบบอักษรของไอคอน. ใช้แบบอักษรไอคอน แบบอักษรของไอคอน คือชุดไอคอนที่บรรจุในแบบอักษรของเว็บที่สามารถฝังในเว็บไซต์โดยใช้ @ font-face. ดังที่ Chris ที่ CSS-trick ได้ชี้ให้เห็นมีประโยชน์หลายอย่างในการใช้แบบอักษรบนรูปภาพเพื่อส่งไอคอน แบบอักษรเป็นวัตถุแบบเวกเตอร์ซึ่งโดยธรรมชาติแล้วมันไม่ขึ้นกับความละเอียดดังนั้นไอคอนจะยังคงความคมชัดในความละเอียดหน้าจอต่าง...
    8 อินเทอร์เฟซผู้ใช้ยุคถัดไปที่มี (เกือบ) ที่นี่
    เมื่อเราพูดถึงส่วนต่อประสานผู้ใช้ (UI) ในการคำนวณเราหมายถึง โปรแกรมคอมพิวเตอร์หรือระบบแสดงถึงตัวตนของผู้ใช้อย่างไร, โดยทั่วไปผ่านกราฟิกข้อความและเสียง เราทุกคนคุ้นเคยกับระบบปฏิบัติการ Windows และ Apple ทั่วไปที่เราโต้ตอบกับไอคอนบนเดสก์ท็อปของเราด้วยเคอร์เซอร์เมาส์ ก่อนหน้านั้นเรามีพรอมต์บรรทัดคำสั่งแบบข้อความตามโรงเรียนเก่า. การเปลี่ยนจากข้อความเป็นกราฟิกเป็นการก้าวกระโดดครั้งใหญ่ที่ริเริ่มโดยผู้ก่อตั้ง Apple, Steve Jobs ด้วยระบบปฏิบัติการ Macintosh ที่โดดเด่นในปี 1984 ในช่วงไม่กี่ปีที่ผ่านมาเราได้เห็น UI ที่สร้างสรรค์ซึ่งเกี่ยวข้องกับการใช้งานสัมผัส (เช่นสมาร์ทโฟน) เสียง (เช่น Siri) และท่าทางแม้แต่ (เช่น Microsoft Kinect)...
    50 แบบฟอร์มล็อกอินและลงทะเบียนมือถือสำหรับแรงบันดาลใจของคุณ
    เช่นเดียวกับฟอร์มการสมัครรับจดหมายข่าวแอปมือถือในทุกวันนี้จะถูกรวมเข้ากับฟอร์มลงชื่อเข้าใช้ ถามหาข้อมูลในระยะต่าง ๆ. จากการช็อปปิ้งออนไลน์และอีคอมเมิร์ซไปจนถึงเกมและความบันเทิงข้อมูลผู้ใช้มีความสำคัญอย่างยิ่งสำหรับเจ้าของแอป อย่างไรก็ตามในโลกที่มีการแข่งขันสูงของแอพมือถือ, การลงทะเบียนสร้างสรรค์และสร้างแรงบันดาลใจและรูปแบบการเข้าสู่ระบบสามารถมีบทบาทสำคัญในการรับข้อมูลผู้ใช้. เนื่องจากความสำคัญของรูปแบบการสมัครและเข้าสู่ระบบที่เป็นนวัตกรรมและน่าดึงดูดเราได้รวบรวมเข้าด้วยกัน 50 รูปแบบการเข้าสู่ระบบและการลงทะเบียนที่ยอดเยี่ยมที่สุด จากแอปมือถือที่แตกต่างกันทั้งแอพและแนวคิดที่แท้จริง พวกเขาดูเท่ ตัวหนาภาพที่อุดมสมบูรณ์และภาพประกอบที่ชาญฉลาด. แอพ Surf - แนวคิดการเข้าสู่ระบบโดย Guy Ligertwood หน้าจอเข้าสู่ระบบโดย Howard O วันที่ 4¢Â ?? ?? สมัครสมาชิกโดย Egor Lazarev เข้าสู่ระบบ -...
    50 ชุดฟรีเว็บ & มือถือ UI (2017)
    กราฟิกเป็นสิ่งแรกที่ผู้ใช้เห็นบนเว็บไซต์. อินเทอร์เฟซผู้ใช้ที่ดีและมีคุณภาพสูงจะช่วยให้ผู้ใช้ของคุณโต้ตอบกับเว็บไซต์ของคุณได้อย่างราบรื่น. นอกจากนี้เมื่อเลือกระหว่างสองเว็บไซต์หรือแอพผู้ใช้มักจะเลือกเว็บไซต์ที่ดูดีกว่าเสมอ น่าดึงดูดและใช้งานง่าย. ก่อนหน้านี้เราได้โพสต์ชุดฟรีของเว็บและชุด UI มือถือที่ยอดเยี่ยม โพสต์วันนี้ประกอบด้วยชุดคิทสำหรับเว็บและมือถืออีกหลายชุด เตาอบสดและฟรีอย่างแน่นอน. สิ่งเหล่านี้น่าสนใจ ชุด UI จะช่วยคุณในการประดิษฐ์เว็บไซต์ที่สวยงามและมีประโยชน์และการออกแบบแอพ. คุณสามารถปรับเปลี่ยนการออกแบบใด ๆ เพื่อให้เหมาะกับความต้องการของคุณและแก้ไของค์ประกอบใด ๆ เช่นปุ่มรูปแบบการเข้าสู่ระบบไอคอนสื่อสังคมออนไลน์และอื่น ๆ เพียงแค่ไปที่แหล่งข้อมูลหลักและ กดปุ่ม "ดาวน์โหลด" เพื่อบันทึกชุด UI บนคอมพิวเตอร์ของคุณ. พูดคุย รูปแบบ: Sketch, PSD [ดาวน์โหลด]...
    ชุดไอคอน GUI ฟรีและมีประโยชน์ 50 ชุดสำหรับนักออกแบบเว็บไซต์
    ไอคอนเป็นองค์ประกอบกราฟิกเล็กน้อยบนเว็บไซต์ที่ช่วยให้ผู้ใช้ในการสำรวจหน้าต่างๆ คำนึงถึงความสำคัญของไอคอนในใจ, ก่อนหน้านี้ฉันแสดงชุดไอคอนประเภทต่างๆ รวมถึงชุดไอคอนสภาพอากาศชุดไอคอนยิ้มชุดไอคอนทางการแพทย์ ฯลฯ. อย่างไรก็ตามในโพสต์นี้, แทนที่จะมุ่งเน้นไปที่ประเภทเฉพาะใด ๆ, ฉันมีไอคอนหลายประเภทที่ครอบคลุมส่วนติดต่อผู้ใช้แบบกราฟิกโดยรวม นี่คือตัวอย่างของ ชุดไอคอนคุณภาพสูง 40 ชุดที่ให้บริการฟรี ใช้. รายการเต็มหลังจากการกระโดด. ไอคอน UI แบบบาง ไอคอน UI พื้นฐาน ไอคอน Line UI ไอคอนส่วนต่อประสานผู้ใช้ ไอคอนฟรี 180+ ชุดไอคอนแบน iOS ไอคอนจากโมดูล...