地铁满载率查询真相是什么?地铁满载率查询具体情况( 二 )


研究报告:我们发现用户在苹果商店的应用下载页面 , 只会停留7秒钟 。 事实上大部分用户停留的时间只会更短 , 用户如果有明确的下载需求 , 花费的时间会长一点 。 但是用户的操作行为非常一致:一看应用图标 , 二浏览前两张截图 , 三快速扫描应用的文字说明 。
——Peter Fodor ,Why 7 seconds could make or break your mobile app
应用截图就像一面镜子 , 可以快速反映APP的功能和体验 。 利用 Incipia团队收集的相关APP数据 , 我研究了头部100个应用的屏幕截图 。 在进行多种角度的研究后 , 发现了截图设计的关键方法 。
设计案例:HeyDoctor
地铁满载率查询真相是什么?地铁满载率查询具体情况
文章图片

【地铁满载率查询真相是什么?地铁满载率查询具体情况】Heydoctor是一款在线医疗APP , 可以让用户足不出户就享受到家庭医生般的服务 。
我们将重新设计它的屏幕截图 , 同时学习如何设计可扫描和易读性强的截图 。
首先 , 我并非HeyDoctor 的工作人员 , 本次重设计完全是个人研究 。 由于并非这款APP的设计师和产品人员 , 我无法全面了解用户群体 , 页面设计和功能流程 , 因此本次的重设计并不能尽善尽美 。 产品设计往往需要综合考量商业目标 , 资源排序和技术限制 , 并非仅仅只是设计本身 。 所以我并不建议HeyDoctor采用我的设计方案做替换 。
地铁满载率查询真相是什么?地铁满载率查询具体情况
文章图片

目前的设计
让我们先来看看HeyDoctor的屏幕截图:
地铁满载率查询真相是什么?地铁满载率查询具体情况
文章图片

三张屏幕截图均由主标题+副标题+页面截图组成 , 可以很好地讲述用户故事 。 原有的品牌色和UI设计 , 在重设计时会继续保留 。
用户故事
开始深度设计前 , 需要了解用户会出于哪些需求下载HeyDoctor:
在线开具处方:用户希望无需见医就可以开具处方和补充处方;
治疗疾病:用户想在线上进行疾病治疗;
咨询医生:由于时间 , 经济和通勤的限制 , 用户希望线上咨询医生;
医疗服务无需保险:由于没有医疗保险或者医疗保险的费用高昂 , 用户想要无需保险的医疗服务 。 截图 or 缩略图?
2018年主流智能手机的屏幕尺寸为5.5英寸 , 相较于第一代iPone的3.5英寸 , 增长了35%的屏幕面积 。 在设计更大的屏幕截图时 , 一种思路是增加文字 , 但我们观察到的情况却截然相反 。
长期观察中发现 , 竖屏模式下只有不到4%的用户 , 会点击截图查看;而横屏模式下只有2% , 对于游戏玩家用户 , 这个比例不到0.5% 。 用户可能仅凭截图缩略图就可以了解整个APP 。
——Peter Fodor
不少App的设计师已经注意到4%这个指标 , 开始设计无需点击即可浏览全貌的截图 。 2016年 , 用户的习惯可能是点击截图缩略图放大 , 进而查看全部的内容;但是随着App Store的设计布局变化和大屏化的趋势 , 用户已经习惯一扫而过 。
对比下在2016~2018年重新设计过的APP , 几乎全部采用了更少的文字和更大的字体 。
地铁满载率查询真相是什么?地铁满载率查询具体情况


推荐阅读