11年资深技术开发经验专业提供

无锡网站建设

,微信小程序开发
网站建设资讯

创新不是改变世界,而是不再重复昨天

当前位置:首页 > 建站资讯 > 建站知识

盘点那些应该杜绝滥用的设计

发布日期:2015-11-16   阅读:2779次

创新总是很少,互相借鉴总是特别多,我们一起来看看那些被滥用但有时并没那么好的设计,给大家敲响警钟,参考无罪,但是多独立思考,自主设计。

如果你是一位有经验的设计师,你也许常会在其他界面中获取设计灵感,这并不等同于抄袭。这是在做较佳案例研究,可以套用常用的设计模式,也符合主流的设计规范,而且使用用户熟知的UI组件,可以让界面变得更加易用。

也许有人会说太依赖于设计规范而且抄来抄去的,完全扼杀了创造力,而且较终,所有的应用都长成一样了。然而从体验的角度来说,我看到了另外一个问题。习惯于复用那些常见的UI组件会让你慢慢陷入一个误区,你会认为Google、Facebook、Instagram等你喜欢的应用总是对的,他们的设计意图和你的想法一致,你会完全忘了带着质疑的态度来看他们的设计。这里我列举一些UI组件,他们被认为(或是曾经被认为)是非常好的设计,然而他们也许并没有那么好。

一、“深藏不露”的导航

过去一段时间,有无数关于汉堡菜单的文章,大部分设计师都在抵制使用他,然而这件事的本质并非是图标的错,而是将导航隐藏在图标之下的问题。

这种设计方案对于设计师来说特别省事,根本不用担心有限的屏幕大小,只需要将你所有的菜单项排个序然后放进这个可滚动的浮层中,藏在汉堡菜单里。

然而实践证明,使用可视化的菜单项会提高用户的参与度、满意度甚至是商业利益。这也是为什么现在主流的应用都从汉堡菜单改成底部导航的可见菜单设计。

17js20151113

△ Youtube的菜单设计进化-Luke

小结:

如果你的菜单很多很复杂,将他们隐藏起来并不会提高友好度, 信息重组并重排优先级才是正道。

二、「遍地开花」的图标

还是因为有限的屏幕空间,似乎尽可能使用图标代替文字来节省空间是个无需考虑的真理。图形显然占用更少的空间,他们无视多语言,而且用户很很习惯,不是么?几乎所有应用都是这么做的。

16js20151113

有了这样的设想后,设计师常常会选择将功能隐藏在哪怕是可识别性特别低的图标之下。例如Instagram,你能想到你可以通过点击这个图标直接发送消息么?

15js20151113

还有,如果你从来都没有用过谷歌翻译,你认为点击这个鬼画符似的图标会发生什么呢?

假定用户熟知那些抽象化的图标或是认为用户会花多余的时间探索并且学习图标的功能,是一个常见的设计错误。

14js20151113

△ Bloom.fm里神奇的菜单栏

如果你认为在界面中给图标提供一个弹出式的标注能够提高可用性,那你就错了。即使是在Foursquare里(译者注:一款在国外超有名的签到应用,街旁的原型)你的用户总归会去学习并且记住他,也不代表这样设计是对的。

13js20151113

△ Swarm应用里的图标指示

但这并不意味着不能使用图标,有许多已经形成普遍用户认知,像那些代表常规功能的图标,例如搜索、视频播放、邮件、设置等等。(但是用户仍然有可能不太确定,比如,点击一个心形的图标具体会发生什么)

12js20151113

△ 这些都是用户熟知,可以被广泛使用的图标

对于复杂的功能,应该始终配有合适的文字。在这种情况下,图标仍然很有用,因为图形可以提高菜单的可发现性,可以在界面中形成一个合适的触摸区域,并且能够增加应用的个性。

11js20151113

△ 某图片编辑工具的菜单

小结:

基础功能可以用图标来代替,复杂的功能需要有文字(如果你非要使用图标,请进行可用性测试。)

三、基于手势的菜单

当2007年苹果推出iPhone时,多点触控技术渐渐成为主流,用户也逐步认知到操作不是只有点击那么单一的,他们还可以进行缩放、滑动等。

手势在设计中也渐渐受到青睐,有许多应用都是纯手势驱动设计。

10js20151113

△ Clear的手势操作

就如同藏起菜单项和使用图标代替文字一样,手势有时可以帮助设计师节省屏幕空间。(“这里应该有个删除按钮,可以左划调出,或者右划,我们可以定一下。”)

关于手势,你需要知道的一件事就是它总是隐藏的,需要用户去记。就像汉堡菜单的情况:如果你把某个选项藏起来,使用它的人将会变少。

还有,手势有着图标同样的问题:有一些用户熟知的手势操作,比如点击、缩放和滚动,同样在不同的应用中都有需要用户自己去发现并且学习的手势操作。

