我手机里的应用设计体验

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

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

相关推荐

  • 讯飞输入法 Smartisan 定制版功能交互一览

    #交互学堂# #讯飞输入法# #smartisanOS# 基于 Smartisan OS 的设计语言深度定制了讯飞输入法,界面简洁优雅,还能保留讯飞输入法用户的使用习惯, 识别准确率高达 97% 的讯飞语音,让输入更高效 点击下载   讯飞输入…

    2016-10-31
  • 交互案例:文件下载过程中的细节问题

    细节思考是交互设计师的基本素养 今天给大家分享关于文件下载过程中所需要思考的细节问题 说到文件下载,就是下载前、下载中、下载后三种状态 可是三种状态不代表以上三张页面,还有背后种种的细节思考 首先,交互…

    IxD案例 2017-03-21
  • 教你读懂UI设计的心理学!

    来源:阿里妈妈MUX 作者:阿里妈妈MUX编译   作为UI设计师,对待用户就像对待婴儿,知道如何通过界面设计诱导用户非常重要,这就需要了解心理学方面的知识了。今天分享一篇日本设计师的好文,结合心理学与设计,…

    2014-09-27
  • 2015年新起来的APP新贵们,进来瞅瞅都是什么APP在“火”!

    一时兴起,统计2015年以来新发布的,或是从2015年开始快速崛起的,日活稳定在20万+的APP,一共找到了16款。以下数据为粗暴的估算,不准确很正常,不准确憋找我! ┃视频类 熊猫TV,视频直播平台,CEO王思聪,200万量…

    2016-04-08
  • 无限下拉滚动 Vs 分页,究竟该使用哪一个?

    应该是使用无限下拉滚动还是分页的形式来展现内容?究竟那一个更好?相信这是一些设计师经常需要去思考的问题。其实任何事物都有优缺点,无限下拉滚动和分页也不例外。本文将两种方法的适用场景并分析哪类项目适合用…

    2016-06-07
  • 5步快速制作移动动效

    Sketch+Keynote双剑合璧:5步快速制作移动动效 2014年,Facebook推出了新闻阅读应用Paper,诸多交互细节与炫酷动效启动了界面设计的新时代,Google的Material Design更是将移动动效提升到了app基础体验环节的高度。…

    2015-04-11
  • JDC丨京东设计中心 - 电商大促攻略页设计指南

    通常我们看到的旅游攻略,游戏攻略等都是以文章资讯的形式呈现,只可阅读不可交互。而电商大促活动中的攻略页,可不仅仅是一篇资讯文章那么简单,除了要向用户传达促销信息,往往承载着引流,预约,发券,传播等营…

    2018-03-27
  • 交互设计-网站页面视差效果(Axure RP 7.0 源码下载)

    很多(想)学习Axure的朋友,都是伸手党,这是一条不争的事实,直接拿过来省事又省时;
    能真正学会并驾驭这款软件的毕竟是少数(其他软件也一样,这似乎是一条无法打破的规律),不过金乌老师还是希望想使用这款工具帮你应付差事(实现梦想)的小伙伴儿们加油,自学是很辛苦的,只有经历了挫败、枯燥、郁闷的适应期才能真正适应并喜欢上自学这种方法,不积跬步无以至千里。

    IxD案例 2015-01-05
  • HoloLens 确炫酷狂拽屌炸天!另外,这不是VR!

    6月2日凌晨,有“互联网女皇”之称的Mary Meeker今天在美国Code大会上发布了2016年的互联网趋势报告。 (关注“艾欧交互设计”微信号:AioUED,回复“2016”可获取报告中英文版PDF下载链接) 作者:朱宏 链接:https://zh…

    2016-06-02
  • axure 折叠菜单

    第一步:拖拽三个”动态面板“空间到制作区,分别命名为MB1、MB2、MB3,属性width:200,height:130。 每个动态面板都设置两个状态,分别为State1、State2。 打开MB1面板的State1状态,在里面添加一个名称为section1…

    2015-01-12