文档介绍：Alipay app for ios
从支付宝 iOS客户端改版谈手机上的用户体
验设计
--支付宝无线事业部 UED
李鹤(巴秀琳) 刘宸寰(为一) 2011. 7 淘宝技术嘉年华 iconference
11年7月11日星期一
project brief:
--------------------------------------------------------------------------------------------------
在不改变功能的情况进行体验升级
11年7月11日星期一
Process:
---------------------------------------------------------------------------------------
对需求的解读包括对设计背景、用户的
理解。在这个阶段,我们进行了竟比、现
有问题分析、数据分析以及用户深访等, 设计概念阶段是在总结understand
为之后的设计展开提供依据。阶段结果的基础上, 提出方案设计
的阶段。
信息架构流程控件内容
视觉风格调研视觉风格定位视觉设计
11年7月11日星期一
parison
李鹤(巴秀琳) 刘宸寰(为一) 2011. 7 淘宝技术嘉年华 iconference
11年7月11日星期一
parison
01 与paypal等国内外知名支付网站的竟比分析,
交互人员注重信息架构、任务流程设计、控件设计
由于paypal不同的business model与strategy以及国外完善的信用系统, paypal在其操作流程上相比之下较为简单明了, task flow也与
alipay 手机端大相径庭。逻辑清晰简单,架构信息清晰, 相比于支付宝 ios手机客户端现有版本,是更符合 mental model的一种分类方式, 以
支付的方向划分。且其文本更具亲和力、导向性以及高效性。
11年7月11日星期一
视觉风格竞比分析
李鹤(巴秀琳) 刘宸寰(为一) 2011. 7 淘宝技术嘉年华 iconference
11年7月11日星期一
02 视觉风格竞比分析
案例:paypal
色调:界面的用色简单,整体突出品牌特征;深
色的导航、谈蓝色为主体、橙色为点缀色。
布局:虽然布局上基本遵从了Iphone惯有的结
构形式,但在内页我们还看到了web的影子。
控件:paypal的控件表达比较特殊,它突破了
iphone固有的形式。
11年7月11日星期一
02 视觉风格竞比分析
案例:imoney
色调:界面的用色对比强烈,整体界面质感突出,
品牌特征明显;深色的导航、黑色的显示区域。
布局:基本遵从了Iphone惯有的结构形式,布局
保守。
控件:list形式清晰,让人一目了然,方便用户操
作。
11年7月11日星期一
02 视觉风格竞比分析
案例:yahoo
色调:直白的web式色彩运用,突出了品牌,表现
出简单和安全的理念。
布局:做了简单调整,布局上还是表现出了自有
的特色,布局和色彩都做到了和谐统一。
控件:简单干净的控件,给干练的印象。
11年7月11日星期一
02 视觉风格竞比分析
案例:随手记
色调:个性鲜明的应用,整个操作过程充满了趣
味,但可用性不强。
布局:打破Iphone惯有的结构,张扬了品牌特
性。
控件:赋有新意、趣味性强,细节精细。
11年7月11日星期一