成功的UI是无形的-A GREAT UI IS INVISIBLE
本文翻译自A GREAT UI IS INVISIBLE,codrops.前端开发whqet,关注前端开发技术 分享网页相关资源。
一个可以向用户提供无缝交互体验的无形界面,可以帮助用户专注于自己的目标,逐步引导他们达成所需。
一个真正设计精良的UI应该让用户察觉不到它的存在,差的用户界面则往往喧宾夺主,强迫用户关注花哨的界面,从而忽略内容。用户登录某个网站大部分有明确的目的:买一本书、学习jquery、向朋友分享一篇文章、找找新歌、写篇小说或者类似的目的,用户一定不是来玩玩界面的。事实上,用户不关心界面。多年来,缺乏用户体验的桌面范式强迫人们考虑如何利用UI改善设计,但是,用户真的在乎这些吗?
用户已经很熟悉UI设计模式和UI组件,其实用户不应该知道、不在乎知道这些。近几年来,网页设计者们经常花成千上百小时去玩弄按钮颜色、阴影、边框和渐变试图让UI更漂亮实用。但是,真正精良的UI设计不应该是好看,而应该是隐形的!
不管你是否意识到,移动终端设备已经逐渐走入人们的生活。多点触控的移动设备使人们意识到,通过一系列的点击和排序,UI的本质是实现更加自然的人机交互以便于用户更好地理解内容。自然人机交互(Nature User Interface,NUI)更加“自然”的原因有很多,最重要的是可以允许用户直接操作内容,简洁的界面使用户易于使用,界面是无形的。
但是,我们仍然需要实用台式机、笔记本,仍然需要访问网站、实用web应用,而这些东西做不到像手持移动设备那样多点触控、实现自然用户界面。那,继续老一套?当然不是。无形的UI设计理念应该是每一个UI设计、开发者的目标。
用户界面,不是障碍
用户界面永远不应该成为阻挡用户查看内容或者达成目标的障碍;用户也不该必须跳过UI陷阱或乱七八糟的导航才能到达自己的目标。过去的几年里我们经常使用一些我们认为可以给用户带来便捷的UI,但实际上,这些UI却给用户带来了更大负担,Breadcrumb(用来表明用户所处位置的UI导航)就是个很好的例子。我们可能觉得Breadcrumb是一个非常好的导航方式,但实际上,它仅仅是累赘的UI组件,在设计合理的用户体验中没有存在的必要。
虽然Breadcrumb并不直接带给用户负担,但是她占用了屏幕的空间,而这些空间,原本应该用来显示一些和用户目标相关的内容。我们解决UI的问题经常通过增加新的组件,但是过于冗杂的组件势必造成浏览障碍。那么,怎样才能做到增加了许多UI组件,然而你的UI看上去却像是隐形的呢?
修复问题
建立隐形的UI意味着要从根本上解决问题,你需要知道到底问题出在什么地方。我们做网站或者APPs也会经常碰到问题,但是我们往往从表面上给出一些解决方案,而并没有从本质上考虑问题的发生。就像我们为了止疼吃布洛芬,但这不能改变疼痛的本质一样。
一般情况下,“吃止疼药”变成了我们当下的最佳策略,因为我们已经学会了如何与项目经理、网站拥有者、股东等做斗争,而且,也有很多时候可能是因为设计师们时间不够或者仅仅是因为懒惰而不想去做。我们经常会做一些用户体验,然后说:“嗯,我知道这里面有些小问题,但是我们让用户看看是否这些问题真的是问题吧。”很明显,用上面的态度去做UI是不能做出隐形UI的。做一个完全隐形的UI意味着你必须要解决深层次的设计问题和用户体验,只有这样才能使得UI不会变成对用户的障碍。
宽容的设计
宽容指的是当用户受困的时候(fall into a trap),设计者给予用户的不是告诉用户出错了。实际上,当用户没有明确的目标时更容易误操作,而此时UI会显示给他们大大的警告和出错提示。而一个隐形的UI设计绝对不会显示上面的东西。良好设计的UI会预先判断用户出错发生率高的地方,并在这些地方提供给用户解决出错的办法或者引导用户让他们避免陷入trap。
宽容还表示网页或者APPs允许用户对它们出错。因为用户出错之后,他们会从自己的错误中学到更多的东西,当然,他们出错的时候,肯定不能给他们一个大大的红色叉号或者繁杂的让人摸不着头脑的文字。(这种压迫感和腥红的色彩他们早在现实中就受够了)。
目标第一
找到目标并且允许用户快速的达成他们的目标将是最好的用户体验,因而你也根本没有必要设计一个非常华丽的界面去吸引用户的眼球。不要用华丽的UI设计作为对目标不够明确的弥补。
真正的一致
另外,我们在UX设计经常倾向于应用来源于其它APPs或者网页的那些和我们的设计相通的东西来装扮我们自己的APP。我曾经写过一篇文章来阐释相类似的环境能够让界面显得更加舒适。但是当我们致力于设计一个隐形的UI时,仅仅一致并不足够。我们要的是真正的一致!这就意味着不仅仅是组成、价值、链接以及数据等在APP中的一致,它们应该在上下文内容中也要一致。
例如,你可能注意到很多APP中,登陆按钮一般都会在右上角,因此你会自然而然的认为其他APP的登录按钮应该也会出现在那个位置,这想法没错。但是,这种布局可能在你的APP中不太合适。那么,你就不必要这么做,你要按照自己APP的布局,将组件放在适合于你APP中的地方,并让它们在你的APP中保持高度的一致性。
总结:激活用户
成功的UI是无形的-A GREAT UI IS INVISIBLE相关推荐
- VS2010测试功能之旅:编码的UI测试(6)- 提高UI测试稳定性的8个方法(下)
VS2010测试功能之旅 --编码的UI测试系列之六:提高UI测试稳定性的8个方法(下) RealZhao,2011年5月11日 回顾 在之前,我们介绍了提高UI测试稳定性的8个方法的前6个,接下来介 ...
- ui设计基础_我不知道的UI设计的9个重要基础
ui设计基础 重点 (Top highlight) After listening to Craig Federighi's talk on how to be a better software e ...
- ui设计概念是什么?ui设计包括哪些设计?
ui设计概念是什么?相信这是初入ui设计的小白所疑惑的,想学们好的技巧,却不知道这个到底是什么?那么作为一个从小白到熟练ui设计的过来人,接下来为大家说说关于ui设计概念是什么的知识,其实这个概念很简 ...
- 第一次学习使用Pyqt5心得和体会(UI可以生成py文件,UI和业务逻辑最好分开,即UI生成py后,再写一个main.py来放置业务逻辑)
1. pip install PyQt5 2.python 3.5以上版本安装成功后还需安装pyqt5-tools pip install pyqt5-tools 可能会多出一些包 3. 直接输入de ...
- ui设计工作怎么样:自学ui设计能找到工作吗
很多想学习UI设计的小伙伴都想了解ui设计工作怎么样:自学ui设计能找到工作吗?的确,这也是一个很关键的选择工作的看重点,那今天大家就和庞姿姿一起来看看ui设计工作怎么样:自学ui设计能找到工作吗? ...
- UI培训分享:导航栏UI设计规范及注意事项有哪些?
UI设计学习起来要注意的东西还是有很多的,例如导航栏,导航栏UI设计规范及注意事项有哪些呢?今天小编为大家详细的介绍一下关于导航栏的设计注意事项,希望能够帮助到今后工作的你. UI培训分享:导航栏UI ...
- UI设计培训教程分享:UI设计师的色彩使用技巧
作为一名合格的UI设计师,色彩的使用是非常重要的,一个专业的UI设计师对于UI设计色彩的搭配是非常的出色的,下面小编就为大家分享UI设计培训教程:UI设计师的色彩使用技巧 UI设计培训教程分享:UI设 ...
- UI设计要做什么,UI设计培训都要学什么
UI设计要做什么,UI设计培训都要学什么?相信有很多人都对这个问题比较感兴趣,近几年,UI设计被越来越多的人关注,行业薪资水平也是一路飙升,很多人都在准备学习UI设计,那么具体的内容,下面我们来看看详 ...
- UI Automator Viewer Error while obtaining UI hierarchy XML file
Error obtaining UI hierarchy Reason: Error while obtaining UI hierarchy XML file: com.android.ddmlib ...
最新文章
- Android studio官网资料
- 在ubuntu下安装free pascal
- python 机器学习_使用Python启动机器学习
- oracle更改文件,Oracle修改数据文件名以及移动数据文件
- 论文浅尝 | KnowEdu: 一个自动构建教育知识图谱的系统
- mysql多数据源_egg-mysql配置多数据源
- 30销售是让用户开心的购买和消费
- 将自己写的脚本添加至开机自启动服务和chkconfig的原理
- 怎么看服务器连接记录_企业微信怎么查看打卡记录?自己和他人的都可以看
- matplotlib的学习
- php 超大整数计算,PHP int 超大溢出整数的 加减运算函数,如果有更好的方法欢迎探讨...
- 第1章 Linux内核概述
- 底部弹出框BottomDialog
- 修复移动硬盘坏道计算机睡眠了,硬盘坏道屏蔽工具DiskGenius,教您如何修复硬盘坏道...
- 新型智慧城市投融资经验分享
- 1-开发环境--android文件系统的结构
- 国培计算机音乐教学设计作业,2017国培计划教学设计
- 第六章 利用深度Q学习来实现最优控制的智能体
- 为什么要学习排序算法?
- 2021-06-26一文看尽深度学习中的20种卷积(附源码整理和论文解读)
热门文章
- 电池管理DPPM和DPM
- Structure(结构体)
- oracle清理死锁,在线等!1亿数据量大表delete操作死锁,紧急求助!
- ChatGPT进阶-提示词中文版
- [ChatGPT]-01-chatgpt可以做什么?如何调教
- Android Studio项目用Git上传至码云(OSChina)
- 对话何小鹏:汽车的消费电子化,其实拉高了造车门槛
- 百度无人驾驶出租车正式上路
- 泛珠三角计算机作品赛ppt,广东海洋大学学子喜夺泛珠三角+计算机作品赛总决赛一等奖...
- python bool类型 变成数字_python数据类型之数字