不幸的是,大部分的手势都不是标准定义的,在不同应用中的功用也可能不同——这仍然是触屏界面设计中很新的一块领域。即使是想在邮件上滑动这样简单的操作,在不同的邮箱应用中,都会大相径庭。

9js20151113

在Apple Mail里,邮件上右划调出”标记为已读”

8js20151113

同样的手势在Mailbox里确是”将邮件存档”

还有,“摇一摇”也许有不同的功用,iOS里是撤销,Google Maps里是发送反馈。(译者注:真应该让作者来试试我大天朝的各大应用…)

小结:

别忘了手势也是隐藏操作,是需要用户花费精力去记住的东西。假如是在Tinder(译者注:美国版陌陌),你也许可以去教会整个世界右划会发生什么——但是也仅限于手势是你应用理念的重要组成部分。

四、一打开应用就是引导

引导页,是进来很火热的UX话题,指的是用户与应用的初次邂逅。在大多数情况下,引导页就是给用户显示一些新手指引,解释界面:

7js20151113

△ Dcovery应用的引导

为什么说这是一个糟糕的设计呢?因为许多用户都会跳过这种介绍,他们就是想马上开始使用。就算他们注意到你的引导,他们也会很快在关掉之后就忘得一干二净。(尤其是界面里塞得满满的都是信息。)而且较后而且同样重要的是:界面中加入引导并不一定能让用户更易上手,记住:用户界面就像讲笑话,如果需要去解释笑点,那么你懂的。

6js20151113

引导流程有许多其他设计的可能,也会更好用。比如Slack,通过一屏的交互给用户创造一些情境。 简单地介绍自己,聚焦在给用户带来的好处而不是介绍界面和功能。

5js20151113

△ Slake的介绍页

更有效的方法是增加和用户的互动,使用步骤化的引导。Duolingo并没有去解释应用:他们鼓励用户加入做一个简单的测试题(即使在未登录状态),因为实操才是较好的学习。而且这是一个更有效的展示应用好处的方式。

4js20151113

△ Duolingo互动引导

还记得Mailbox和Apple Mail的手势区别么? 我们来看看Mailbox是怎么逐步带用户上路的:用户在真实使用app前,就会看到这个引导的流程,并尝试所有的手势。

3js20151113

△ Mailbox引导

小结:

在设计半透明遮罩+引导前,先停下来想想用户在初次使用时将会碰到什么。多想想使用场景。大部分的情况下,你总是有更好的方法来欢迎你的用户的。

五、创意十足但然并卵的空白页

空白页是常常会被一些经验不足的设计师忽视的地方。然而,它们在整体的用户体验中扮演着重要的角色。

有时设计师看到错误信息或是空白状态是个空的画布时,会认为这是做些创意的绝好机会。以Google Photos的空白页举例:

2js20151113

△ Google Photos的空白状态页

乍一看,似乎设计得很棒,对么? 层级清晰,符合规范,图片设计得也很美

但是再一看,你会发现有许多奇怪的地方:

为什么有个搜索按钮在空白页上?难道要在没有内容的内容里搜索么?

第二,界面中较为醒目的元素,图标显然是不能点击的(然而许多用户会尝试去点它)。

提示说我应该去顶上找到“+”,这超奇怪。为什么这个提示里不能带个添加按钮呢?就像说“点继续按钮继续”一样傻。

上面这个空白状态页的设计显然不能帮助用户理解情景:

什么是集锦?有什么用?为什么我一个都没有?我能做些什么(如果我需要做些什么的话)?

说到创意,离不开“少即是多”。下面这个空白页设计做的非常良好(让我们先忽略“现在点击下面这个按钮”这句话)

1js20151113

△ Lootsy的空白页设计

小结:

别忘了空白页的设计(类似的还有web上的404页面)不仅是视觉设计和品牌表现,更是可用性的表现。好好的设计一下。

质疑一切

别误解我的意思: 设计组件和较佳案例仍然是你较好的设计伙伴。但是请谨记应用和应用是不同的,用户和用户也是不同的。某个设计在别人的应用中能很好的解决问题但也许在你的应用中就不行。设计并不是均码内衣。还有,你也不知道人家的应用这么设计的深层原因。

所以请独立思考,自主设计,自己去研究。

估算、测试、验证——并且别害怕打破规范,如果你的设计可行性更高。

 

文章来源:http://www.mobileui.cn/should-put-an-end-to-abuse.html

声明:本站部分文字及图片均来自于网络,如侵犯到您的权益,请及时通知我们进行删除处理。
最新建站资讯
162022-05
企业网站建设的意义和价值是什么呢?

经过这么多年的互联网的快速发展,网站对于很多企业并不陌生,但是建设好一个对公司有影响力的网站就非常的重要了,一个有影响力的企业网站对公司来说是非常重要的,他们知道一个影响力的网站会给公司带来很好的经济利益。那么企业网站建设的意义和价值是什么呢?

112022-05
无锡品牌网站制作设计报价多少钱比较合适

