网站建设:UI / UX设计的启发式原则

善微科技 2019 07月06日 发布

随着我们行业的创新和系统日益发展,网站和移动应用程序在逻辑上变得无法预测。受限制的静态媒体现在已成为历史,现在已经发展成为一个充满活力和智能的用户体验。但是对于生成程序中的数量变化几乎没有注意,网站的繁荣仍然只取决于具体的东西:用户如何看待它。“这个网站给我一个价值吗?使用简单吗?使用起来是否愉快?“这些是客户在与应用程序或网站交互时经历的心理问题,并且他们选择是否结束常规用户的前提。


大多数普通人群倾向于将设计概念视为真正的创造性活动。然而,创造一个理想的,易于使用的视觉设计背后还有很多。丰富和灵感的感觉足以成为熟练的轮廓。更重要的是,设计不仅是模式和安排的艺术,它是关于学习和实践的各个领域的信息,使他们能够成功地工作并且有利可图。对于有效且高效的设计,设计师必须使用一些原则,他们整洁地想要向观众传达信息。



那么,那些是什么?


启发式原则

启发式原则是一组特定的基本准则,可用于测试网站或移动应用程序是否用户友好。由Jacob Neisen和Rolf Milch在90年代初设计的“Heuristics”之所以被命名是因为原则是广泛的经验法则(根据认知心理学)而不是具体的可用性指南。


以下是UI / UX设计的10个启发式原则。


系统状态的可见性

系统状态的可见性是指系统将其状态更新为其用户的程度。理想情况下,系统应通过在规定时间内的适当反馈使用户了解其当前状况。


查看您正在阅读本文的系统,电池状态,显示您需要将其置于充电模式的确切时间,音量指示是否处于静音或取消静音模式以听取您喜欢的歌曲等。所有这些信息都将有助于准确评估您正在与之交互的系统的当前状态/当前状态。



系统与现实世界之间的匹配

人类在熟悉中找到了安慰,这是设计第二启发式原则背后的主要原因。它指出,系统应该使用可识别的单词,表达和想法来说出用户的方言,而不是系统术语。遵循现实惯例并影响数据的界面以特有的和智能的方式显示,表现出对客户的同情和认可。


假设有两个网站,一个,其主页清楚地展示了告诉我们他们提供的服务的标语。而另一个嵌入了技术语言。哪一个容易理解?



用户控制和自由

用户通常匆忙点击功能,而不知道应用程序/网站出现故障的原因。应用程序/网站应该有一个标记的“紧急出口”,以便在不经历全包交换的情况下离开不受欢迎的状态。支持修复并重试。


假设您刚刚在Gmail中删除了一条消息。下一刻,屏幕上会出现一个闪烁,显示撤消选项。这说明了用户控制和自由的原理。



一致性和标准

一个页面中的“提交”按钮在任何页面上的网站上应该看起来是相同的。如果我们在一个页面上演示特定表配置中的信息,那么每当数据以表格格式出现时,它应该看起来相同。如果标题在公共页面上以特定方式显示,则当他/她在外部登录时它应该是相似的,这对于追求标准传统的危险性较小。“如何工作”界面调用跨站点的客户端的类似期望。Google Plus雄心勃勃地推出了“+1”来反击Facebook的“赞”而没有太多成就。截至目前,Facebook的“喜欢”变成了一个标准,而像LinkedIn一样的地方就没有竞争就拥抱了它。




错误预防

在向某人输入消息时,您对Google的自动更正方法感到生气多少次?我想无数次。嗯,这说明了下一个原则。错误预防。


你会选择什么?仔细设计,没有任何错误或良好的错误信息?细致而简单的设计是对的吗?该选项总是更好,可以防止容易出错的情况。在用户提交任何不需要的操作之前,应该存在容易出错的情况或确认操作按钮。



承认而不是召回

尝试在Google的搜索栏上输入内容,只需一两句话,您就会得到一个您想要搜索的建议下拉列表。这是启发式的第六个原则,其主要目标是通过使对象可见来最小化用户的内存负载。


指令需要完全可见或在适当时由系统理解。



灵活性和使用效率

新用户和推进用户通过界面拥有自己的一系列要求。界面应该适应性地在它们之间改变。一个人在使用新的编程软件时访问这个替代方案,该软件询问客户端是否需要继续进行默认安装或自定义安装。推进式客户端选择自定义安装以删除无意义的服务。



美学和简约的设计

对话框不应包含不必要的数据。对话框中的每个附加信息单元都可以与相关的数据相媲美并减少其相对可见性。在考虑这一点时,优先级开始发挥作用。对于设计人员或开发人员而言,页面上显示的所有数据都很重要。产品主管需要询问是否是这样。界面上显示的每个数据是否基本且有用?





帮助用户识别,诊断并从错误中恢复

假设您有一条错误消息,上面写着“更新和验证失败,请再试一次”,还有另一个显示“您的密码不包含特殊字符”的错误消息。哪一个似乎更容易理解和相关?显然,第二个因为它确切地说明了问题所在。


启发式的第九个原则也是如此。错误消息应以用户容易理解的方式呈现并解释问题。


如没特殊注明,文章均为善微网络原创,转载请注明来自https://www.sanways.com/news/537.html