Z模式被非官方认为是登陆页面的王者,因为它涵盖了视觉层次结构,内容结构和CTA等重要方面。与更适合文本或展现繁重内容页面的F模式不同,Z模式有效地将用户的注意力集中在带最小副本的登录页面上。 你可能已经猜到,这个模式代表了用户眼睛的类似于z图案的移动。
简约的界面可以从Z模式中获益,它以一致的布局和视觉上令人满意的内容结构为用户带来愉悦。 在使用z模式设计时,应遵循以下结构: 顶部的水平线应该包括醒目的内容和元素,比如logo和导航栏(这样用户很快就能访问网站的相应页面)。 遵循经典的讲故事方式,对角线应该向用户介绍主要内容,包括主要内容,吸引注意力的图片,幻灯片等。 最后,一条较低的水平线应该有一个CTA(行为召唤),它可以刺激用户执行某些动作,比如注册、订阅或购买。 底部线条: 视觉模式的知识使设计师理解用户是如何感知和识别页面内容的。成功地应用这些模式使设计者能够构建和优化出使用户愉悦的界面,并创造整体的易用性。 如何防止用户对界面优化的不满 一个网站或应用程序的成功改版是通过深入的研究,包括各种可用性测试来实现的。可用性测试旨在评估新系统的设计和功能或具有真实用户的现有新系统。以下是设计人员采用的一些有效的测试技术: A/B测试 A / B测试,或对比测试,是一种比较两个不同概念的方法,如按钮、CTAs、配色方案和广告横幅。A / B测试的目的是找出哪些选项是最成功的; 例如,哪个按钮点击的次数最多。 每一个A / B测试的案例都是独一无二的。测试的元素取决于你的业务目标。虽然如此,在用户界面设计中,通常需要测试以下元素: 复制(产品说明,按钮文字等) 号召性用语(例如,他们的刊登位置或措词) 注册表单 布局 图片 配色方案 请谨记,A / B测试必须同时执行,而不是连续执行,因此你可以获得不受趋势或行为变化影响的相关结果。 做A / B测试可以帮助你避免用户的不满,甚至可以通过对界面进行必要的调整来帮助你获得更好的转化率。 Google Analytics, Optimizely和CrazyEgg这些在线工具可以帮助你进行A / B测试。 走廊测试 走廊测试是一种非正式的利用真实用户来测试你的设计的方法。一个走廊测试需找到一个拥挤的区域,然后,简单地要求路人对你的某一个设计界面进行测试和评估。 当地的星巴克可以是一个好的去处:一般来说,人们在舒适的环境中与陌生人互动的可能性更大。此外,在星巴克,你可以给帮你测试的人买一个松饼或一杯咖啡作为奖励,这还可以帮你多争取几分钟的宝贵时间。 和你的同事一起测试一个设计也是一种方法。在这种情况下,你可以快速地在走廊上或饮水机旁对你的想法进行测试。此外,有些人更喜欢和他们认识的人交往,而不是和陌生人在街上交往。 要想成功地进行测试,你需要事先计划好一切。准备布局,测试产品,问卷,以及在测试过程中任何可能需要的东西。另外,请记得向参与测试的用户解释测试的目的,这样他们就能完全参与到这个过程中来。 当你展示你的设计时,你可能会问以下问题: 你明白这个标题/名字吗? 你觉得按下这个按钮后会发生什么? 你如何评价这个界面的外观和感觉? 虽然走廊测试是一种测试用户体验设计的首选方法,它可以检查一个界面是否易于导航,但它也常被用于UI设计测试。通过对UI设计的测试,你可以找到界面中哪些元素会让用户困惑,以及你的用户是如何构思整个系统界面的。 五秒钟的测试 5秒测试(也称为印象测试)的目标是引出用户对界面的第一印象,并了解一个网站或应用程序能否将其目的传达给来访者。 尽管此测试的名称意味着在界面评估上只花费5秒钟,但有时会根据界面的视觉复杂性将时间延长到10或15秒。 在5秒的测试过程中,用户查看界面并尝试尽可能多地去记住界里面的元素。之后,你可以问他们一系列问题,这可以帮助你了解他们的反应: 你对这个网站/应用程序的外观和感觉是怎样的? 这个网站/应用程序是关于什么的? 界面中的什么元素吸引了你的注意力? 在这个网站/应用程序中,你最喜欢的是什么? 等等 请记住,作为详细研究的一部分,使用5秒钟的测试是有效的,因为这个测试通常是为了评估一个可视的UI组件而不是整个界面。 像UsabilityHub和Userzoom这样的工具可以帮助你有效地进行5秒的测试。 结语 (责任编辑:admin) |