码迷,mamicode.com
首页 > 其他好文 > 详细

软件UI设计二

时间:2014-09-24 00:21:35      阅读:293      评论:0      收藏:0      [点我收藏+]

标签:ui设计   界面   

接上篇博客 UI设计一

 

二、如何设计UI——大道至简

    如何设计UI四个字足矣:大道至简。

    2.1 原则

    1.搜索——模糊到极致

     这不是我说的,是老师说的,是百度说的,是谷歌说的,看证据就在这里:

      bubuko.com,布布扣

      bubuko.com,布布扣

    一个搜索框,解决所有问题。看看我们是怎么设计的:  一个查询页面有两个以上的查询条件,让用户去填写,美其名曰是“精确查询”其实,是我们设计人员错了,这样方便的不是用户,而是我们开发人员,方便了我们编程,并没有方便用户,用户要是知道那么精确,就不必使用系统了,就是用户不清楚,我们要做到,在用户提供微量信息的前提下,为用户查找到有用的信息,这是其一;其二,并不是要摒弃那些精确的多条件查询,而是换个地方,我们可以通过一个”更多“按钮让用户在需要的时候来触发。什么时候是需要的时候呢?一个简单的搜索框不再能满足他的搜索欲望时,再点击”更多“来查填写详细的信息来查找。


    这样设计的妙处在于,界面简单,给用户轻松使用的感觉,没有一开始就强硬的把”一堆搜索“条件塞给用户,让用户还没有开始使用就已经”丈二的和尚摸不着头脑了”,那里还敢再继续用,设计成“百度,谷歌这样的界面,让用户需要的时候适时的”点出来“,才会觉得心情是愉悦的。


     2.  用户唯一——所看就所得

     看下图,这张图的信息量是:

         bubuko.com,布布扣

     登陆界面: 一个包含四种身份的登陆用户界面。

    也就是说:我要登陆这个系统,得需要知道我是什么身份,点击选择我的身份,然后登陆系统。咋一看,没有什么问题,但是我要是不知道我是什么身份呢?我已经注册过了,我忘记来身份,还能上的去吗?

    从用户角度分析:用户只想要登陆,看到属于自己的界面。所以,这个登陆界面就有点不合理,既然用户已经注册过,我们何必要让用户每次登陆都去选择呢?我们完全可以帮用户选择身份。这个身份的选择就是:多此一举。不论什么用户,登陆就只要一个,不同身份,进入不同的界面。

    呈现给用户的界面应该是”所看即所得“。不能操作的就不要让用户看到。不要把过多的信息选择,抛给用户,给用户造成不必要的麻烦。

 

     以下是几点设计UI的常识,分享给大家:


     1、一致性和必要的个性化

     我们通过微软来看UI的设计。

      bubuko.com,布布扣

    OFFICE 的软件风格一致 ,有统一的字体字号、统一的色调、 统一的提示用词、窗口在统一的位置、按钮也在窗口的相同的位置。

   目的:能够减少记忆量、减少出错概率而且能迅速积累操作经验。

   个性化。在一致性下,适当突出该软件的“个性化”,如PPT中不同于word 有自己的动画效果。


    2、使用用户语言

    界面中要注意使用用户的语言,而不是设计者的语言,最有效的方法:让数据说话,如询问用户、用户投票等。

因此,用户使用系统的错误会降到最低。

     bubuko.com,布布扣

    bubuko.com,布布扣










   3、用户界面的功能性

   界面最基本的性能是具有功能性与使用性,通过界面设计,让用户明白功能操作,并将产品本身的信息更加顺畅的传递给使用者,是功能界面存在的基础与价值。用户界面一定要有基本的功能,设计者不能片面追求界面外观漂亮而导致华而不实。


    4、容易理解

    大多数的用户都有丰富的生活经验,也就是使用各种工具或者玩具的经验。如果能够在界面设计中把这些积累的生活经验和界面视觉元素对应或这连接起来就会让用户更容易理解。

如电子书界面,模拟翻书的设计可以很快让用户理解如何操作,并且给读者熟悉的阅读体验

 

    5、清楚的报错信息

    错误操作后,系统应该提供有针对性的错误信息反馈提示,让用户心里有数。

    

    6、帮助系统

    它可以帮助用户更快捷、更好的学习界面的使用,告诉用户在遇到某些使用问题时该如何处理、减少用户在使用中的挫折感。

软件UI设计二

标签:ui设计   界面   

原文地址:http://blog.csdn.net/wangyongxia921/article/details/39504779

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!