我手机里的应用设计体验

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

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

相关推荐

  • HoloLens 确炫酷狂拽屌炸天!另外,这不是VR!

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

    2016-06-02
  • Apple Watch应用设计案例-QQ空间

    一、初期方案 设计初期,我们希望能够挖掘一些用户在手机端常用的点进行延伸,如:访客、礼物、动态。包括配色和图形设计也延伸了手机端的设计风格。 二、竞品分析 我们对Instagram和Twitter进行了研究,整体上是手…

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

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

    2018-03-27
  • 如何写一份出色的交互设计文档,给程序员以美的享受?

    交互设计文档分为两个版本:一个是界面元素标注版,另一个是附带交互逻辑版。那么,具体的写法和要求如何呢?

    2016-07-11
  • 平衡用户体验设计和精益设计

    来源:人人都是产品经理 作者:AB Tester Blog 对你而言哪个更重要:是制作出拥有杀手级用户体验的产品来吸引用户?还是尽快制作出能满足用户的产品并抢占大量的市场份额? 如果一款产品用户体验很差的话,用户不会使…

    2014-09-27
  • 消灭空状态

    设计师在做设计的时候,常常会忽略的一个页面状态就是空状态。空状态,顾名思义就是空白的状态,比如说:一个新闻的列表中没有新闻,这个时候列表就是空的,用户打开之后看到的就是白惨惨的一片。空状态的用户体验…

    2016-01-29
  • axure 折叠菜单

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

    2015-01-12
  • 手游《纪念碑谷》交互设计特点分析

    关键词: 1. 节奏的控制 2. UI的APP化 1、节奏的控制 1) 纪念碑谷为什么慢节奏? 首先解释下本游戏的玩法:玩家探索建筑(迷宫)的路径,走到终点即可通关。玩家需要寻找并使用机关、旋转建筑、移动人物、运用NPC。这…

    IxD案例 2015-08-27
  • 为了App更新,程序猿都变成段子手了

    头图来自:flickr 本文转自歪楼(easy1414),已获得其授权。 这年头混你们互联网创业圈真是太难了。 按着互联网思维,连修bug的程序猿小哥们都被逼得寂寞如雪。 有的自带牛逼气质: 有的在App更新日志里写起了诗: …

    2016-01-26
  • Axure案例-联想输入提示,Axure中继器的使用

    点击右面下载:axure-case-https://www.iamue.com 不多说了,源文件分享,使用Axure打开编辑可以查看原理。 日安 转载的童鞋带上:木卫艾欧网-交互学堂》 Axure案例-联想输入提示,Axure中继器的使用 

    IxD案例 2015-02-04