01 iOS 设计原则
- Aesthetic integrity,整体美学
- Consistency,一致性
- Direct manipulation,直接操控
- Feedback,反馈
- Metaphors,隐喻
- User control,用户控制
更多内容请参考我的翻译:iOS设计原则
02 iPhone 硬件和传感器
- 顶部:摄像头、距离感应器、环境光线感应器
- 屏幕:手势、3D touch
- 底部:指纹识别传感器、麦克风、扬声器
- 无线:WiFi、蓝牙
- 其他:三轴陀螺仪、方向感应器、气压计、重力感应、GPS
03 方寸指间:移动设计手册
移动设计6原则:简洁、高效、一致性、反馈、情感化、移动化
简洁:
- 删除PC上功能
- 内容优先,隐藏干扰功能,多用手势操作
- 理解移动端特性,将操作转移到传感器
高效:
- 避免键盘输入,使用语音、手势、传感器
- 有效触动,增大点击区域,手势代替点击
- 减少页面跳转:增加连贯性,减少用户记忆负担;留存当前页,全部功能使用户路径扁平化(使用抽屉、浮层、局部处理)
一致性:
- 设计、平台环境、跨平台
- 规范:设计原则、框架结构、设计风格、控件、组件
反馈:
- 对用户行为的即时反馈
- 有价值的状态提示反馈,避免模态窗口打断用户
情感化
- 让用户愉悦
- 视觉效果、幽默的文案、互动效果、智能贴心的处理,个性化设计
移动化:
- 手势
- 硬件:麦克风、摄像头、震动、LED
- 传感器:重力感应、LBS、陀螺仪
04 移动可用性测试 (Usability Test)
定义:
- 观察有代表性的用户、完成产品典型任务
- 界定可用性问题,解决问题
- 目的让产品用起来更容易
流程:
测试计划和招募,Prepare & Recruit
-- 目的、环境、招募对象、测试的功能、数据收集和分析
-- 制作测试原型、测试任务和脚本
-- 招募被测试者、搭建测试环境/准备测试工具
-- 考虑移动情景:环境、任务、设备、现场测试、远程测试预测试和正式测试,Pilot & Test
-- 被测试者、主持人、观察者、记录者、录音录像工具测试结果分析和输出,Analyze & Report
-- 使用轻量级方法,描述发现的问题
-- 解决方案落地,迭代测试产品优化与迭代
-- 最小与最简优化,验证,其他影响
-- 可用性问题列表,相关建议和报告测试分类
-- 形成性测试 (formative test): 访谈、定性
-- 总结性测试 (summative test): 统计、定量
05 手机产品设计禁忌
没有不可点击的状态(状态:可点击、聚焦、按下、不可用)
菜单层次太深(单层最多5~7个)
文字长度不加以限制(超长:截断、省略、精简)
文字表意不明
交互流程分支太多(一个任务流程贯穿始终)
相关的选项离的很远(理解困难,移动距离的成本,Fitts定律)
一次载入太多的数据(预加载、批量载入、动态刷新、压缩)
按钮点击范围比看起来小(最小44x32 px)
标签页和内容没有从属关系
把所有的操作都暴露出来(20%主要功能,less is more)
没有空数据界面设计(默认、引导、缓存、情感化)
用户引导的滥用
无加载中状态(菊花、Toast、模态/非模态、网络)
Android 未定义 Back 的逻辑
无横屏模式的设计