我手机里的应用设计体验

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

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

相关推荐

  • IxD案例作品分享:我来也”APP概念设计及动效设计

    本作品作者是来自站酷的设计师羊羊羊8571,本文经过作者本人许可。 转载请与作者联系!取得授权。 “我来也”是一款基于手机LBS属性的移动点名签到应用,利用手机应用解决了老师课堂点名,活动签到,会议签到!在工作…

    2015-07-29
  • 购物商城微信公众号交互设计

    设计背景 由于微信公众号轻应用的设计需要在微信的结构框架中进行,信息架构和导航布局需要基于微信的开发接口和架构来做,项目开始时微信针对公众号的导航框架刚好有做出调整,在进入公众号里面的页面后可以逐级返…

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

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

    2016-04-08
  • [自译]Medium的Title,Subtitles&Headings的改进介绍

    我们的目标是创造一个能够提供最佳写作体验的空间,让故事的讲述者能够触及到他们的听众。现在,我们很高兴地展示我们在标题方面的提升,这个改变微小而又重要,我们认为你每次在发布文章后,都会会欣赏它。

    2016-08-10
  • 透视Pad用户与使用行为

      随着Pad的普及,人们如何使用Pad、有哪几类典型用户成为值得深入研究的问题。针对这些问题,ISUX北京设计中心于近期开展了Pad用户基础调研,综合日记卡记录、观察法、深度访谈、问卷调查等多种研究方法对Pad的使…

    2014-12-02
  • Axure-小红书APP登陆界面划屏效果制作

    有一款叫做小红书的APP(不是小黄书)登陆界面做的非常清新脱俗,教他家用Axure模仿练习一下他的登陆界面划屏效果,这个内容虽然有些多,但是制作方法并不难,耐心跟着做的话肯定没问题哒!点击观看效果 效果分析 …

    2016-01-06
  • 教你读懂UI设计的心理学!

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

    2014-09-27
  • 交互设计案例视频展示

    一款APP的交互原型演示,有能力的话自己动手做个视频吧! [hana-flv-player video=" http://jhxt.org/wp-content/uploads/2015/07/ixdshow.flv" width="640" height="auto" description="Ta APP 交互简介" player="…

    2015-07-01
  • Axure制作酷我音乐安卓端高保真原型案例下载

    本案例为原型库网站原创制作,转载请保留出处。这个原型文件,忘记是什么时候练习axure 时做的,做的不好,有bug,部件的层级关系不够明确,仅供参考。拿出来给有兴趣的朋友下载研究吧,关于这个原型的问题就不要找我提问咯,早已忘记了。
    前段时间又重新做了一下安卓端的酷我高保真原型,进步了很多,层级关系十分明确,这个最新的原型等过段时间再给大家分享吧。

    2015-01-04
  • 如何编辑交互设计说明书

    当你搜索并查阅了很多网上资料后,仍可能不会编辑交互设计说明书。那么究竟该怎么编辑交互设计说明书呢?在编辑的过程中又有哪些要点和注意事项呢?

    2016-08-05