大数跨境
0
0

UI设计科普 | UI设计的20个通用原则,你知道多少?

UI设计科普 | UI设计的20个通用原则,你知道多少? 视觉客AI
2020-01-03
1





上期为大家科普了

UI设计相关软件及项目流程


本期来为大家科普一下

UI设计有哪些通用原则

这些原则和UI设计师息息相关

感兴趣的请关注我们







UI设计的20个通用原则:


1.明确你的用户群


首先要明确一个方向:谁是你的用户群?不同阶层、不同年龄的用户在使用不同产品时候都有相对的风格偏好,所以必须是有针对性地设计。


2.界面要清晰


清晰度是界面设计中,笫一步也是最重要的工作。能让用户第一眼就能识别出图标和控件的功让用户使用它时,能预料到将发生什么,并且与之交互完成自己的操作任务。另外,界面中使用的图片,也需要清晰不变形。背景元素不要干扰阻挡功能。



3.交互性


人机交互就是人与机器的交流与互动。优秀的界面能够让我们完成操作和任务有效率,可以减少出错率,增加易用性,和符合人类的现实世界的操作逻辑。减少学习成本。


4.保持用户的注意力


在进行界面设计的时候,能够吸引用户的注意力是很关键的,所以千万不要将你重要功能的周围设计得乱七八槽分散人的注意力,谨记屏幕整洁能够吸引注意力的重要性。



5.让用户掌控界面


保证界面处在用户的掌控之中,让用户自己决定系统状态,功能区分合理,适当提示引导,破坏性操作前进行用户提示。让用户可以随意的在可操作范围内前进返回。并随时告知用户所在位置。





6.每个屏幕需要一个主题


我们设计的每一个画面都应该有一个重要的主题,这样不仅能够让用户使用到它真正的价值’也使得上手容易,使用起来也更方便。如果一个页面上非翌有多个焦点,可以使用激活焦点,屏蔽其它焦点的方法,以此操作。


7.区分元素及事件和动作的主次


使用尺寸,距离,颜色,表现形式,对比等手法,区分界面元素的信息层级,让主要元素醒目。用适当的图形语言提示可操作激发的事件,在完成主要动作后,再激发后续的次要动作流程。


8.自然过渡及跳转


界面的切换交互都是环环相扣的,所以设计时,页面之前的互相跳转妾自然合理,有趣味符合用户心理认知,对还未操作完毕的流程,需要提示进度,完成度,等待动画提示等,不要让他们不知所措,给他们自然而然继续下去的方法,以达成操作任务目标。


9.符合用户期望

人总是对符合期望的行为最感舒适,操作后应当给予相应的反馈,在设计的时候也应该遵循用户认知去设计元素,比如它看起来像个按钮,就得具有按钮的功能。需要等待的界面,也需要提供进度和LOADING,而不是没有反馈。


10.强烈的视觉层次感

如果要让屏幕的视觉元素具有清晰的浏览次序,那么应该通过强烈的视觉层次感来实现。明确的视觉层级,考虑每一个元素的视觉重量,比如重要的信息文字,需要放大,清晰,高亮显示,不重要的元素需要缩小,弱化显示。


视觉层次感不明显的话,用户不知道哪里才是目光应当停留的重点,显得页面没有逻辑,不知道阅读界面的顺序。


11.减轻用户的认知压力


恰当地处理视觉元素能够化繁为简,帮助他人更加快速简单地理解你的界面功能。使用方位和间距和功能相似性分组来组织界面功能元素,使人可以使用联想和识别来确定功能,减轻用户认知记忆负担,不用多琢磨元素间的关系。


12.使用合适的色彩


色彩很容易受环境影响而发生改变,要考虑到界面的长时间阅读,或者重要提示用醒目色彩作为引导。但不要只用色彩区别,例如对和错的表示,红绿色盲就分辨不了,还需要配合J和X的造型一起来设计。背景色要和文字及前景元素进行区分,使用色彩弱化调和不重要的元素。


13.恰当的展现


每屏的尺寸有限,只展现必需的内容,其它内容可以放到下一屏,或者隐藏折缽,在首屏适当提示让用户可以按照你设计的步骤去査着信息。使你的界面交互逻辑更清晰。


14.提供“帮助”选项


有效引导用户使用界面,对初次使用界面的用户,提供帮助,及下一步等新手提示。在有困惑的位置,恰当的出现提示,确保用户能顺利使用你的界面,并且在操作中受到指导并学会操作。


15.预先提示


在发生不可逆操作,或者破坏性操作之前,需要提示用户,让用户确认后再执行不可逆转操作。再破坏性操作发生后,如用户想反悔,如有必翌提供用户反悔渠道,如后台服务渠道取回等。


16.功能符合业务逻辑


如果把线下业务功能搬到线上来,我们应该观察现有的行为和设计,提炼相应的功能和设计,合理的搬到软件中去,解决现存的问题。


17.多涉猎设计之外的知识


视觉、平面设计、排版、文案、信息结构以及可视化,用户体验手法,调研手法,交互动效,运营设计,插画设计,3D表现,代码框架,阅读各类书籍所有的这些知识领域都应该是界面设计应该包含的内容,设计师对这些知识都应该有所涉猎或者比较专长,要从中学习有价值的知识,以此来提高你的综合工作能力。


18.实用性


在设计领域,界面设计不仅仅是一个精美艺术品,它仅仅能够满足其设计者炫技的虚荣心是不够的,首先它必须要实用,能切实的解决用户来使用这款软件所需要获得的目的,顺利高效的完成操作任务。


19.检查错误


设计师要尽可能协助程序员和测试人员检査和清除程序中的错误和BUG,测试各个控件的状态,事件是否准确触发,文字是否可识别,图标和细节是否准确还原设计稿,操作流程是否能成功准确的完成,参与Beta版本的测试是消减错误的最好方法。


20.简约设计


简约设计不仅仅是一种流行趋势,从用户体验上看,简约的界面可以去掉很多无关的干扰信息,使UI更具易用性。好的UI设计应该具备强大的功能,但是画面要简约,做到疏密有度,拥挤的界面,不论功能多么强大,都会给用户带来不适感。




今天的内容就到这里,我们下期再见!



更多精彩内容,尽在《UI设计精品必修课》

点击左下角阅读原文可直接购买


- 推荐阅读-





【声明】内容源于网络
0
0
视觉客AI
视觉客Imagekr:设计、教育、媒体、出版、产品..All In AI。中小企业服务设计平台、职业技能实训、新媒体、电商、平面、PPT、三维、视频、影视、动画、游戏、展览、AIGC、产品、HMI&UI设计,图书出版。
内容 186
粉丝 0
视觉客AI 视觉客Imagekr:设计、教育、媒体、出版、产品..All In AI。中小企业服务设计平台、职业技能实训、新媒体、电商、平面、PPT、三维、视频、影视、动画、游戏、展览、AIGC、产品、HMI&UI设计,图书出版。
总阅读0
粉丝0
内容186