Back to Question Center
0

ทำความเข้าใจเกี่ยวกับประสบการณ์ของผู้ใช้กับผู้ใช้ Semalt

1 answers:
ปีนี้กับนักออกแบบและนักพัฒนาเว็บเกี่ยวกับส่วนติดต่อผู้ใช้ (UI) และประสบการณ์ของผู้ใช้ (UX) และสิ่งที่แตกต่างกัน สำหรับผู้ค้าอีคอมเมิร์ซสิ่งสำคัญคือต้องทราบความแตกต่างหากคุณกำลังวางแผนการออกแบบร้านค้าออนไลน์แบบใหม่

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

บทความนี้สำรวจความแตกต่างระหว่าง UI กับ UX และเหตุผลที่คุณต้องการทรัพยากรที่ถูกต้องในทีมของคุณเมื่อคุณออกแบบเว็บไซต์ของคุณใหม่

การกำหนดประสบการณ์การใช้งาน

นี่คือองค์ประกอบบางส่วนที่ส่งผลต่อประสบการณ์การใช้งานของร้านค้าออนไลน์ของคุณ

  • อุทธรณ์ภาพ สีการสร้างแบรนด์ภาพวาดรูปแบบ
  • ค้นหาและนำทาง ความสามารถในการหาสิ่งที่คุณต้องการได้อย่างรวดเร็ว
  • แผนผังเว็บไซต์ เว็บไซต์จัดหมวดหมู่และจัดกลุ่มอย่างไร
  • เนื้อหา คุณภาพและปริมาณของข้อความภาพวิดีโอที่เกี่ยวข้องกับผลิตภัณฑ์และประเภทผลิตภัณฑ์
  • ใช้งานง่าย ผู้ใช้สามารถนำทางผ่านเว็บไซต์เข้าและออกจากรถเข็นได้อย่างง่ายดายสร้างรายการช้อปปิ้งค้นหาค่าจัดส่งหรือไม่?
  • ความช่วยเหลือ การสนทนาออนไลน์ความช่วยเหลือทางอีเมลบัญชีบริการด้วยตนเอง
  • ประสิทธิภาพ เว็บไซต์นี้ใช้งานได้เร็วหรือไม่?
  • ตัวเลือกและกระบวนการชำระเงิน คุณมีวิธีการชำระเงินหลายวิธีทำให้ผู้ใช้สามารถจัดเก็บข้อมูลบัตรเครดิตชำระเงินด้วย PayPal Express หรือระบบการชำระเงินของบุคคลที่สามได้หรือไม่?
  • ตะกร้าสินค้า เป็นที่น่าสนใจสายตา? มีข้อมูลการจัดส่งหรือไม่?
  • คุณสมบัติภาพ ซูมและแพนภาพอื่น ๆ ?
  • การปรับเปลี่ยนในแบบของคุณ ร้านค้าจัดส่งเนื้อหาส่วนบุคคลหรือไม่?
  • การจัดจำหน่าย รายการส่งเสริมการขายมีการแสดงและพร้อมใช้งานโดยใช้รายชื่อผู้ขายที่ดีที่สุดขายข้ามและขายต่อได้หรือไม่?

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

นี่คือตัวอย่างของเมนูย่อยที่ออกแบบมาอย่างดีใน Lowes com เก็บ ในไซต์ส่วนใหญ่ผู้ใช้จะต้องคลิกหรือสองระดับเพื่อเข้าถึงเนื้อหาลิงก์และเนื้อหาที่เกี่ยวข้องซึ่งมีอยู่ในเมนูแบบเลื่อนลงนี้ Semalt ประสบการณ์การใช้งานของผู้ใช้เริ่มต้นได้ดีมากประหยัดเวลาในการจับจ่ายซื้อของ

Lowes.com has a well designed sub-menu.

Lowes com มีเมนูย่อยที่ออกแบบมาอย่างดี

UI และ UX ออกแบบ

เมื่อเร็ว ๆ นี้เมื่อ 5 ปีที่แล้วนักออกแบบ UI ส่วนใหญ่ได้ทำ UI และ UX ทั้งสองแบบ ในขณะนั้นความสำคัญกับการสร้างแบรนด์สีและรูปแบบโดยรวม ความคิดบางอย่างได้รับการนำทางและลดจำนวนคลิกและจำเป็นต้องใช้ปุ่มย้อนกลับ เน้นการใส่ไอคอนเพื่อให้แน่ใจว่าได้ระบุสีขนาดและตำแหน่งที่เหมาะสมภายในตะกร้าสินค้าและอื่น ๆ Semalt มีนักออกแบบเพียงไม่กี่รายที่เน้นประสบการณ์การใช้งานที่เหลืออยู่ในส่วนที่แล้วและแทบไม่มีใครระบุว่าตัวเองเป็นนักออกแบบ UX ส่วนใหญ่

