我手机里的应用设计体验

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

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

相关推荐

  • Axure RP 8.0 抽奖大转盘实例教程附.RP下载与视频演示

    原标题:【AxureRP8实现真正抽奖大转盘】 效果图: Demo地址:http://www.iaxure.com/share/luck/ (有广告) 视频: 实现过程: 1、生成一个0-360之间的随机数,保存至变量; 2、旋转转盘到达指定角度,案例中为3-…

    2015-08-24
  • 网易新闻安卓客户端Material design实战

    编者按:光说不练假把式,聊了这么多的Material design技巧,是时候来看看国内APP怎么跟上这股潮流了。今天网易的同学分享了新闻客户端的Material design改版过程。 项目背景 网易新闻安卓版一直以来照搬IOS版的交…

    2015-07-20
  • 泛滥的移动产品设计模式

    如果你是一名移动产品设计师,你可能会同意这样的观点:参考借鉴别人的设计不算抄袭。这不仅是最佳的练习方法,也是一种设计模式,而且还符合业界主流的设计趋势,同时还能确保在用户熟悉的模式下来创建可用性的界…

    2016-10-18
  • 闪光的消亡对于用户体验来说意味着什么?

    而 Flash 是一个控制狂,那些拥抱 HTML5 的人往往是渐进增强的冠军。最后,我们的用户获胜。SuAnne 探索途径挑战现状,为现代的 web 设计。 Adobe 公司的决定停止移动 Flash 平台的开发及在 HTML5 相关的努力增加其…

    2014-09-04
  • O2O/商场权限管理系统设计方案

    一、管理权限分级概览 二、管理账号管理逻辑 三、账号权限定义 管理账号预设角色分为四种:超级管理员、商场管理员(独立收银)、商场管理员(统一收银)、店铺管理员; 超级管理员: 具有商场后台所有功能的权限,…

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

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

    2018-04-17
  • 搞定老板第一步!如何准确描述自己的设计?

    @姑娘贩子 (手机淘宝设计师):如何准确描述自己的设计,这个问题困扰了我很久。这篇文章希望通过回溯淘小铺2.1项目的整个设计过程,从另一个角度,尝试解答这个问题。 这篇文章原本的标题是“小铺2.1用户分层引导…

    2015-11-24
  • UX案例学习:HubSpot如何重新设计他们的主页

    这个故事就是一个设计师如何集中研究,协作,坚持以用户为核心为底线,安排一份紧凑的时间规划。

    2016-08-24
  • 资讯类APP竞品分析报告

    一、摘要 为了能深入了解主流新闻客户端在「功能模块」、「内容运营」以及「界面交互」上的特点,我对Zaker、今日头条、网易新闻这3款APP进行了对比分析,并得出结论: Zaker定位于具备明确新闻需求的用户,整体较…

    2015-03-17
  • Coding Nap:迭代式体感交互设计分享

    CodingNap是为程序员设计的一款办公室睡眠闹钟。程序员是一个不分昼夜工作的群体,十分需要短暂而高质量的睡眠。当程序员十分疲惫需要休息时,按下Coding Nap的按钮,它便为程序员设定了9分钟的睡眠之旅。同时Codin…

    2015-11-18