产品、交互、设计规划

oulaija

2020-01-21

原创文章

73

0

0

经验分类:经验/观点/原创文章

产品、交互、设计规划

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

全部评论:0

更多作品

发表评论

取消

点击右上角
分享给朋友吧

分享到

取消

每人每天仅限5票,快给你心仪的作品鼓励的一票。

投票