ตั้งแต่นั้นมาเราได้เห็นสาขาทั้งสองสาขาเป็นคำอธิบายงานที่แตกต่างกัน นักออกแบบ UI มีแนวโน้มที่จะมุ่งเน้นด้านครีเอทีฟการสร้างแบรนด์และการดึงดูดสายตามากขึ้น นักออกแบบ UX มุ่งเน้นไปที่สถาปัตยกรรมไซต์เค้าโครงหน้ากระดาษโฟกัสและรายการที่สามารถดำเนินการได้สำหรับแต่ละหน้ารวมถึงความพร้อมใช้งานของแหล่งข้อมูลและเนื้อหาอื่น ๆ ไม่ว่าจะเป็นป๊อบอัพหรือแท็บที่เหมาะสมกว่าเป็นต้น Source - chronographen damenuhren mit. นักออกแบบ UX มักยากที่จะหาและแพงกว่า

ขั้นตอนการออกแบบ

Semalt มองไปที่กระบวนการออกแบบและระบุบทบาทหน้าที่และผลงาน ไม่ใช่นักออกแบบหรือเอเจนซี่ทุกคนทำแบบเดียวกัน ในความเป็นจริงไม่กี่ทำ ดังนั้นคุณจะต้องพูดคุยเรื่องนี้อย่างละเอียดกับนักออกแบบที่คาดหวังของคุณ ให้แน่ใจว่าได้เข้าใจถึงสิ่งที่คุณจะได้รับ ยิ่งมีรายละเอียดมากเท่าไรและแม่นยำยิ่งขึ้นเท่านั้นงานที่ทีมพัฒนาของคุณจะต้องทำน้อยลงซึ่งจะทำให้ตัวเลือกน้อยลงสำหรับการตีความผิดพลาดและข้อผิดพลาด

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

  2. การสร้างแบรนด์ นี่ทำโดยดีไซน์ UI ประกอบด้วยองค์ประกอบภาพสีการพิมพ์โลโก้และรูปแบบระดับสูง

  3. แบบจำลองเริ่มต้น ภาพสเก็ตช์คร่าวๆของไซต์เพื่อจับภาพเค้าโครงและตำแหน่งขององค์ประกอบ นี้มักจะทำในเครื่องมือ mockup โดยไม่คำนึงถึงสีภาพที่เกิดขึ้นจริง ฯลฯ สามารถทำได้โดย UI หรือ UX หรือร่วมกัน โดยปกติแล้วจะมีการจัดเตรียมไว้สำหรับโฮมเพจก่อนเนื่องจากมีองค์ประกอบที่พบมากที่สุด (ส่วนหัวและส่วนท้ายและการนำทางโดยปกติแล้วจะมีการสร้างซ้ำหลายครั้ง)

  4. wireframes จัดเตรียมโดยนักออกแบบ UX นี่เป็นตัวแทนของแต่ละหน้า - มีหรือไม่มีกราฟิก - พร้อมกับเอกสารรายละเอียดเกี่ยวกับลิงก์และการผสานรวม คิดว่ามันคล้ายกับพิมพ์เขียวสำหรับอาคาร การออกแบบหน้าเว็บขององค์ประกอบทั้งหมดเป็นการระบุที่แม่นยำและมีหลายขั้นตอนเช่นป๊อปอัปลิงก์เมนูที่ขยายขึ้นและการดำเนินการอื่น ๆ ของเพจ มีเครื่องมือที่ใช้ในการวางสายหลายแบบและมีองค์ประกอบกราฟิกอีกมากมายในปัจจุบัน

  5. เทมเพลตสุดท้าย เหล่านี้จัดทำขึ้นโดยนักออกแบบ UI พวกเขาใช้ wireframes และเพิ่มองค์ประกอบกราฟิกทั้งหมดในแต่ละหน้า mockup สุดท้ายเป็นพิกเซลที่สมบูรณ์แบบและมีชั้นรวมถึงการกระทำและองค์ประกอบแต่ละอย่างเพื่อให้นักพัฒนาซอฟต์แวร์สามารถเข้าถึงคลังเนื้อหาทั้งหมดสำหรับไซต์ได้ เป็นการโต้ตอบเพื่อแสดงองค์ประกอบที่สามารถดำเนินการได้ทั้งหมด เนื้อหาที่ส่งมอบมักเป็น Adobe Photoshop, Illustrator หรือ Fireworks ซึ่งมักจะขึ้นอยู่กับตัวเลือกส่วนบุคคลของนักออกแบบ

  6. การพัฒนา ดำเนินการโดยทีมพัฒนา พวกเขาสร้าง CSS, HTML, Java, AJAX และทำบูรณาการที่จำเป็น

สิ่งที่ต้องทำ

ในขณะที่คุณเลือกทีมออกแบบดูงานจากทุกขั้นตอน ขอให้จัดหาสถาปัตยกรรมข้อมูลสเก็ตช์เริ่มต้น wireframes และผลงานสุดท้าย ลองถามทีมออกแบบถ้าแบบจำลองเสร็จสิ้นหรือหากต้องการทำงานเพิ่ม

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

March 1, 2018