Use Direction Design CuesMany web u

Use Direction Design Cues

Many web usability studies have shown over the years that readers only skim read pages looking for relevant information as opposed to reading word by word. To enable conversions, designers are faced with the task of providing explicit and implicit visual cues, not just to help guide the reader to find the content they need, but also to influence them to take action.

Explicit directional cues are usually more obvious, often taking the form of an arrow, line, or curve that creates a visual pathway¬–leading the viewers’ eye directly to the objective of the email. Implicit directional cues are implied and they include cues such as line of sight, colour, shape and size, and prioritization through visual weighting.

In an example that uses both explicit and implicit directional cues, this email from Anthropologie draws the reader to the calls-to action—to shop a specific category of necklaces, or shop all of the retailer’s jewellery offerings.

From a design perspective, you can see the explicit directional cues that visually guide the buyer to the call-to-action. A viewer’s eye is first drawn to the model (and her necklace), and then will follow the diagonal line, which is an explicit directional cue.

In the west viewers read from left to right, and will instinctually follow the line to the right and arrive at “the”, where the implicit directional cues of text style, and weight help move the viewer’s eye down to “New Exotics” to then finally land on the call-to-action.

ผลลัพธ์ (ไทย) 1:

ใช้สัญลักษณ์การออกแบบทิศทางศึกษาการใช้งานเว็บมากมายได้แสดงให้เห็นปีที่อ่านเท่านั้นอ่านอย่างคร่าว ๆ อ่านหน้าค้นหาข้อมูลที่เกี่ยวข้องจำกัดอ่านคำโดยคำ การเปิดใช้งานการแปลง นักออกแบบจะต้องเจอกับงานให้ชัดเจน และนัยภาพสัญลักษณ์ ไม่เพียงแต่จะช่วยนำผู้อ่าน ในการค้นหาเนื้อหาที่ต้องการ แต่มีอิทธิพลต่อการดำเนินการทิศทางสัญลักษณ์ชัดเจนจะชัดเจนมากขึ้น มักใช้แบบลูกศร เส้น หรือเส้นโค้งที่สร้าง pathway¬ – นำภาพตาของผู้ชมโดยตรงกับวัตถุประสงค์ของอีเมล์ ได้ มีนัยนัยทิศทางสัญลักษณ์ และสัญลักษณ์บรรทัดของสายตา สี รูปร่าง และขนาด และระดับผ่านน้ำหนักภาพรวมในตัวอย่างที่ใช้สัญลักษณ์ทิศทางชัดเจน และนัย อีเมลนี้จาก Anthropologie วาดอ่านเรียก-ดำเนินการ — ร้านค้าประเภทเฉพาะของสร้อยคอ หรือร้านค้าทั้งหมดของร้านค้าปลีกของอัญมณีจากมุมมองออกแบบ คุณสามารถดูสัญลักษณ์ทิศทางชัดเจนที่เห็นแนะนำผู้ซื้อเพื่อการโทรการดำเนินการ ตาตัวแสดงครั้งแรกออกแบบ (และสร้อยคอของเธอ), และจากนั้น จะเคลื่อนที่ตามเส้นทแยงมุม ซึ่งเป็นสัญลักษณ์ทิศทางชัดเจนในผู้ชมตะวันตกอ่านจากซ้ายไป ขวา จะ instinctually ตามรายการทางด้านขวา และถึง "", ที่สัญลักษณ์ทิศทางนัยของลักษณะข้อความ และน้ำหนักช่วยย้ายตาตัวแสดงลงไป "Exotics ใหม่" ไป แล้วในที่สุด ที่ดินการโทรการดำเนิน

ผลลัพธ์ (ไทย) 2:

ใช้การออกแบบทิศทางคิวศึกษาการใช้งานเว็บจำนวนมากได้แสดงให้เห็นในช่วงหลายปีที่ผู้อ่านเพียงหางอ่านหน้ามองหาข้อมูลที่เกี่ยวข้องเมื่อเทียบกับการอ่านคำด้วยคำพูด ต้องการเปิดใช้งานการแปลงนักออกแบบจะต้องเผชิญกับงานของตัวชี้นำภาพให้ชัดเจนและโดยนัยที่ไม่เพียง แต่จะช่วยแนะนำผู้อ่านที่จะหาเนื้อหาที่พวกเขาต้องการ แต่ยังมีอิทธิพลต่อพวกเขาที่จะดำเนินการ. ชี้นำทิศทางที่ชัดเจนมักจะชัดเจนมากขึ้นมักจะ รูปแบบของการใช้ลูกศรเส้นหรือเส้นโค้งที่สร้างภาพpathway¬ชั้นนำในตาของผู้ชมโดยตรงกับวัตถุประสงค์ของอีเมล ชี้นำทิศทางโดยนัยจะโดยนัยและพวกเขารวมตัวชี้นำเช่นเส้นสายตาสีรูปร่างและขนาดและจัดลำดับความสำคัญผ่านการชั่งน้ำหนักภาพ. ในตัวอย่างที่ใช้ตัวชี้นำทิศทางทั้งสองอย่างชัดเจนและโดยนัยอีเมลนี้จาก Anthropologie ดึงผู้อ่านที่จะเรียกร้อง ที่จะดำเนินการในการซื้อสินค้าประเภทที่เฉพาะเจาะจงของสร้อยคอ, หรือร้านค้าทั้งหมดของร้านค้าปลีกเสนอเครื่องประดับ. จากมุมมองของการออกแบบที่คุณสามารถดูตัวชี้นำทิศทางที่ชัดเจนว่าสายตาแนะนำผู้ซื้อที่จะเรียกร้องให้ดำเนินการ สายตาของผู้ชมจะถูกดึงมาเป็นครั้งแรกกับรูปแบบ (และสร้อยคอของเธอ) และจากนั้นจะเป็นไปตามแนวทแยงซึ่งเป็นคิวทิศทางอย่างชัดเจน. ในทางทิศตะวันตกผู้ชมอ่านจากซ้ายไปขวาและ instinctually จะเป็นไปตามเส้นไปทางขวาและ มาถึงที่ "" ซึ่งความหมายโดยนัยของทิศทางรูปแบบข้อความและน้ำหนักช่วยย้ายสายตาของผู้ชมลงไป "ใหม่ Exotics" แล้วในที่สุดก็ลงจอดบนที่เรียกร้องให้ดำเนินการ

ผลลัพธ์ (ไทย) 3:

ใช้ทิศทางการออกแบบคิว

หลายเว็บการใช้งานการศึกษาพบกว่าปีว่า ผู้อ่านเพียงหางอ่านหน้ามองหาข้อมูลที่เกี่ยวข้องเป็นนอกคอกอ่านทีละคำ เพื่อให้แปลง นักออกแบบจะต้องเผชิญกับงานให้ชัดเจนและโดยนัยและคิว ไม่ใช่คู่มือที่จะช่วยให้ผู้อ่านในการค้นหาเนื้อหาที่พวกเขาต้องการ แต่ยังมีอิทธิพลต่อพวกเขาทำ .

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

ในตัวอย่างที่ชัดเจนและโดยนัยที่ใช้ทั้งทิศทางตัวชี้นำนี้อีเมลจาก anthropologie ดึงผู้อ่านให้เรียกการกระทำของร้านประเภทที่เฉพาะเจาะจงของสร้อยคอ หรือเครื่องประดับของร้านทั้งหมดข้อเสนอของผู้ค้าปลีก

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

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