PM面试资料笔记 (2) - 移动设计


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 的逻辑

  • 无横屏模式的设计

你可能感兴趣的:(PM面试资料笔记 (2) - 移动设计)