原型设计

原型分类

为了让用户能够更直观的评估产品设计，避免将错误带到最终的产品中去，从而根据构思设计产品的大概草案版本，称为原型设计。

概念原型

初级原型：线框原型和低保真原型。

高级原型：高保真原型。

交互理论

1、习惯与映射比拟

把某种概念与用户更熟悉的其他实体相联系。

2、交互的状态

交互设计中需要考虑的12种状态，确保交互流畅而富有意义。

等待：打开应用，闪屏、启动页等

开始：进入到主界面

输入：登录界面

空：用户不存在

有数据：引导用户进行下一步操作

过多数据：数据太多

关注：看内容，看消息看视频等

正确：想要收藏图片，转载文章，关注等

错误：出现了错误，输入不规范，页面加载错误等

待确定：信息待确定，付款输入密码，确定交易信息等等

结束：事件完成

中断：APP崩溃

3、交互方式的选择

手势和其他输入方式最大程度的利用机器的性能简化操作难度。

手势操作：

操作安全区： 舒适操作区域（绿色），一般操作区域（黄色），几乎不可操作区域（红色）。

纵向单手操作，全局滑动手势切换页面标签，全局右滑后退，用语音代替键盘输入，用摄像头代替手写输入（二维码）。

4、情感化设计

设计原型的时候考虑心理学因素，典型的应用手段有：情感故事沟通，制造紧迫感，利用好奇心，利用从众心态等方法。

合理的故事讲述可以使人印象深刻，引起共鸣，设下悬念，不枯燥。

适当制作紧迫感和即时的反馈，让人感觉到资源的重要性。

给他惊喜意想不到的奖励。

提供有趣的设计，利用用户好奇心。

设置竞争模块，利用从众心理。

概念原型

界面模式

应用启动后的第一个界面。

启动界面（ Splash ）两种展示方式：

1、显示图标，服务名称，增强产品认知度。

2、显示与应用首页类似界面，减少用户等待时间。

过场界面( Onboarding/Walk through )：首次启动应用时，主要向用户介绍产品特点和功能。设有跳过按钮，优化用户体验。

 

教程界面( Coach Mark )：一个叠加与实际程序界面之上的临时界面，主要提示用户首先应该执行那些操作。

 

空状态( Empty State )：用于提示用户当前无可显示的内容。使用场景多为，所需数据不存在、网络故障（404界面）等。

 

首页（Home Page）：顶层界面，用于显示各种各样的信息。并通过导航功能将其他界面关联起来。

 

一览界面：连续显示相关内容。包括搜素结果界面、时间轴界面、图库界面以及通知、活动界面。

 

详情界面：显示特定的信息，界面层级较深，应用场景为图片、视频、文章、地图等。

 

输入/操作界面：用户可以执行特定操作，包括登录、发布消息、拍照、设置等。

基本界面组成（IOS）

标签栏的主要主要其实跟面包屑导航差不多，都是让用户知道自己在那。

导航栏

标签栏

列表

导航控件

软件的结构以及基本交互由导航决定。桌面端及网页导航菜单数量超过9个一定要进行分组，而移动端菜单受限于屏幕的范围，一般不超过5个，根据应用类型的不同常见的导航形式：标签式、分段式、下拉式、深入式、仪表盘式、抽屉式、弹出式。

1、标签式（Tab）：用于顶层界面提供导航功能。

2、分段式（Segment）：比标签导航控件小，可融入界面

3、下拉式：显示在当前界面之上的菜单列表

4、深入式：条目过多时具有层级关系

5、仪表盘式：可用于比顶层界面更高一级的界面中导航

6、滑动式：走马灯式应用，浏览大面积内容

7、弹出式：Android特有悬浮按钮