如何做一份无懈可击的产品设计从需求到产品

动态 未结 置顶 精帖
用户
悬赏:60飞吻

如何做一份无懈可击的产品设计(从需求到产品)

本篇文章会给大家介绍完整的产品设计过程,重点阐述产品设计思路及期间会用到的方法论,并结合例子让大家深刻地理解逻辑严密的产品设计。

导语:很多同学看过很多文章读过很多书,知道很多产品设计的知识,但一到自己上手设计产品,总是思绪万千,却不知道从何下手。有一种知道很多道理,却依然过不好这一生的赶脚。这是因为知识还没串联成体系,OK,闲言少叙,现在就把产品设计体系告诉大家。

目录:

  • 一、综述
  • 二、结构设计
  • 三、界面草图
  • 四、让界面草图进化为页面原型
  • 五、再加点调料
  • 六、总结

一、综述

开篇前先给大家介绍下《用户体验要素》中的5层模型:战略层、范围层、结构层、框架层、表现层。

这是纲领性的模型,是产品0-1设计的5个阶段。

  1. 战略层:产品目标及其目标用户(做什么、为谁而做?)
  2. 范围层:功能及其内容需求整合(需要做哪些?)
  3. 结构层:交互设计及其信息架构(怎样做?)
  4. 框架层:界面设计、导航设计和信息设计(怎样做?)
  5. 表现层:视觉设计(要做成什么样子?)

战略层和范围层涉及产品目标、目标用户及产品定位,这些公司一般都已经定义好了。当我们接到任务的时候,往往就直接到达结构层和框架层的设计了。所以本篇文章实际上是在结构层和框架层上展开阐述如何进行产品设计。

结构层和框架层特别像建房子,结构层是设计房屋的立体结构,框架层是设计每一层怎么布局。

OK,接下来先整体介绍下产品设计的过程,让大家在宏观上有个把握。

如下是产品设计过程,本篇文章也是按照这个思路进行阐述:

  1. 将需求归纳整理成用户任务;
  2. 多个用户任务交织成信息架构;
  3. 将信息架构具象化为页面流程图,并通过界面草图的形式表达出来;
  4. 接着根据设计原理,让界面草图进化为页面原型;
  5. 最后加点调料,通过情感化设计和游戏化设计,赋予产品魔力。

无论是全新的产品设

回帖
  • 消灭零回复
[打开调试信息]