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

  • 无横屏模式的设计

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 203,324评论 5 476
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,303评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 150,192评论 0 337
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,555评论 1 273
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,569评论 5 365
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,566评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,927评论 3 395
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,583评论 0 257
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,827评论 1 297
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,590评论 2 320
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,669评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,365评论 4 318
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,941评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,928评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,159评论 1 259
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 42,880评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,399评论 2 342

推荐阅读更多精彩内容