移动端设计模式的误用

honghu2

挪动端设计模式的误用

若是你是一位履历丰硕的设计师，你必定会认统一点，受别人开导其实不是在剽窃UI设计。这是一种最好的钻研实践。它也要应用各类设计模式，也要遵守设计规范，也必要确保选择用户认识的模式来创建可用的界面。

有些人可能会说，苦守规范和仿照别人会抹杀缔造力，终将有一天，所有利用都长一个样。但从用户体验的角度我注重到另外一个问题。习气于最好实例可能会让你盲从Google/Facebook/Instagram/另有你最喜好的利用，误觉得他们的设计方针与你的不异，你却未对此发生质疑。下面是一些被认为（或是曾被认为）是最好实例的模式，但未必如你初见时所认为的那末好。
1. 暗藏式导航
最少有五十万篇关于汉堡菜单的文章，大都都是设计师写的，为此开展剧烈辩论。若是你对此全无所闻，可以读读这篇或这篇。但简而言之，会商点其实不是这个图标自己，而是将导航暗藏在一个图标中。

侧滑菜单很是机动，利用也便利。

这个解决方案对付设计师颇有诱惑力，便利快捷：你不消费心有限的屏幕空间，把全部导航塞进默许暗藏的转动层里便可以了。

可是，实行显示，用一种加倍可见的方法展现菜单项，可以或许晋升活泼度、用户得意度、乃至收入。这就是为什么所有至公司都在舍弃汉堡菜单，让最首要的导航项延续可见。



YouTube导航的变化，Luke Wroblewski注

若是你的导航很繁杂，将其暗藏其实不是友爱的挪动端做法。为它排个主次才是。
2. 图标，处处都是图标
因为屏幕空间有限，另外一个看似无需动脑的节流空间的法子，就是把文字尽量都换成图标。象形图标占用更少空间，也不必要翻译，究竟结果人们对这些都很认识，对吧？并且其他利用都在这么做。

脑中带着如许的假设，利用的设计师有时就会把功效藏在一些难以辨识的图标内里。比方这个，在Instagram中你可以经由过程这个图标直接发送动静，你能猜到吗？



或假如你从没用过Google Translate，点下面这个图标你感觉会是甚么功效？



有个常见的毛病，就是假设用户都认识这些象形图，或愿意花时候摸索和进修它们的寄义。



Bloom.fm难以理解的标签栏。

若是你认为在图标上加之悬浮气泡会让它更容易用，那你就错了。即便你是Foursquare，用户不管若何都必要进修利用。



Swarm中的图标提醒。

这不是说底子不该该用图标。 有很多人们至关认识的图标，此中大都都表示一些经常使用功效，比方搜刮、播放视频、邮件、设置等等。（但用户依然会感触不肯定，比方，点击心型图标时事实会产生甚么。）



有些图标大都用户都熟悉，这些可以作为通用图标。

可是，繁杂且抽象的功效老是应当带有得当的文字标签。在这类环境下，图标依然有效，由于它们晋升了菜单项的显著性，也为利用增长了一丝亲热与个性。



Pixelmator的导航

根本功效用图标可以颇有效地展示，但对付玉米交友繁杂的功效，应当带上文字标签。（若是要用图标，必定要做可用性测试。）
3. 基于手势的导航
苹果在2007年推出iPhone时，多点触控技能成为主流核心，用户领会到他们不但可以或许在界面上点击，还可以放大、捏合和滑动。

手势在设计师群体中风行起来，有很多利用都带有实行性的手势节制。



Clear利用中的手势导航。

就像把导航藏在图标中替换文字标签，手势有时辰对付必要节流屏幕空间的设计师而言也极具诱惑力。（“不该该有删除按钮，人们左滑就好了。或右滑也行，这个咱们来决议。”）

关于手势要晓得的第一件事变，就是它们老是暗藏的。人们必要记着它们。就像汉堡菜单那样：若是将某个选项暗藏起来，利用它的人就会削减。

并且，手势与图标有一样的问题：有些通用手势大师都把握了，比方点按、缩放、转动。另有一些手势每一个利用都分泡泡交友歧，必要摸索和进修。

但不幸的是，大都手势在分歧利用中，都长短尺度且不同一的——这依然是触屏界面设计至关新的一个范畴。乃至简略如滑脱手势，在分歧邮件利用中也纷歧样。



