泛滥的移动产品设计模式

::__IHACKLOG_REMOTE_IMAGE_AUTODOWN_BLOCK__::0

　　小早说：参考借鉴别人的设计不算抄袭?

　　如果你是一名移动产品设计师，你可能会同意这样的观点：参考借鉴别人的设计不算抄袭。这不仅是最佳的练习方法，也是一种设计模式，而且还符合业界主流的设计趋势，同时还能确保在用户熟悉的模式下来创建可用性的界面。

　　有人可能会说，坚持设计规范和跟随其他人的步伐会扼杀创造力，而且时至今日，所有的APP看起来都是大同小异。从用户体验的角度来看，我看到了一个不一样的问题。你相信Google、Facebook、Instagram永远是正确的，所以习惯于采用他们的做法，因为他们的设计目标与你的设计目标相同，所以你不会对此产生质疑。

::__IHACKLOG_REMOTE_IMAGE_AUTODOWN_BLOCK__::1

　　我还总结了一些设计模式，在过去可能被认为是最佳的实践方法，但结果可能不如你想象的那么美好。

　　1、隐藏导航

　　在业内各大热门设计社区，至少有50万篇的相关文章分析汉堡包菜单(是指把菜单折叠隐藏在抽屉，因菜单图标像汉堡包得名)，但现在反对这种设计模式的人也越来越多了，我想这并不是因为大家都审美疲劳了。简单来说，我们要讨论的不是关于图标本身，而是隐藏在图标后面的导航。

::__IHACKLOG_REMOTE_IMAGE_AUTODOWN_BLOCK__::2

　　幻灯片菜单灵活，方便使用

　　汉堡包导航非常易于设计，你不必担心屏幕空间放不下那么多内容，只需将整个导航藏到左侧，导航内容超出一屏的时候滚动叠加。

　　然而，实验表明，以更可见的方式露出菜单选项，可以提高用户的参与度和满意度，甚至能提升整体的转化率。 这就是为什么现在大家都从汉堡菜单转向易于发现的标签菜单。

::__IHACKLOG_REMOTE_IMAGE_AUTODOWN_BLOCK__::3

　　YouTube将菜单露出

　　2、无处不在的图标

　　由于屏幕空间有限，在大部分情况下，尽量使用图标代替文本标签，这样会节省一些空间。 图标有丰富的隐喻性，大部分图标所代表的含义都能被用户识别，不需要更多的理解，而且用户大多也接受了这样的方式。

　　但图标又有它本身的限制所在，假设你从未使用过Google翻译，你能知道这个图标它所代表的功能是什么吗?

::__IHACKLOG_REMOTE_IMAGE_AUTODOWN_BLOCK__::4

　　谷歌翻译

　　只有当用户点击图标并弹出这个手写输入界面之后，才知道原来这个图标的含义是手写功能。当用户不能明确功能入口指向的时候，用户通常不会主动去使用这个功能，阻碍了功能的曝光。

::__IHACKLOG_REMOTE_IMAGE_AUTODOWN_BLOCK__::5

　　这是一个非常常见的误区，因为我们会自然的认为，用户熟悉抽象图形，或者他们愿意花更多的时间探索和学习怎么使用你的应用，包括下面这个神秘的标签栏，如果没有文字，单看图标你能理解这个圆圈和六边形代表什么吗?

::__IHACKLOG_REMOTE_IMAGE_AUTODOWN_BLOCK__::6

　　如果你设计了一个识别性不强的图标，希望通过弹框的方式来提示用户，让其变得可理解，这其实并不是一个很好的解决方案，因为弹框提示的方式并不适合在移动端使用。

::__IHACKLOG_REMOTE_IMAGE_AUTODOWN_BLOCK__::7

　　虽然有种种限制，这并不意味着你不应该使用图标，同样也有大量的图标用户非常熟悉，但那些大多是表示常见功能，例如搜索、视频播放、电子邮件、设置等等。不过有些图标用户可能仍然不确定是什么意思，比如当他们点击一个爱心图标的时候会发生什么?

::__IHACKLOG_REMOTE_IMAGE_AUTODOWN_BLOCK__::8

　　大部分图标能被用户识别，而且表意明确，但是有些相对复杂和抽象的图标，应该在其下方添加文字说明。 这样能让图标在菜单中更容易被发现，而且能提高点击率，同时也让界面更富美感和个性。

　　像下方的绘画应用，如果没有图标的装饰，界面就会变得十分呆板，且不方便用户快速识别功能，可用性会大打折扣;如果没有文字说明，用户又无法快速理解图标所以代表正确含义。

::__IHACKLOG_REMOTE_IMAGE_AUTODOWN_BLOCK__::9

　　总而言之，基本功能可以用通识性较强的图标来表示，但对于复杂功能且无法直观理解的，应该配合对应的文字说明。 如果你需要使用到某些不常见的图标，可以先进行可用性测试，多问一些同事和朋友，确保其辨识性。

　　3、基于手势的导航

　　当苹果在2007年推出iPhone时，多点触摸技术第一次进入到大众视野，所有人为这个新奇的功能感到震撼，这是以往设备所从来没有的。我们可以用手指在屏幕上直接操作，点按、捏合、缩放、下拉、滑动、旋转，等等。

　　在设计师眼里，手势是一个很受欢迎设计模式，有许多APP就是是围绕手势控件来进行设计的。

::__IHACKLOG_REMOTE_IMAGE_AUTODOWN_BLOCK__::10