一、剖析移动应用
多数应用是暂态的
1.1移动设备的外形大小
手持设备、平板、迷你平板
1.2手持设备上的应用
1、堆叠--包含内容的垂直组织结构
2、屏幕轮显--左右滑动切换内容
3、方位和布局--根据需要确定是否旋转方向
1.3平板上的应用
1、堆叠和索引窗格--垂直堆叠主要内容,可增加索引栏
2、弹出控制窗格--屏幕够大,可提升用户效率
3、基于方向的布局--旋转屏幕涉及控件的重新排布和遮挡问题
4、移动布局VS 类桌面布局--把电脑软件搬到平板上的设计原则
5、类硬件控件布局--尤其是音乐创作领域
1.4小平板上的应用
可部分运用手机和平板的导航和布局策略。
二、关于移动导航、内容、控制的习惯用法
2.1浏览控件
1、列表--配合导航tabbar可提供多屏内容
2、网格--比如iPhone主画面、照片预览
3、内容轮显--banner
4、泳道--是垂直排列的轮显,每个轮显都可以独立水平滚动
5、卡片--图文混排的内容框
2.2导航和工具栏
1、标签栏tabbar--手机在上或下,有的平板在左侧
2、“更多”控件--解决标签个数超过5个的问题
3、标签轮显--水平滑动轮显和标签栏的结合
4、导航栏和动作栏--iOS叫nav bar ,Android叫action bar。
5、工具栏和工具板--导航栏会哦这动作滥觞的功能图标按钮
6、垂直的工具栏和工具板--平板上内容创作类apple较多见
7、工具轮显--比如选滤镜
8、菜单栏:移动设备上应避免使用的习惯用法
2.3抽屉
1、次要动作抽屉--通常被放置在右侧。导航则会从左边出来
2、双抽屉--左右都有
3、条目级抽屉--左右滑动条目出按钮,可发现性比较差
4、要避免的抽屉行为--不要过度使用弹出窗格和滑动窗格,尤其是窗格出现的方向不同。
5、关于抽屉的争议话题--抽屉让导航隐藏在一个图标后面,不太容易被发现。优势是保持了界面干净整洁。
2.4轻拍显示及其他直接操控
1、轻拍(其实就是用手指点击)显示控件--轻拍显示直接操作工具
2、直接操作控件--手势直接操作-拖、点、旋转等手势
2.5搜索、排序、筛选
1、隐式排序 vs 显示排序--按照用户以往的记录来进行推荐
2、构建搜索需求--在保证搜索的情况下,尽量减少数据输入的办法:语音搜索、自动填充、预加载、最近/频繁搜索建议、自动推荐、分类推荐
3、排序和筛选--结合排序和筛选
2.6欢迎和帮助界面
1、导览--首次或者重大升级后被调出展示新功能和变化
2、覆盖层--用覆盖层展示手势用法
3、工具提示覆盖层--在一个覆盖层上显示出当前页面上的主要功能
三、多点触摸手势
3.1轻拍选择、激活、或开关
被点击物体能够展示高亮状态。
3.2轻拍保持
类似右键。缺点是不容易被摸索出来,不推荐使用
3.3拖滚
就是滑
3.4拖移
移动或者复制
3.5拖动控制
旋钮,滑块等
3.6向上/下滑动
3.7向左滑动
有时可以打开右侧抽屉,有时代表前进
3.8向右滑动
回退、打开左侧抽屉
3.9双指张合
放大缩小
3.10旋转
旋转图形或者旋钮控件,做起来不太方便
3.11多指滑动
iOS四指滑动切换正在运行的应用,不容易探索出
四、应用间集成
让独立运行的APP的数据/功能集成,提供更方便的使用
五、其他设备
嵌入式设备的交互设计要考虑:使用环境、屏幕局限性、有限的计算处理能力
5.1一般性设计原则
1、不要把你正在设计的产品认为是计算机--嵌入式系统,比如照相机、微波炉
2、把硬件和软件设计集成在一起
3、让使用情境来驱动设计--相比计算机,嵌入式系统硬件所在的环境更复杂
4、模态的运用要明智,如果有用的话--限制模式数量,最好能在情境转换时自然切换
5、限定范围--不要把专用系统变成通用电脑
6、要根据显示器的分辨率来考虑导航
7、尽可能简化输入
5.2专用手持设备的设计
注意点:
1、持握和携带方式
2、当手操作还是双手
3、避免多个窗口或弹出窗口
5.3信息台的设计
1、交易型 vs 探索型
2、在公共场合下的交互
3、管理输入--尽量触屏
5.4为电视界面设计
1、布局、视觉设计清楚
2、导航简单
3、控制器能集成最好
4、遥控要尽可能简单
5、可以考虑给遥控增加显示屏
6、重点放在用户目标上
5.5为汽车界面设计
1、手离开方向盘的时间要短
2、显示布局一直
3、直接控制对应
4、小心选择输入方式
5、硬件按钮物理外形区别要大
6、显示屏视觉上对比强烈,视觉层次浅
7、模式情境易于理解
8、提供声音反馈
5.6为语音界面设计
1、按照用户心理模型来组织和命名功能
2、说出当前可选功能
3、任何时候都要能返回上一步和最高一级
4、任何时候都能转接到人工服务
5、给用户足够的时间响应