UI设计---化繁为简

在验收海南的项目中,出现了各种问题,其中最大的问题之一就是界面,因为界面给用户的感受是最直接的。界面的信息量太多或者太少都会造成用户的“不习惯”并且我们做出软件来也是给用户用的,如果连自己都不会用或者自己都不想用,那么就该好好反思一下了。

界面设计在技术上并不是一件困难的事,只是我们在心里对这部分还不够重视,甚至有所忽略。我们不应该仅仅把自己当做开发者,而要转换为用户的角色,设身处地的为用户多做一点。

用户体验

在说UI设计之前,我们先看一下什么是用户体验?简单的说就是用户使用软件过程中的内心感受。界面的美观程度、操作的易用性、指导的适当性都会对用户的使用体验形成影响。

好的用户体验不是替用户做所有的事情,而是在想要做某件事情时,能够适时的、恰如其分的给予引导和说明,帮助用户简单、高效的完成其要做的事情

即我们做出来的东西,不用培训用户,用户就会用,并且用的很好。

如何设计UI

好的UI设计不仅让软件变得个性有品位,而且操作起来更舒适、简单、自由、充分体现软件的定位和特点。

1、去除无用功能,让重点的变得更重点,让需要突出的变的更突出

当用户面前有1条路可以选择时,事情会变得很简单,但是当面临3条或者以上条路时,往往会不知从哪做起。所以我们经常说设计界面要单一,现在也慢慢理解“单一”的意思了。

例如各网站的搜索框,一个搜索框集各种搜索于一身的。一个搜索框搞定所有问题,这样看起来很智能。随便拿哪个网站的搜索都是下面的样子的。

2、隐藏复杂部分

如果是在去除不了某个功能就把它隐藏,等待高级用户来应用这些功能。

我们都知道百度更多里面还有很多的东西,上面的几个是我们生活学习中用的频率最高的几个,其他的并不是所有人都用得到的功能就放在更多里面了,这是最大的智慧。这样的界面无形之中简化了很多东西。反过来想,如果我们首先打开的是更多的界面,我们就会选择,让用户来选择,这是一件很傻的事情。

3、页面的一致性

用户需要一致性,当他们学会某项操作的时候,那么下次也同样可行。一致性的界面可以让用户对于如何操作有更好的理解,从而提升效率。当然对于开发者来说就减少了开发所需要的时间。

一致性不仅包括界面上排版(比如界面上按钮的存在位置,以及列表框的统一文字大小,色调。弹出框的提示语)一致,还要包括界面元素的一致性。

如果说一个界面是上面样式设计,另一个界面添加按钮在右侧,那么这种设计,每到一个界面还要让用户找,用户用着也会很凌乱。所以此时又反映出一个问题,我们所有的设计都要加上快捷键,常用的那些,比如说搜索默认回车键就会查出东西来。ESC页面的退出等。所以也就是我们所有的搜索都要统一加上默认的响应回车键,方便操作。

4、关于界面显示有无数据的问题

通常我们做完一个系统,里面会有测试数据,反映到页面上能显示出来,但是如果我们数据库中没有测试数据,那么我们的界面会怎样,这也是一个值得思考的问题。

5、默认按钮

每个界面都要设置默认按钮,这样用户操作起来也会很方便。当然有了默认按钮之后防止用户的误操作,还必须得设置撤销,还原回去的功能。

6、站在巨人的肩膀上,使用模型

我们的先人们已经研究出很多成功的模型,而且都被用户所喜爱,如果我们把这些模型拿到我们的系统中,那么用户会觉得系统在自己掌控之中,从而更喜爱我们的系统。也就是说我们要学会学习别人的软件,把它们抽象化,抽象到我们的系统中去应用。

7、向导

现在很多APP软件做的都很好,刚下载下来会有很简单的向导,带我们进入此软件的大门,将这个软件最好的一面展现出来,很人性化。

8、帮助

就像我们平时买东西,里面肯定都会附有说明书,并且我们首先会先看说明书,再去操作。把用户遇到的问题预先想到,列出来,用户遇到问题,直接去帮助里面找就可以了。

总结

一个复杂的界面会让用户不知如何操作,减少复杂的操作,那么软件的用户体验度就大大提升了。不要小看UI设计,在我们为用户服务的同时也是在方便着我们。这也算是赠人玫瑰,手留余香吧。

不管是在工作还是生活中,我们的目光都要放长远些,不要只为了眼前而觉得省事了,其实是偷懒了,没有什么好处。

时间: 2024-11-05 22:37:51

UI设计---化繁为简的相关文章

学习ui设计是自学好?还是参加培训好?

