首页 > 窍门 > 科技数码

怎样让你的ui设计更合理呢

来源: 更新时间:2022-03-19 03:56:50
The Beginning

  一个网站不仅仅是一组链接过的页面,而是一种体现,一个空间。在这个空间里,不同的人、组织会遇见、沟通、交互。这些互动能为访问者提供体验。作为一名网页设计师,我们的工作就是尽可能地使体验感受更好。
  
  其中的关键就在于优先并且始终考虑你的客户。
  
  幸运的是,虽然网页设计还是一门较新的学科,但它对人机交互(HCI)的科学研究的帮助很大,而我们这篇文章就将会由9个来自HCI研究的准则,他们都能帮助你在设计网站和程序时,更好地专注于用户。

  界面设计侧重于界面功能的布局,用户体验设计则侧重于更大的局面,也就是整个体验,界面设计只是其中的一个子集。
  
  1.了解客户的需求
  
  最重要的是,我们需要定位用户——内外都需要。这就意味着我们的应用能吸引多少流量,更重要的是,了解其中客户地需求,以及他们在满足需求的道路上所遇到的障碍。
  
  而要做到这种程度的分析,我们需要更细致的统计数据,这就需要深入了解网站的用户了。与用户面对面交谈,观看他们的使用流程,询问相关的问题,
  
  千万别空想你的用户想要什么,你需要实地深入挖掘。毕竟,欲望只是需求的产物,如果我们能够满足用户深层次的需求。就能满足他们的一些愿望,以及更多的基本要求。
  
  通过数据分析以及与用户的沟通,我们能够得到许多问题的答案,这些问题可能是从如何使用界面,或是界面的重点应该放在哪里。
  
  2.定义界面的使用方法
  
  在设计界面之前,我们需要想清楚它的使用方法。随着触屏的普及,观察比想象更能发挥作用。
  
  亮点:应用程序的用户体验大多来自轻松和流畅的横向触摸。
  
  人们有这么两种方法来使用网站和应用程序:通过与产品进行交互的直接方法,与通过与产品外围进行交互的间接方法。
  
  用户定位以及用户所使用的设备会在很大程度上影响我们的决定。如果是为老年人或是手部受限的人群进行设计,我们就不需要太多的横向滑动。如果是在为通过键盘来与应用程序进行沟通的编程人员或是作家进行设计,那么我们需要支持所有常见的快捷键方式,以最大限度地减少鼠标使用时间。
  
  3.设定预期
  
  许多网站或是应用都会出现这样的情况:单击按钮就进入付款界面、删除网站或是一些不是很好的界面。每一次点击都有结果,有时还会带来焦虑。
  
  因此,一定要让用户知道如果点击了这个按钮会发生什么。我们可以通过设计或是复制来做到这一点。
  
  对于不可逆的行为,如永久删除某些内容,则需要询问用户是否确定。
  
  在InVision中,单击垃圾桶图标并不会立即删除,网站会询问你是否确定,并告知操作不能撤销。
  
  4.预测可能出现的错误
  
  我们能在很多电子商务网站以及表单设计中看到很多规避错误的方法:在填写完所有空格钱,按钮并不被激活;表单常常会检测到电子邮件地址错误;以及弹出询问窗口询问你是否真的想清空购物车。
  
  与亡羊补牢相比,预测错误从而规避往往没那么沮丧,毕竟点击“下一页”或是“提交”时在发现错误简直太难过了。
  
  另外,请注意我们还需要一个保留之前的某些状态,好查看之前并没有出现错误的情况。例如,如果我不小心删除了某些重要文件,但实际上可以回复文件,请使用一行文字让我知道有这个功能,就像“您可以转到垃圾桶还原已删除的项目”一样。
  
  5.反馈迅速
  
  在现实世界中,环境总是给予我们反馈,我们说话,别人回应;我们撸猫,猫则会发出咕噜声或是嘶嘶声,当然这取决于它的心情。
  
  数字界面往往不会给予我们反馈,我们总是不知道是否该重新加载页面、重新启动笔记本电脑,还是将它关闭,从最近可用窗口中删除。
  
  所以我们可以设计一个加载动画。当我们点击它时,让那个按钮弹出并反弹,当然幅度不要太大。如果我完成了一些事的时候,也可以设计一个虚拟的“击掌”,让我知道我的完成情况。
  
  6.仔细考虑元素的位置和大小
  

  Fitt定律是人机交互(HCI)的基本原理,它是指:获取目标的时间是目标距离和大小的函数。
  
  换一句话说,如果元素越大或是越近,我们就能更快地把光标放在上面。这句话对人机交互和UI设计来说意义深厚,但其中最重要的有三个:
  
  我们需要使得按钮和其他需要点击地元素大到能够轻松地被点击和查看。这对于菜单一类地连接列表来说十分重要,如果空间不足,我总会点进错误的链接。
  
  7.不要忽视标准
  
  作为创意性职业,设计师总是倾向于重塑食物,但这并不总是最好的主意。
  
  为什么?因为熟悉界面的改进会增加我们的“认知负荷”,这使得用户要再次思考自己的学习过程。我们的确可以随心所欲地重新设计车轮的形状,但这一切都要建立在实用的基础上。
  
  8.增强界面的可读性
  
  也就是说,简单的事情更容易合乎逻辑,在短期内更容易被记住。因此,我们需要控制界面中需要记住的事情的数量,以提高界面的可读性。我们可以通过分块来达到这一目的,即将信息分成更容易消化的小块。


  大多数人只会用Word来打字,但另一些人可以用Word来做各种高级的事。在全球范围内,每个人都使用相同的用户界面打开相同版本的Word,这就使得只需要打字的人被很多他们可能永远不会使用的选项所淹没。
  
  从而就有了渐进式公开的概念,其中高级功能被隐藏在了次级菜单中。我们在网站中经常遇到这种情况:介绍产品的文本往往比较短小,然后可以链接到更多详细信息的页面。这也是移动射击的最佳时间,如何构建一个强大的导航也是我们一直面临着的挑战。
  
  9.使决策变得简单
  
  现在的网站总是如此的喧嚣:横幅突然进化成了全屏广告,消息弹出、全是请求我们订阅但我们却没有机会阅读的博客,视频插页式的广告迫使我们消耗宝贵的观看秒数,甚至各种小部件、弹出窗口、工具提示……
  
  有时候我十分渴望拥有一个平静的网络,Hick法则也告诉我,我真的需要一个这样的网络。Hick法则是说,给用户提供的选择越多,他们就越难做出决定。
  
  列表还很长,不过结果都一样:我们设计得越简单,用户做出我们希望他们做出的决定就越快越容易。这正是很多登陆页面和非实时电子邮件只有一个号召性用语的原因。
  
  10.以数据为参考对象
  

  尽管我们都希望我们能够以纯粹的艺术价值来看待我们的设计作品,但事实上,借以设计来实现目的同样重要。
  
  Mixpanel专注于事件,因此它会根据访问者在您的网站上的操作收集数据,而Google Analytics更具有行为性,可为您提供操作时间和流量来源等。虽然这两种工具都可以提供这两种形式的数据,但它们的侧重点各不相同,我们需要选择最适合需求的那一款。
  
  这是一个设计简洁且迷人的组合,同时十分切合Fitts法则:在屏幕边缘防止链接是最适用的。当用户不希望在导航中隐含层次结构时,循环导航会是一个不错的选择。??

THE END

TAG:标签  简介  UI  

猜你喜欢

相关文章