软件UI设计二

接上篇博客 UI设计一

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

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

2.1 原则

1.搜索——模糊到极致

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

2、使用用户语言

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

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

3、用户界面的功能性

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

4、容易理解

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

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

5、清楚的报错信息

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

6、帮助系统

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

时间: 2024-12-17 05:56:02

软件UI设计二的相关文章

移动手机组态软件UI设计思路探讨

监控组态软件是集计算机技术.控制技术.网络技术为一体的高新技术产品,具有控制功能强.操作方便和可靠性高等特点,可以方便地用于对工业现场进行数据采集和监视控制.监控技术经历了单机监控系统.集中式监控系统和网络范围的远程监控三个发展阶段.远程监控是指本地计算机通过网络系统对远端现场智能设备进行监测和控制.从架构模式上区分,监控组态软件大致可分为C/S(客户端/服务器)模式和B/S(浏览器/服务器)模式两大类.目前,国内的监控组态软件以传统的C/S模式为主,而借助日益普及的Internet网络或者LA

UI设计的分类

软件UI设计(界面设计包括硬件界面设计和软件界面设计,我们这里探讨的是软件界面设计)包括用户研究.交互设计.与界面设计三部分. 1,用户研究 我们再产品开发的前期,通过调查研究,了解用户的工作性质,工作流程.工作环境.工作中的适用习惯,挖掘出用户对产品功能的需求和希望,为我们界面设计提供有力的思考方向,设计出让用户满意的界面. 用户研究不是软件UI设计者主管的行为,而是站在用户的角度去探讨产品的开发设计.它最终达到的目标是提高产品的可用性,使我们设计的产品更容易被人接受.适用,并记忆. 当产品最

C#程序之二 -- 数独小游戏(1. UI设计)

老师分配的项目需要编软件,刚好最近一直在玩手机上的数独,所以就想用空余时间写一个PC上的单机版的数独小游戏,练练自己的编程能力.不能保证每天都有时间花在这个小程序上面,不过会尽量坚持下去,每完成一点东西,都会把核心代码和查到的相关资料发一下,目前还处在语法都没学完的阶段,想借这个机会记录一下自己的成长~ 一.UI 设计 1. 用 ComboBox 控件来选择游戏难度: 2. 用 Label 控件显示本局游戏累计用时: 3. 九宫格大背景是一个设置了背景色的 Label 控件: 4. 每个格子都是

UI设计--->全心全意为人民服务的宗旨---->注重客户体验--->软件持久的生命力

UI即User Interface(用户界面)的简称.UI设计是指对软件的人机交互.操作逻辑.界面美观的整体设计.好的UI设计不仅是让软件变得有个性有品味,还要让软件的操作变得舒适简单.自由,充分体现软件的定位和特点. UI的设计关系到客户对产品的熟知的.认可度,软件的生命周期. 从我们现有的项目中思考UI设计,在AJZZ项目中,米总针对页面的设计提出了很多要求,原因我们的界面差很多,具体他的要求差远了(界面的美观.颗粒代码复用性等等)我们的代码复用性与开发效率上来说在现阶段已经是相当可以了,但

【Android UI设计】Dialog对话框详解(二)

上一篇我们介绍了Dialog的基本使用方法,[Android UI设计]Dialog对话框详解(一)今天继续介绍,废话不多说,今天主要实现ProgressDialog和透明Dialog两种效果,最后介绍一下github上的一个Dialog动画开源库,里面包含多种动画特效,效果图如下: 一.ProgressDialog基本使用 1.ProgressDialog关键代码 mProgressDialog = new ProgressDialog(MainActivity.this); // 圆形pro

UI设计要学哪些软件

准备做UI设计的或是已经在做UI设计的童鞋,哪些软件是我们要学习的重点,作者把UI设计分成了好几个不同的职业方向,从事什么UI设计方向,就学什么软件,这样针对性就很强了,无论怎么说,Photoshop绝对是放在第一位的. 文章来源:http://www.xueui.cn/experience/discussion/to-learn-what-software-ui-design.html

【转】【Android UI设计与开发】第07期:底部菜单栏(二)Fragment的详细介绍和使用方法

原始地址:http://blog.csdn.net/yangyu20121224/article/category/1431917/1 由于TabActivity在Android4.0以后已经被完全弃用,那么我就不再浪费口水继续讲解它了,取而代之的是Fragment.Fragment是Android3.0新增的概念,Fragment翻译成中文是碎片的意思,不过却和Activity十分的相似,这一篇我花大量的篇幅来详细的讲解Fragment的介绍和使用方法. 一.Fragment的基础知识介绍  

成都UI培训:什么是UI设计?

成都UI培训:UI这个词对于我相信对于好多人来说都还不知道是什么?UI设计则是指对软件的人机交互.操作逻辑.界面美观的整体设计.软件设计可分为两个部分:编码设计与UI设计.编码设计大家都很熟悉,但是 UI设计还是一个很陌生的词,即使一些专门从事网站与多媒体设计的人也不完全理解UI的意思.UI的本意是用户界面,是英文User和 interface的缩写.从字面上看是用户与界面2个组成部分,但实际上还包括用户与界面之间的交互关系. 界面设计在漫长的软件发展中,界面设计工作一直没有被重视起来.做界面设

UI设计需要学什么?

UI这个概念,也许没有入行的朋友还是挺陌生,但是对于从事UI设计的设计师来说可以很火高薪的工作.其实UI设计囊括了很多方面,做网页也属于UI,做软件设计也属于UI,所以不要分的那么细致,在工作中逐渐找寻自己的方向,发展自己的爱好.选UI设计要看你选择的工作,一般都是具备一定的软件操作能力后,在工作中不断积累的. ui即User Interface(用户界面)的简称.UI设计则是指对软件的人机交互.操作逻辑.界面美观的整体设计.现在比较多的UI实际上就是GUI设计.也就是图形用户界面的设计,包括软