在外面谈业务的时候会遇到一些企业会说,其他家公司的价格都会很低,你家价格咋那么高,总有一些企业想着用很低的价格去制作网站。只要问这样的问题基本可以确定这家企业对网站是一点都不懂的。市场上面低价也是有的,比如网站模板站,价格就很低的,这类不适合定位需求的企业,下面我们就来算下制作设计网站所需要的成本价格,在去说下定制制作网站设计应该报价多少比较合适。

072022-05
无锡中小企业网站制作,企业网站维护和售后服务包含哪...

企业制作网站一般需要20个工作日左右,当然这个时间也不是固定的,有的功能多沟通久时间自然会长些,在制作的过程中难免会出现各种各样的问题,那我们就会逐个的去解决这些问题,有些的问题就会和企业网站售后挂钩。下面我们将对无锡中小企业网站制作,企业网站维护和售后服务包含哪些?具体来说说。

052022-05
营销型网站常见的定位有以下六点

平常看到的一些企业站都只是展示产品和新闻的一些相关信息,营销网站建设不同,他是对公司品牌展示和一些营销内容的展示、企业文化、公司各方面的优势等内容,无锡网站建设营销网站要有以下六点要求。

282022-04
企业小程序开发需要注意的几个问题

小程序经过几年的发展,也是越来越占有市场,可是也有不少企业不是太了解小程序,还有一些企业认为小程序比app开发费用低,营销效果要好,其实他们对小程序的开发也只是了解,也因为这些原因,在小程序开发种会遇到这样那样的问题,我们下面为大家介绍小程序开发需要注意的几个问题。

242022-04
建设移动端手机网站设计的时候您要知道的一些注意事项...

随着进几年的网络技术的发展,很多的企业都注意到了移动网站给企业带来的前景。移动端便捷的方式也是移动端快速发展的原因。因此企业开始制作移动网站,下面我们在建设移动端手机网站设计的时候您要知道的一些注意事项?

More → 相关资讯
112022-04
无锡企业网站制作之网站用户体验度差的一些因素

随着这些年一些技术的升级,网络带宽的提示,很多用户对网站体验度更加的在意,我们公司在多年的网站建设经验中也总结了一些因素造成用户体验度差的多个因素,下面我们将对无锡企业网站制作之网站用户体验度差的一些因素进行详细的说明。

242019-05
网站哪些因素可以影响到用户体验度

网站用户体验度是指用户使用的产品、系统和服务过程的感受,从网站的界面设计就要考虑到这个问题,迅诚科技在网站建设经验中对网站用户体验度差的问题进行了总结。

092019-01
五大方法改善用户体验

根据无锡网站建设多年的行业经验,迅诚科技充分明白一个网站想要吸引访问者,用户体验是最关键的因素。只有跟上时代的变化,才能在不断的更新换代中越来越契合用户的使用习惯。

192018-03
为什么你家的网站用户体验度不如竞争对手的网站

用户体验是人们谈论较多的东西,但是还是有一些网站站长到现在都搞不清楚自己家的网站究竟哪里没有做好,明明自己也对网站进行了很多方面的优化工作,但是当他们和自己的对手进行比较的时候,发现自己总是差那么一点点,站长们也搞不清楚自己到底怎么了,问题出在哪里,那么下面就来说一下,为什么你家网站的用户体验度不如人家的原因。

212017-11
在无锡网站制作中较不能忽视的就是细节和用户体验度

细节是策划从普通到非凡的必经阶段

212017-11
在网站制作中想要给用户更好的用户体验只要做到这7个字...

网站制作的一个基本原则是——给用户以良好的体验。用户体验不仅能为网站带来成单和传播,还能带动网站的排名,形成良性循环。怎样才能实现好的用户体验,是网站制作中必须考虑的要点。

142017-11
网页设计中如何合理用好色彩搭配 以此提高用户体验

在网站建设中,网页设计是一个重要的步骤,为了保持自己的 性,独树一帜,是很多人选择定制网站的重要原因之一,当然,定制网站不仅仅要满足这点需求,一个高明的定制网站在保证独特的前提下,也要充分做好用户用户体验,而在色彩上,直接选用吸引用户眼球无疑是较好的,在网站设计中,利用好色彩搭配,懂得一定的规则和技巧,才能建设一个良好的网站。

022017-11
网站做好用户体验都包括哪些方面

有一些排名在首页的网站,是没有多少内容的,而且也不是天天坚持内容更新。可是为什么还排在搜索引擎首页呢?网站每天保持更新,这是SEO优化的基本规律,是什么原因让这些排名靠前的网站,敢于不坚持更新,却能有很好的排名呢?

版权所有 © 2011-2022 无锡迅诚信息科技有限公司    备案号:苏ICP备11038949号-2     苏公网安备 32020602000833号

专业团队为您提供无锡网站建设,无锡网站制作,无锡品牌网站设计,无锡响应式网站制作,无锡微信小程序开发等服务,无锡建网站就找迅诚科技!    网站地图 | 地图XML