设计协作,用摹客

更好的产品协作设计平台,设计师的利器,产品经理的帮手,工程师的伙伴

文章分类
设计1+2,摹客就够了!

摹客,支持Sketch/PS/XD/Figma/Axure设计稿交付、自动标注切图、全流程协作。助力产品团队高效工作!

立即开启
【友情推荐】uimaker - 专注于ui设计,为ui设计师提供ui设计相关教程、素材及灵感。

了解更多
入门教程 了解更多
成都君德鑫力达科技发展有限公司

分享到微信朋友圈:

打开微信,点击底部的“发现”,使用 “扫一扫” 即可将网页分享到我的朋友圈。

博客 > APP设计 > 那些被滥用的国外App交互设计

那些被滥用的国外App交互设计

@石头的假设
2015-09-24
91382

一直以来,国外在产品设计,尤其是交互设计方面,一直属于领先状态,经常会有一些操作起来比较惊艳的App进入我们的视野。比如私密社交App Path、Todo工具App Clear 等。但是,惊艳不等于实用,毕竟,对于一款产品来说,交互的作用是引导用户更好的使用产品,而不是耍花架子。所以,在这里,我们就谈几个惊艳但不实用的例子,以儆效尤。

抽屉式导航

QQ截图20150923162248

抽屉式导航”是Facebook 2013年首次推出,因为Path在国内的传播而被产品设计界广为所知,而后,在Android设计规范中,它也成为标准的导航方式的一种(Navigation Drawer)。

它的优势是 可以承载的更多的分类,页面看着简洁。但是 劣势也是非常明显

首先,就是用户容易 “忘记”,忘记还有什么分类,忘记哪里可以找到分类,这两点对点击转化率的影响都是致命的(相比而言,它的优势几乎可以忽略)。

其次,它和传统的 Tab式导航比,切换操作上要多一步。

Path 最新版已经不使用抽屉式导航,国内的几家较早尝试抽屉式导航的App,比如 豌豆荚、今日头条、网易新闻 等,也都在新版本中改回Tab式导航。

有人说,哎你看有些App右上角点击,展开个人中心抽屉或者设置中心选项抽屉,也是很舒适。那是因为,这种是抽屉式页面,而不是抽屉式导航。

抽屉式页面 是视觉设计层面概念,抽屉式导航是交互设计层面的概念,完全不同。

国外有一篇文章,仔细通过A-B Test来得出类似结论,有兴趣的同学可以自行搜索一下:

《UX designers: Side drawer navigation could be costing you half your user engagement》

瀑布流式列表

QQ截图20150923131405

瀑布流式列表 我最早是在Pinterest上看到,确实比较惊艳。而后,国内就开始有大量瀑布式列表的学习者。但是,在模仿过程中,却忽略了一个问题,那就是 什么样的内容适合瀑布式?

瀑布式的好处是可以让用户在浏览过程中,有种视觉上的连续感,防止产生心理上的疲劳。但是,这种连续感,仅限于图片,而且是,快速浏览图片的场景。

有人说,电影节目列表中,电影海报就是图片啊,那也应该适合瀑布流啊?这个错就错在,用户在寻找电影内容时,是不能只看海报就下决定的,他还是需要去阅读电影名字标题等。一旦他被这个过程打断,那么,瀑布流的意义就消失,而且,参差不齐的文字行,对用户阅读也是灾难。

所以,瀑布流列表,适用场景是纯粹的图片选择场景(电影图集,设计稿图集等)。

顶部底部栏滑动时隐藏

这种交互,记不清是不是最早在哪个App上见到的。它的优势是用户浏览过程中,页面可视空间变大,可看到的内容变多,另外,页面没有上下限制,让人看着更舒适。缺点是 用户想进行上下栏的操作时,需要向上滑动或者停止操作一会儿,等待上下栏出现。导致操作的不流畅以及功能的不直观。

对于这种交互设计,在我看来都是过设计,本质和 1 是一样的,都是因小失大。尤其是在大屏幕横行的今天,浏览空间根本不是问题。

以上3条误区都可以总结出一个相同的结论:UE中,操作舒适 大于 视觉舒适,因为前者是客观的逻辑,后者是主观的感受。


上一篇
6个技巧帮你把IOS的UI转换成安卓!

译者:@励定洲   09/25

关于空状态(Empty States)设计

翻译:beforweb   09/23

下一篇
需要帮助?

我是小摹,你的7*12小时产品顾问

立即扫码加入官方微信群

官方热线:19130671449

服务邮箱:service@jongde.com