查看: 796|回复: 0

那些UI设计之所以被奉为经典,只因为它们都做了同一件事

[复制链接]

6062

主题

6102

帖子

96

积分

认证VIP

积分
96
发表于 2017-7-6 16:55:58 | 显示全部楼层 |阅读模式
    那些UI设计之所以被奉为经典,只因为它们都做了同一件事。
    在那些科技巨头的创业故事中,机遇和运气,总是其中浓墨重彩的一笔。一个为修行吃尽苦头却一无所成的19岁少年,重拾儿时的兴趣,终于在自家的小车库里琢磨出了世界上第一台个人电脑,这是乔布斯的故事;而年逾40却被老板扫地出门,儿子13岁就抑郁了,还患上了阅读障碍症,6年换了3所学校,在所有人都觉得这对父子糟透的时候,他来到纽约闯荡,一步一步成长为“世界上最伟大的推销员”,这是IBM创始人沃森父子的故事。

   由个人到企业,一家企业成功的原因有很多,时代的发展契机,创业者的人格魅力,明智的决策,优秀的团队等等,但其中最关键的原因一定是因为,它的产品可以解决当下用户的痛点,推动客户购买行为的发生。而评价一个产品好与坏的因素更多,比较直观的博得用户好感与提高使用体验的关键就要先说说UI设计了。那什么样的UI设计才说得上是优秀呢?那些被奉为经典的UI设计,究竟赢在哪里?我们一起来看看。

案例1:Tile
   当新用户第一次进入你的UI界面,就开始了他与你之间的第一次交互,能否给用户以足够好的引导体验,关系着用户的去留。在这个方面,Tile是行家。它能把一款失物招领的手机APP做到如此炫酷拽也是没谁了。看到如此令人惊喜的视觉设计和洗练的文字引导,那种因丢东西而焦虑的心情,好像都能变好起来。

   等用户进入到你的操作界面,考验易读性的时候就到了。人类(说得好像我不是人类一样)主要是通过眼睛来获取信息,如果连屏幕内容都看不清,那绝对是不要用了,特别是对以文字为主体的APP或者网站来说,更是如此,用户没办法在第一时间找到想要的信息,这是再多Duang的动效都解救不了的硬伤。

案例2:这款获奖无数的明星APP——Yahoo Digest给我们做了最美的示范。

   从设计上看,颇具新意的斜切,在不影响照片内容的前提下,既能在视觉上显得与众不同,又在排版上巧妙地为色彩标签留了一角之地,增加易读性。

从内容上说,它每天精选18篇提炼版本新闻,主页面上还会附上文章内容提示的标签,比如维基百科注解、社交媒体捕捉的评论信息以及文章背后涉及的知识背景等等,轻松Get到重点内容。

进行实际操作环节,界面上要放什么icon,放几个,这个很重要。心理学大师巴里·施瓦茨曾说过的一句话,至今还被UI界奉为金科玉律,他说,“大量的选择并不能让人们选择所有东西,并且人们在选择的时候会不开心”。

案例3:BenQ 智能商务一体机

   明基智能商务一体机的UI设计,一个看似real耿直,但实则心机满满的设计。咋一看,无非就是把六个经常用到的功能用大icon放在主功能区嘛,很贴心但也很平庸呀,但你认真观察,就会发现它们之间是遵循1:3黃金比例进行设计的,整个界面十分简洁明了,你根本不用费力去记哪一个功能在哪里,就算是新手,也能毫不费力找到自己所要的入口。

   它还以相对更长的距离,在主次功能区之间做了一个“隔断”,以此来建立不同功能区之间的层级关系,使得整个界面变得更加益读,用户只需要稍微扫一眼,就能获得所需信息。
不仅“好看”,它也好用。把常用的操作功能都整合到一个叫EZ的按钮上。

   良好的交互设计还应该确保用户的每一次操作都能得到视觉反馈,这是很多设计师在制定设计规范时最容易忽略的一点。但其实这个很重要,因为如果没有反馈,用户根本无从得知当下有什么正在发生,也无法确定自己的操作结果,这就容易引起焦虑的。

案例4:下拉刷新设计的鼻祖Tweetie

最让人欲罢不能的反馈设计,必须是下拉刷新设计的鼻祖Tweetie 。即便是到了现在,下拉刷新的交互几乎已经是随处可见,但我们还是很容易就沉溺在这种快感里不能自拔啊。这种看得见的“进程”,会让人特别有操控的快感和安全感。

还有这种进度条,也不要太招人爱了。

   按得正爽呢,哦,不小心按错键了怎么办?抓狂ING。这个时候,系统报错的提示很关键啊,不会说话的人最容易招黑,但要是机灵抖地好,那好评度也是蹭蹭蹭往上窜。比如,苹果手机的这个模拟人类摇头的报错设计,宝宝好喜欢,萌萌哒。

   最后要说的是UI设计最容易出现的大BUG,这点没做好,以上的设计再用心也是白瞎。举个栗子,苹果手机的屏幕是越做越大的,但人类(不好意思,其实我是外星人思密达)的拇指能够触及的区域是有限的,所以,假想下这样的一个画面,好不容易脱单了,你一手搂着妹纸,一手掏出手机想解锁拍个照发朋友圈呢,但单手持机的你却发现,你与按键“1”之间了隔了一个“9”还有一个“5”呢,尴尬症都犯了好么。

   所以,iOS版的 Pocket APP就做了这么一个调整,将所有的导航控件都集中在页脚,也就是手指可以轻松触及的区域,让你可以轻松的单手操作。

   看到这里,对于什么才是优秀的UI设计,你也一定有所悟了吧。Binggo!就是人性化!当你赋予设计人性的光辉时,它就有了能够感动用户的力量,那就是经典设计之所以能被奉为经典的原因。

回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

【AB模板网】www.adminbuy.cn