在苹果的邮件利用中右滑，会显示出标为未读选项。



一样的手势在Mailbox里倒是归档邮件。

另有，想想，摇摆手机可能既是撤消（iOS）又是发送反馈（Google Maps)。

不要忘了手势是暗藏式的节制，你的用户必要支出大量的精神才能记着。除非你是Tinder，那你也许可觉得全球界说右滑的意义——但也仅限于你利用中相当首要的某个观点。
4. 初次利用的讲授指导
初次利用，近来一个火热的用户体验议题，指的是用户与利用的第一次接触。在很多例子中，这就是指显示一些讲授指导层，向用户阐明利用界面：



dcovery中的讲授指导。

为甚么这是个糟的方案？由于大都用户会跳过你的先容；他们只想立即上手。即便他们注重到你的教程，凡是也转眼即忘。（特别当界面信息太多时。）最后这点也很首要：参加讲授指导其实不会使界面更直观。服膺这一条：



用户界面就像一则笑话，若是你非要诠释它，就欠好笑了。来历：Startup Vitamins

初次利用的流程还可以用很多其他方法来设计，也许对用户加倍有效。比方Slack，用了主界面来营建情况空气。他们做了自我先容，重点论述了它的益处，而非界面与功效。



有一种加倍有互动性的方法接待新用户，渐进式。Duolingo没有诠释利用的功效：它鼓动勉励用户打开，在选定的说话中做一套快速测试（乃至都不消注册），由于人们在现实操作中进修最快。并且它也是一种更吸惹人的方法来展示利用的价值。



还记得滑脱手势在Mailbox中与Apple Mail里花季交友分歧么？这就是它若何渐进式指导的：用户会看到一系列指导页，在现实利用利用以前，他们要在此中试着操作每个手势。



在设计半透明层上的讲授指导以前，停一停，思虑一下用户初次打开的体验会是怎么。要器重情况。大都环境下，总有更好的方法来接待用户。
5. 有创意但不直观的空状况
空状况很是轻易被履历不足的设计师疏忽，可是，它是利用总体用户体验的首要身分。

有时辰设计师把毛病信息和空状况看成挥洒创意的画布。

比方Google Photos的这个空状况界面：



Google Photos中的空状况。

第一眼看感觉很棒，对吧？遵守规范，条理分明，另有标致的插画。

但再看一眼，有一些奇异的工具：
若是都没有相片集，为甚么还要一个如斯凸起的搜刮按钮？为甚么要在空无一物中搜刮？第二较着的元素——插画，却明显是不成点击的（虽然很多人会试着去点）。提醒说我应当寻觅顶部的“+”按钮，这太为难了。为甚么提醒自己不带有添加按钮？这就像是在说“点击继续按钮继续”。
上面的这个空状况并无帮忙用户理解情况：
相片集是甚么？它们有甚么用？为甚么我没有相片集？我该怎样办（我该做点甚么吗）？
说到缔造力，有时辰少便是多。下面的空状况在适用性方面表示就很是好。（咱们暂且疏忽“如今点击下方按钮”的阐明。）



Lootsy的空状况。

别忘了空状况（雷同于网页的404页面）不但仅关乎视觉美学与品牌个性。它们在可用性方面还饰演着更首要的脚色。要让它们直观易懂。
质疑一切
不要误解我的意思：设计模式与最好实例依然是你的良师益友。但要服膺利用和用户是分歧的，某种解决方案可能在一个利用中大放异彩，在你的利用中却狼奔豕突。这不是普适纪律。并且，你永久都不会晓得一个利用为甚么要如许设计。

自力思虑。自力设计。自力钻研。

掂量、测试、验证——别怕违反规范，只要那样做更成心义。

原文链接：

作者信息：Zoltan Kollin.Thinking about experiences as UX director at Ustream, co-organizer of Amuse UX Conference and co-author of 
#专栏作家#
可乐橙，微信公家号：可乐橙（colachangreen）。人人都是产物司理专栏作家，UI/UX设计师，存眷互联网，存眷科技。现居杭州，与小火伴们正在创业途中。也许不是一位优异的设计师，最少是个快活的设计师。

本文原创公布于人人都是产物司理，未经允许，不得转载。