我手机里的应用设计体验

最近养成了一个习惯,看到手机应用的一些设计点,自己觉得好或者不好的时候就会截图下来,翻了一下手机已经存了一堆图片了,就干脆发出来吧。

1466989320-5665-804591-0602129d3b246d8e

应用更新通知弹窗

应用更新弹窗是几乎每个应用都会有的一个模块,但是事实上做得好的却很少。更新弹窗的组成有两部分:更新理由和更新操作。更新理由一般有两个:①修复bug;②增加新功能。就这点而言,上图左边两个弹窗都做得可以,但是在设置弹窗的更新操作的时候却异常简单粗暴。Seed的做法是只留一个“立刻更新”的按钮,点击阴影处是无效的,要么更新要么退出,爱流量的做法也是这样。虽然我认为可能是出于运维的需求,他们急需用户更新到最新版本,减少运维的压力。不过对于这么流氓的应用,我一般都是采取删除的做法。一刻的更新弹窗问题在于他们的更新理由非常儿戏,简直就是为了刷存在感而已。这个问题在网易新闻也存在,不过网易新闻有一个比较好的功能就是可以跳过当前版本不再提示。这算是我见过最良心的一个功能的,至今只发现网易新闻有。点个赞,不过依然不会更新。

1466989247-1741-804591-a6eea2b1442511b0

最美应用

最美应用对于抽屉式导航有个创新点,当在首页点击返回键时,一般而言就是退出应用或者提示退出应用,但是最美应用的做法是弹出抽屉式导航。这个设定虽然每次使用都会有些许别扭,不过不得不说,这对于抽屉式导航而言确实大大增加了曝光率。而且,选择在用户要退出的时候“强行”打开导航,有一定的几率可以“留住”用户,这个时机的选择也非常妙。

1466989321-9663-804591-1a13e346243fdcb4

多看阅读

在一次使用多看阅读的时候,惊奇地发现还有即使显示标注的功能。一般在实体书,这些标注都只能放在章节的末尾,看的人很少。而在APP里,阅读变成了可以不是线性的。通过弹窗的方式,让用户可以即时看到注释,这是我再一次感慨科技改变生活。

1466989325-3824-804591-14c5ee23039a77a1

支付宝

这个是支付宝的操作完成界面,这个界面乍一看好像没什么问题,该有的东西都有。这一点倒是没错,该有的信息都有,甚至于我觉得都有点多了。多的地方在于顶部的工具栏同时存在“返回”和“完成”操作,但是这两个操作的结果其实是一样的。当然根据当时的场景而言,点击“完成”按钮会更加准确。这个细节虽然不会对用户产生操作上的困扰,但是却对于他们的感知会有影响。而且,既然“完成”操作才是符合当前的场景的,把该按钮放大不是更好?当然,以上的推测都很有道理直到我开始考虑界面的广告元素,如果按照我刚刚的设想,界面的广告点击率可以说会近乎为零。所以,考虑到广告这个因素,会突然发现,这个界面设计得非常精妙。不凸显“完成”操作,是为了给广告让位,既然这样,那么“完成”按钮就只能放到顶部操作栏。这一切就都顺理成章起来了。

1466989324-4898-804591-812bd0ce309db43f

读读日报

读读日报的界面实际上是想告诉用户可以进入阅读模式,并且使用一个图形的操作提示,不过说真的,这个操作提示真的是太轻了,以至于在一开始用的时候我一直忽略了这个操作,那时候我就在吐槽为什么这么好用的功能没有一个快捷入口。除了图形本身表意的问题之外,文案的搭配也有问题,如果改成“加载过慢?左滑试试阅读模式”,通过文字加图形的结合,表达会更加强烈。之前有考虑过采用“按钮”的形式,最简单粗暴,不过考虑到现在阅读模式还不是特别完善,有时候进入阅读模式页面会变形,有一定的概率需要回跳回来,所以我的建议就是,突出这个操作提示。

1466989249-6244-804591-4697aa7565737265

豆瓣

豆瓣这个应用有个细节做得非常好,就是刷新时候那个笑脸,安卓一般而言是用圆或者半圆,豆瓣把这个圆进行了微调,使得在转的过程中,会不停地变换出笑脸。这个细节不容易发现,不过当时发现的时候确实有种“心里突然开了一朵花”的感觉。这个是情感化设计的一个非常好的例子,把感动隐藏于不经意之间。