ui设计自学好?还是参加培训好? 想学UI设计的人,或是想转行UI设计的人,大多都有一个困惑,要不要报班?去哪里报班?报什么班?学UI设计自学好还是报班培训好?相信这是想要进入UI设计行业领域的人们心中都有的疑问,那么该怎么办?下面小编谈谈ui设计自学好还是参加培训好的看法! 1.自学UI设计,首先是你要了解自己是有基础,还是零基础.有基础的话可以自学,不过要找到足够专业的ui学习平台,不然技术还没学会,反而把时间给耽误了,然后就是自己对学习的时间以及学习的实践操作做规划.只有持之以恒的不断学习

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

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

Android UI设计之<十>自定义ListView,实现QQ空间阻尼下拉刷新和渐变菜单栏效果

转载请注明出处:http://blog.csdn.net/llew2011/article/details/51559694 好久没有写有关UI的博客了,刚刚翻了一下之前的博客,最近一篇有关UI的博客是在2014年写的:Android UI设计之<七>自定义Dialog,实现各种风格效果的对话框,在那篇博客写完后由于公司封闭开发封网以及其它原因致使博客中断至今,中断这么久很是惭愧,后续我会尽量把该写的都补充出来.近来项目有个需求,要做个和QQ空间类似的菜单栏透明度渐变和下拉刷新带有阻尼回弹的效

游戏UI设计要点——你抓住玩家的心了吗?

游戏美术行情在线        游戏UI设计的好坏决定了你和玩家之间的关系,到底是初次相遇的美好呢还是"山无棱天地合乃敢与君绝"?       那么要做一名具有出色"撩妹"技巧的UI设计师,就要抓住游戏UI设计的要点,这样才能抓住玩家的心嘛!今天就跟大家聊聊游戏UI的撩妹哦不设计要点. 话说"士为知己者死,女为悦己者容",那么如何才能成功地引起对方的注意呢?这就必须有个互动的过程啦,这个过程通俗点说的呢就是"撩妹".     

移动端UI设计越来越流行的高斯模糊(Gaussian blur)和毛玻璃效果(磨砂效果),如何使用Android RenderScript简单实现?

高斯模糊(Gaussian blur)和毛玻璃效果(亦称磨砂效果),近两年在移动端的UI设计上越来越流行,特别是iOS手机上出现的较多,iOS系统也提供了相应的API帮助开发人员分分钟实现这两个效果.而Android系统则经历了一个漫长的探索过程,对图片的处理,从Java算法到NDK方式实现等,各种摸索层出不穷. 值得欣慰的是,Google终于在API 11中引入了 RenderScript ,一个强大的图片处理框架,帮助Android开发人员专注于图片处理算法而不是API的调度工作.使用Ren

提升UI设计工作效率的4个技巧

如何提高UI 设计的速度?在这里分享一些我观察到的常见问题和改善方式.当然,需要注意的地方何其多,本文先着重聊一下观念和沟通的部分. 身为ui设计师的你,应该要?? 了解工程实作的基本原理 业界 NG 率:接近 100% 许多人认为创造力和逻辑是左右半脑分开管辖的.设计师和工程师使用的是不同部分的能力,所以大家各安其份做好自己的工作就好--我负责光鲜亮丽地画图,工程师就负责用超大声的同刻键盘在黑色的屏幕上编写外星文. 但事实上这种刻板印象除了阻碍你进步以外可说是一点用都没有(而且不见得是正确的)

兄弟连UI设计培训 大量实践活动为学员

摘要:兄弟连IT教育专职PHP培训10年,开设的6大培训课程在行业内一直处于领先地位:PHP培训.JavaEE+大数据培训.Android培训.云计算架构师培训.HTML5培训.UI设计培训.O2O的教学模式,培养了万名IT人才.兄弟连坚持的"让学习成为一种习惯"思想和"高薪就业"理念结合,在业界树立了良好的口碑. 谈到UI设计,兄弟连专注打造全能UI设计品牌,并为学员提供专业的就业方案,高薪就业的学员遍及北京.上海.广州等全国一二线城市,为企业输送了数千名优秀的专

UI设计需要学什么?

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

分享20个最新的免费 UI 设计素材给设计师

用户界面设计涉及到很多的创意,灵感以及需要与客户进行有效沟通的技能.良好的用户界面是一致的,可以使网站更容易理解和使用.UI设计的重点在于用户体验和互动,同时易于使用对于一个成功的移动应用程序来说非常重要.在这篇文章中,我们收集了20个最新的免费 UI 设计素材给设计师. 您可能感兴趣的相关文章 Web 前端开发人员和设计师必读精华文章推荐 精心挑选的优秀jQuery Ajax分页插件和教程 12个让人惊叹的的创意的 404 错误页面设计 让网站动起来!12款优秀的 jQuery 动画插件 8个