UI设计中有哪些细节需要注意
- 格式:pdf
- 大小:533.17 KB
- 文档页数:8
莱茵教育www.uidesign.ccUI设计中有哪些细节需要注意
UI设计中有哪些细节要注意?我们都知道我们的设计不是为设计师而设
计,而是为用户而设计,所以基于这一点,在UI设计中有些细节是需要我们注
意的,尤其是在用户体验这方面。
UI设计中有哪些细节要注意?最主要是的是从用户的角度去出发,打造用
户喜爱甚至欲罢不能的用户体验,这通常意味着你需要给予用户他们想要的东
西,还要给他们一些他们意料之外但是又非常需要的东西,并且平衡两者的比
例。那些大家耳熟能详的用户体验设计的技巧和规则能让你搞定绝大多数的用
户体验设计的问题,但是还有一些容易忽略、处于盲点的设计技巧,能帮你做
好另一部分的用户体验设计。
1、专注于20%
莱茵教育www.uidesign.cc你可曾听说过80/20法则?简而言之,80%的用户通常只会使用你网站内
容和功能的20%,绝大多数的用户只是在扫视网站内容,并且只会挑选真正感
兴趣的浏览。
同时这也意味着,剩余的20%就相当重要了。大多数的点击将源自于这一
区域,它也是近乎完美的内容和互动区域。
你可以借助数据分析来决定哪个部分是整个网站最被关注的那20%。对于
刚刚上线的网站,这个数据搜集的过程可能长达好几周,随后再进行调整。
当然,你也可以通过引导将用户引流到你希望用户去的那20%的区域。借
助视觉引导和行动召唤设计来引流,用有趣和有意思的设计来营造令人有兴趣
的区域,让他们乐于点击,从而达到目的。2、架构式的思维
莱茵教育www.uidesign.cc设计一个网站和搭建一所房子其实差不多。UI设计中有哪些细节要注意,
首先,它需要一个坚实的基础,然后是能够承载所有内容的框架,做好后要好
好装饰一下。同样的思维模式可以套用在网站的设计上。
更重要的是,你并不需要为此创造出过去从未在框架中出现过的东西,换
言之,框架内的素材、组件和我们常见的并无二致。就像导航设计模式一样,
现在的设计都趋于一致,因为这样的导航好用。
当网站的整体结构搭建起来之后,可以将相同的思路套用到内容体系的构
建上来。主要的正文内容是整个网站内容的基础,辅以吸引人的标题、图片,
配合上其他的次要元素,整个内容体系可以很快搭建起来。3、不要要求太多
莱茵教育www.uidesign.cc现如今的世界可以说是由数据所驱动,越来越多的应用开始要求用户注
册,要用户提供更多的权限,更多的信息,以期为用户提供更加个性化的体
验。但是从体验的角度上来看,要尽量规避这一点。
站在用户的角度稍加思考你就明白了。找到一个令你感兴趣的炫酷网站,
如果要深入了解更多内容,就需要内容,而如果要注册的话,网站却需要你提
供下面10个类型的信息:姓名、邮件、国家、地区、城市、电话、Twitter权
限、个人网站、工作职位、以及如何发现这个网站的。
那么接下来,你会怎么做?绝大多数的用户会直接转身离开,这个注册信
息填写起来太费劲,体验太差了。
那么,如果你当你点击注册的时候,只需要一键从Facebook或者twitter
授权即可,那么你会不会立刻点击呢?至少从目前已有的数据来看,绝大多数
的用户会这么选择。4、令人愉悦的微交互
莱茵教育www.uidesign.cc可能很多时候你都没注意到,你和各种微交互进行的互动一直都存在。
·短信提醒
·午睡的闹钟
·微博上的新粉丝和转发提醒
这样的例子我们可以连续不断地说上一个小时。这些带有微交互的提醒和
动作会推动用户进行下一步操作,带来愉悦的体验,它们不能设计得非常醒
目,但是又需要适当地吸引用户注意。
这些有趣的微交互的加入让用户从中获得好处。而你需要思考的是,有哪
些东西是你的网站或者APP当中,用户想要立刻知道和获得、想被提醒的?
甚至幼儿都能轻松使用
UI设计中有哪些细节要注意—甚至连小孩子都可以轻松使用,这一点主要
是强调在UI设计中一定要注重作品的易用性,
莱茵教育www.uidesign.cc如果要给小孩子设计产品,那么它应该是什么样子?你可能会更专注于色
彩的使用,让每一个区块都可以轻松点击,明显的标签,加上拼图式的连接方
式。
所以,当我们在设计网站或者APP的时候,我们会说这个产品要足够易
用,那么怎么才算得上“足够”呢?让小孩子都可以轻松使用,这就叫足够易
用。换句话说,即使是不经常使用网站和APP的成人,也不会存在明显的使用
障碍。
超大的设计元素和标签是设计的关键因素。这些视觉线索是帮助用户引导
用户的核心,是整体体验设计中最重要的部分。大胆的色彩选择,会鼓励用户
点击和探索。
如果它足够易用,用户会继续尝试使用和探索。而难于理解操作不便的导
航自然会被用户所嫌弃。如果网站包含太过复杂的媒体和内容,那么不妨从一
个设计简单的首页开始,几个简单的导航点击将用户引导到对应的位置。在深
入到更复杂的页面之前,用梳理清晰、简单明了的分页让用户感到舒适,这是
带来好的浏览体验的不错解决方案。
6、轻拍(Tap)还是点击(Click)?
莱茵教育www.uidesign.cc
这一点要说的并不是设计问题,而是一个常见的开发代码的问题。虽然
Tap和Click两者都能在点击的时候触发,但是在移动端网页上使用Click事件
的时候,会有200ms到300ms的延迟,所以在移动端上最好替换为Tap事
件。在进行响应式网页设计的时候,一个事件从头用到尾的错误出现得很普
遍,但是有太多的移动端网页在这样的设计下会有明显延迟,更恶劣的情况是
无法识别,这样会直接损害到整个页面的易用性和功能本身。
此外,移动端上使用Tap事件的时候,它所对应的按钮应当相对更大一
些,便于小屏上进行交互。
7、像用户一样思考
莱茵教育www.uidesign.cc
我们一直在说:“像用户一样思考”。但是实际的情况往往是,我们很难
走出设计者和开发者的思维方式,因为我们的思维方式压根就和用户不同,面
对每一个交互、每一个元素的下意识反应是不一样的。
综上所述,我们了解了UI设计中有哪些细节要注意,从用户体验的角度出
发,像用户一样思考你会得到更多启示。作为专业的UI设计培训学校,莱茵教
育在教授学员上,更注重的是学员思维的锻炼,让其掌握作为一名UI设计师应
该具有的思维方式,目前报名莱茵教育升级的UXD精修班课程,还有惊喜赠
送活动!
UI设计中有哪些细节要注意?在莱茵你能找到答案,九年企业培训经验的
积累,懂UI,更懂企业所需,我们的老师有UED设计主管,产品经理、交互
设计主管、资深UI设计师,秉承严谨的德式教育态度,让每一位学员都会学有
所成。相信在这里你能真正实现你的设计梦想,成为设计大牛!
资料来源:莱茵教育