产品、交互、设计规划

1 产品规划

1.1 竞品分析

 使用 Xmind 对竞品功能点进行分析了解产品功能

1.2 信息架构图

使用 Xmind 列出信息架构图便于工程师了解整体功能架构

1.3 业务流程

CC OS 为例

服务端：服务支撑、管理后台、AI能力

设备端：

基本功能：设备信息、基本设置、WLAN、蓝牙、投屏

技能：本地技能（闹钟、相机）云技能

多媒体：音频、视频

云存储：云相册、云盘

通话：蜂窝通话、网络音视频通话、和家固话

IM：即时通讯

绘本：

多用户模式：儿童模式、普通模式、老人模式

AI：语音 AI、视觉 AI

APP 端：

云相册

通话

IM

视频监控

1.4 制作原型图

使用 Sketch 制作原型图，交互连线，并上传至蓝湖

1.5 需求文档

采用在线文档（腾讯文档）进行需求文档管理，根据信息构架图结合原型图完成需求文档细化

1.6 需求评审

和工程师讨论细化，明确不确定的需求，完成最终需求文档

2 交互规划

2.1 Demo

Principle 制作交互原型能同步到手机 APP 上，像真实使用 APP 一样操作，用来向客户展示 Demo 时使用

2.2 交互原型图

Sketch 制作交互连线，可通过蓝湖展示交互效果

3 设计规划

3.1 设计工具

Adobe Photoshop (PS)

图像处理软件，处理复杂的图像例如：海报、运营图、活动 banner 等等。

Adobe Illustrator (AI)

主要应用于印刷出版、海报书籍排版。用来设计 Logo。

Adobe Aftree Effects (AE)

动效设计软件，简单复杂的动效设计都能完美胜任。但学习成本过大。

Principle

用来制作简单的动效和交互 Demo 展示

Sketch

用来制作 UI 效果图

蓝湖

可以配合 PS、Sketch 使用查看标注、下载切图、交互原型效果查看、需求文档查看等功能。

主要是 Sketch 设计 UI 界面、PS 处理图像；AI 设计 Logo、AE principle 设计动效、蓝湖用来查看标注和切图。

3.2 设计规范

色彩规范：制定主色，辅助色，警示颜色

字体规范：制定字体、字号大小

弹窗规范：针对不同弹窗类型制定规范

列表规范：列表高度规范制定，单行文字与多行文字列表的规范

控件规范：控制大小规范

3.3 切图规范

切图命名

模块_类别_功能_状态

例：nav_ic_search_nor

导航_图标_搜索_正常

状态可缩写为三个字母

Powered by Froala Editor