400-609-4309

ui设计原则

  界面并不仅仅是一个应用程序,它应该能为用户服务,是用户与程序沟通的罕有的途径。界面的设计为的是用户而不是程序员。为了提高用户体验需要明白遵守一些UI总的原则如下:

ui界面

  1、清晰度是界面设计中,第一步也是重要的工作。要想你设计的界面有效并被人喜欢,首先必须让用户能够识别出它?让用户知道为什么会使用它?比如当用户使用时,能够预料到发生什么,并成功的与它交互。有的界面设计得不是太清晰,虽然能够满足用户一时的需求,但并非长久之计,而清晰的界面能够吸引用户不断地重复使用。

  2.界面是为促进交互而存在的

  界面的存在,促进了用户和我们的世界之间的互动。出色的界面不但能够让我们做事有效率,还能够激发、唤起和加强我们与这个世界的联系。

  3.保护和尊重用户的注意力

  我们在阅读的时候,总是会有许多事物分散我们的注意力,使得我们很难集中注意力安静地阅读。因此,在进行界面设计的时候,能够吸引用户的注意力是很关键的,所以千万不要将你应用的周围设计得乱七八糟分散人的注意力,谨记屏幕整洁能够吸引注意力的重要性。如果你非要显示广告,那么请在用户阅读完毕之后再显示。尊重用户的注意力,不仅让用户更快乐,而且你的广告效果也会更佳。因此要想设计好的界面,保护和尊重用户的注意力是先决条件。

  4.让界面处在用户的掌控之中

  人类往往对能够掌控自己和周围的环境感到很舒心。不考虑用户感受的软件往往会让这种舒适感消失,迫使用户不得不进入计划外的交互,这会让用户很不舒服。确保界面处在用户的掌控之中,让用户自己决定系统状态,稍加引导,我想你会达到你希望的目标。

  5.直接操作的感觉是比较好的

  当我们能够直接操作物体时,用户的感觉是棒的,但这并不太容易实现,因为在界面设计时,我们增加的图标往往并不是必须的,比如我们过多的使用按钮、图形、选项、附件等等其他繁琐的东西以便我们终操纵UI元素而不是重要的事情。而初的目标呢?就是希望简化而能够直接操纵……因此在进行界面设计时,我们要尽可能多的了解一些人类自然手势。理想情况下,界面设计要简洁,让用户有一个直接操作的感觉。

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

  我们设计的每一个画面都应该有单一的主题,这样不仅能够让用户使用到它真正的价值,也使得上手容易,使用起来也更方便,在必要的时候更容易进行修改。如果一个屏幕支持两个或两个以上的主题,立马会让整个界面看起来混乱不堪。正如文章应该有一个单一的主题以及强有力的论点,我们的界面设计也应该如此,这也是界面存在的理由。

  7.勿让次要动作喧宾夺主

  每个屏幕包含一个主要动作的同时,可以有多个次要动作,但尽量不要让它们喧宾夺主!文章的存在是为了让人们去阅读它,并不是让人们在Twitter上面分享它。所以在设计界面的时候,尽量减弱次要动作的视觉冲击力,或者在主要动作完成之后再显示出来。

  8.自然过渡

  界面的交互都是环环相扣的,所以设计时,要深思熟虑地考虑到交互的下一步。考虑到下一步的交互是怎样的,并且通过设计将其实现。这就好比我们的日常谈话,要为深入交谈提供话由。当用户已经完成该做的步骤,不要让他们不知所措,给他们自然而然继续下去的方法,以达成目标。
   9 、 人称

  人称的选择,体现了设计师是如何看待用户的。一般来说,设计师会把用户当做一个虚拟的第三方,描述他们时往往是“用户”、“他们”,然而UI界面是 以界面为媒介、与用户的直接对话,是和一个真实人类面对面的沟通。在现实生活中,会称面前的人为“你”“您”,那在UI界面中也应称用户为“你”“您”, 而不应使用第三人称“用户”“他们”。

  使用第二人称,体现了与用户的近距离感,让UI界面成为一个拟人的人格,能够让用户沉浸在模拟真实对话的情境中,更有利于我们指引和鼓励用户操作。

  比如,“当您投资成功时,我们会发送短信提示” 优于“当用户投资成功时,证券网会发送短信提示”。

  10 、主动语态

  既然UI界面始终以用户为中心,UI文案就始终以用户为主体来写作。相对于使用宾语作为主语的被动态,用户作为主语的主动态,与用户直接相关联,能调动其情绪,更能让用户直接、毫无负担的接受信息。

  比如:“您已修改此设置”(用户作为主语的主动态)优于“此设置已被您修改”(宾语作为主语的被动态)。

  11 、 动词

  为了促使用户执行操作,多用及物动词,少用不及物动词和名词。及物动词,简单来说,就是那些必须有宾语跟随的动词,像“解锁”的“解”,“锁”是跟随“解”的宾语,动词“解”必须与宾语“锁”同时出现,才能确保意思的完整,此处的“解”就是及物动词。

  及物动词能从行动者(用户)的角度出发,“动宾”结构让用户直接代入自己作为主语,从而促使用户执行操作。当我们希望用户做某些操作时,可以有意识地使用及物动词。

  比如,当“修改”是重点时:

  “请修改验证码”(及物动词)优于“请对验证码进行修改”(不及物动词),更优于“请进行验证码的修改”(名词)。

  12 、积极

  用积极的用词,能鼓励用户去做给他带来好处的操作,在情感上用户也更愿意顺从积极的指令。

  比如:“为了顺利投资,请您进行以下操作”优于“为防止投资失败,请您进行以下操作”。

  但有例外:

  起报错、提醒或警示作用时,消极用词能更直接的点明重点,比如:“验证码错误”优于“验证码不正确”。

  以上这些归纳为设计时候要注意的要点如下:

  具体到设计每个版块的原则有

  1、 每一个模块的边框,标题,按钮(如果有的话),“更多”“详细”功能,这些元素的颜色、大小尺寸、位置、对齐方式、字体、字号、行距等都要一致。

  2 、整个页面的基调颜色要一致,不同的模块除非有很大意义的差别,颜色应该一致。

  3 、可以点击的文字、按钮、图片,鼠标应该呈现出统一的可点击样式,区别于不可点击区域。

  4 、呈现的日期格式的统一,比如都用长日期格式“2007-2-1”或者都用短日期格式“07-3-1”,样式不同的日期呈现方式还不如不呈现。

  5 、可以点击的图片比较好用不同的样式显示,比如鼠标滑过时候的辉亮效果。因为网页会大量的使用图片做修饰效果,区分可以点击和不可以点击的图片是值得去做的。

  6 、有没有不必要的弹出窗口。(从netscape开始这个设计真的很糟糕,ie也完全继承了,解决的办法是用js方式来呈现弹出窗口。)

  7、 文字描述。很多时候会忽略这个问题,在我们做demo的这个项目中有很多的文字描述,各有其用,统一描述的方式,统一人称,统一语气,都是给用户带来良好体验的途径。

  8、 图片风格。我不是这方面的专家,从欣赏的角度,图片应该是尽可能的统一风格,素描样式和点阵样式共存总不是太好的事情。

  9 、图标。很多时候会用图标来描述功能,漂亮的带点阴影和倒影的图标是非常抢眼的,使用图标的话要注意风格、透视角度、分辨率、辨识度的一致性。

  简言之,UI文案的任务就是将信息迅速传达给用户,上降低用户的理解负担,让用户毫无阻碍、心情愉悦的完成操作,所以任何生硬、模糊、繁 冗、意味不明、拐弯抹角的用词和句式,都应该被摒弃。只有简洁、直接、清晰,才是用户想看到的UI文案。用户不需要思考、立刻去做,UI文案就达成了自 己的使命。
12 12 分享:

相关课程

发表评论

登录后才能评论,请登录后发表评论...
提交评论

最新文章