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

作者: 卫亮 | 来源:发表于2018-02-21 14:00 被阅读146次

    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) - 移动设计

        本文链接:https://www.haomeiwen.com/subject/fqqvwxtx.html