第一篇手机应用的设计就大概这么多,这个将会是一个长期的活动做下去,每次只要凑够了六个就会发一篇新的出来。有什么意见,欢迎和我探讨。
文/妖叶秋  原文链接:http://www.jianshu.com/p/33f542aa7f06/comments/2876465#

原创文章,作者:Tinadmin,如若转载,请注明出处:https://www.iamue.com/15948/

(0)
TinadminTinadmin
上一篇 2016-06-22 09:20
下一篇 2016-06-27 10:20

相关推荐

  • [译]UX设计之商品详情页

    现如今,30%的在线购物行为发生在手机端上。 对于在线购物一事,所有用户都期望能够得到快速、流畅的体验。因此,在购物过程的每一个阶段,即使付之最小的努力都有可能利于用户的整个体验过程(我们也应该以利于用…

    2016-06-30
  • 【交互设计】【装置艺术】传统昆曲与数字视觉的结合

    ▼数字与戏曲在数字时代大势所趋的背景下,传统戏曲也进行了一些试探性的尝试。交互性能和身临其境成为了戏曲的一种新的模式。演员通过光影达到像素化的效果,圆滑光影与演员的冲突,减少真实与虚拟的隔阂。打造沉浸式的戏曲艺术。▼沉浸与交互数字技术润滑了装置与观众的联系,发挥更大的互动作用。利用空间互动装置设计,以评估演出、空间和观众之间的联系,从而为观众提供一种身临其境的体验。▼古典与未来昆曲是一种东方古典戏剧艺术形式。数字技术的使用可以带来一种新...

    2018-04-17
  • APPLE WATCH案例学习!

    编者按:这篇实战的对象是Wallaby,一款个人财务APP,文章总结了四点经验:导航、通知、复杂任务以及动效。每个方面都有需要注意的问题和对应的解决方法,进入译文 >>> Wallaby是一款个人财务app,可以在…

    2015-05-21
  • 从「令人发指」的苹果来看所谓的细节设计

    什么是细节设计?在讨论这个问题前先来看个案例。如果你手里恰巧有 iPhone 4s / 5 / 5s,请随便打开一个可以调出虚拟键盘的应用「比如短信」。注意观察键盘的最后一行,相信看这篇文章的人都是中文用户,所以在你的…

    IxD案例 2014-10-10
  • 美国直播这样玩:以Facebook和Snapchat为例

    中国的视频直播市场正在进入百播大战,优质视频内容正在成为稀缺资源。而美国直播市场经历了2015年全面爆发后,在内容生产上正进入PGC和UGC直播齐头并进的时代:传统媒体积极拥抱直播平台,社交网络更是借此拓展出…

    2016-06-01
  • [转]设计智能推送通知的要点|译文

    当你安装一款新的应用时,有多大比例是允许收到推送通知的呢?我已经被无数的推送通知搞烦了!我甚至有在凌晨被推送通知吵醒的经历!这怎能让我爱上那款应用呢!推送通知的逻辑应该更加智能化才是!本文就阐述了设…

    2016-07-15
  • 深度解析!天猫双11宇宙 H5 的惊艳效果是如何实现的?

    来源:H5广告资讯站 作者:小呆 原创文章,转载请联系本人! 记得在上个月小站推荐万达的第一支一镜到底H5作品时,就有用户曾放下狠话:“你就等着我们的一镜到底吧!” 因为留言的人是圈内的技术大神,自然也就引起…

    2016-10-25
  • Smartisan OS v3.1.0 功能列表(M1 / M1L),创新交互设计“One Step”与“Big Bang”变革安卓阵营。

    本次更新主要增加了两大重磅功能“One Step”与“Big Bang”,前者将常用的点击与分享操作放置于边栏,快捷切换与分享,快人岂止一步;后者可以将大面积按压下的文字区域,智能拆成字和词,你可以自由选择与搭配,同时…

    2016-10-19
  • 超级干货:75条界面版式设计准则

    一个好的界面设计应该拥有高转化率且方便用户使用,换句话说:既能达到商业目的又能满足方便易用的要求。 有一个设计咨询公司根据自己的客户案例,总结了 75 个经过实践证明的原则: 1. 使用单栏布局代替多栏布局 …

    2016-07-14
  • 隐藏在今日头条百亿市值背后的算法:巨大可能与现实困境

    文/余亮 无论2016年科技圈热门的噱头有多少,对数据基础设施方面的耕耘仍然是决定实力的关键。阿里之类电商数据帝国自不待言,今日头条、一点资讯等在资讯数据领域的开拓更加值得注目。比起电商的物流数据,资讯算…

    2016-01-27