最近工作需要,要总结iOS设计要点,因此将我的总结发表如下:
一 启动
1.尽量避免使用闪屏或其他启动操作,用户可立即使用是最好的体验
2.尽量避免启动时让用户设定或录入信息
3.尽量让用户晚一点登录
4.尽量避免新手指引,只给用户最必须的指引
5.不要太早让用户评分
二 导航
1.导航的三种结构,层级/扁平/内容驱动
2.用户应该清楚自己所在的位置
三 模态情景
1.尽量避免使用模态情景
2.模态情景应简单/简短/高度聚焦
3.始终提供明显/安全的推出模态情景的方式
四 交互和反馈
1.为暗示交互性,可使用一些设计线索,包括点击的反馈/颜色/位置/上下文/表意明确的图标和标签,并不需要过于修饰元素来向用户展示可交互性
2.避免对交互控件和非交互控件采用同一颜色
五设计原则
一致性
与iOS标准一致;应用内部同一;与先前的版本一致
六 原型和迭代
在投入工程资源实现设计之前,最好对原型进行用户测试
七 UI元素简介
7.1栏
7.1.1状态栏
1.不要创建自定义状态栏
2.避免滚动内容直接透过状态栏显示
3.避免在状态栏后叠加会分散注意力的内容
4.隐藏状态栏时要甚至慎重(沉浸模式可隐藏)
7.1.2导航栏
1.避免用过多控件填满导航栏
2.当用户到达一个新层级时,导航栏需做出改变
7.1.3工具栏
工具栏中放着用于操作当前屏幕中各种对象的控件
1.工具栏中应放置用户最常用的指令,尽量避免提供用户偶尔会使用到的指令
2.3个以上工具控件考虑使用图标
3.保证工具栏文字按钮之间有足够的间距
7.1.4标签栏
1.标签栏位于屏幕底部,并应保证处于应用任何位置都可用
2.一般而言,使用标签栏组织整个应用的信息架构
3.不要使用标签来让用户执行对于当前应用屏幕内容的操作
4.即时标签当前不可用,也不要将其删除
5.避免让过多标签填满标签栏,最多5个标签
7.1.5搜索栏(注意Android规范无搜索栏)
1.搜索栏获取用户输入的文本,以作为搜索的关键字
2.范围栏与搜索栏共同出现,它让用户可定义搜索结果的范围
7.2 内容视图
7.2.1活动
每个活动标识系统提供的或自定义的服务,比如打印/转发/发送信息
7.2.2集合视图
集合视图用于管理一系列有序的项,并以一种自定义的布局来呈现他们,如照片查看器
1.表格更适用时,不要使用集合视图
2.让视图中的选项更容易选中
7.2.3图片视图
展示一张单独图片,默认状态下不支持用户交互
7.2.4地图视图
允许用户在视图中进行交互
7.2.5浮出层
浮出层是用户点击某个控件或页面某一区域时浮出的,半透明的临时视图
1.一般来说,当用户点击浮出层以外区域时,浮出层消失,并保存浮出层内容
2.让浮出层箭头直接指向其出处
3.确保同一时间内屏幕上只有一个浮出层、
4.不要在浮出层上展示模态视图
5.可能的话,让用户仅点击一下就可关闭一个浮出层并开启下一个浮出层
6.浮出层不宜太大,尤其不能占满整个屏幕
7.2.6滚动视图
滚动视图支持用户浏览尺寸超过滚动视图边界的图片
一般来说,一次只展示一个滚动视图
7.2.7表格视图
表格视图以可滚动的单列多行的形式来展示数据
7.2.8文本视图
始终保持文本的易读性
根据输入内容的类型来指定不同的键盘类型
7.2.9网络视图
即常说的html页面
不要将页面做的类似与小型的网络浏览器
未完待续...