产品的框架性设计

作者: Lipcui | 来源:发表于2016-07-24 13:32 被阅读218次

前面的几片文章讨论了利用故事情节或场景剧本来实现理想的用户交互过程,之后从这些场景和其他来源中对需求进行定义。现在要讨论的是正式开始设计产品的过程。

创建设计框架

设计框架定义了用户体验的整个结构,包括底层组织原则、屏幕上功能元素的排列、工作流程、产品交互、传递信息的视觉和形式语言。在这个过程中,形式设计要与欣慰设计保持一致。设计框架包含交互框架与视觉设计框架,在这个阶段中,交互设计者利用场景和需求来创建屏幕和行为草图,同时,视觉设计者使用视觉语言研究开发视觉设计框架。

需要注意的是:当设计复杂的行为和产品交互时,若过早的把重点放在小细节和具体的产品交互上会妨碍框架设计,无法有效的开发出适合所有产品行为的整体框架。因此应该采取自上而下的方式,首先关注总体,提出低保真而不包含具体细节的方案。这样才能保证设计师在开始阶段重点关注产品设计的基本原则,满足人物模型的目标和需求。

定义产品交互框架

交互框架定义过程

定义形式要素、姿态和输入方法

所设计产品的形式上是web应用还是手机?

用户是如何和产品进行互动的?鼠标还是触控?

定义功能性和数据元素

即在界面中要展示给用户的功能和数据,这是根据所构建的场景而确定的。场景提供了一种自上而下的交互设计方法,从主界面到细微的小窗口和对话框,场景反复运用在越来越细致的设计结构上。与此同时,设计过程中所采用的原则和模式则加入了一种自下而上的方法,用以平衡整个设计过程,用于每个设计层次上各元素的组织。

确定功能组和层级

有了完善的高层次功能和数据元素后,就可以按照不同功能分组工作,确定各自的层级。

勾画交互框架

勾画大致的界面,这个过程注意界面的整体性和高层次,不要过分注意细节。

构建关键线路情景剧本

关键线路情境剧本描述了人物模型如何使用交互框架同产品进行交互。交互框架中细节越多时,越会反复运用关键线路情境,考量用户和产品交互的具体细节。与目标导向情境场景不同,关键线路场景以任务为导向,关注任务的细节。

- 故事板的设计

采用低保真草图序列和关键情景剧本的叙述,描述这个设计方案如何帮助人物模型完成其目标。故事板是借用了电影制作和动画片中的技巧。

通过验证性的场景来检查设计

相关文章

  • 产品的框架性设计

    前面的几片文章讨论了利用故事情节或场景剧本来实现理想的用户交互过程,之后从这些场景和其他来源中对需求进行定义。现在...

  • 产品设计及用户体验

    产品设计 产品五大要素 重要性排序 产品目标>功能需求>交互流程>UI界面>视觉效果 表现层 - 视觉设计 框架...

  • B端产品:梳理符合业务的架构

    B端产品有非常强的业务属性,如果缺乏框架性思考,单点设计功能将会让你精疲力尽。 缺乏框架性思考可能导致比较严重的问...

  • 精益产品设计

    ·构建产品模型 ·用户需求分析 ·设计产品规则 ·功能设计 ·框架设计/流程设计(线下业务转线上产品时,需要先有流...

  • About Face 4 学习笔记

    一.设计流程: 1.设计研究 2.人物模型 3.定义需求 4.框架和细化 设计过程: 1. 产品开发三原则:可行性...

  • 第六章 框架层 界面设计导航设计和信息设计

    框架层定义 1.功能产品:界面设计确定框架 信息产品:导航设计 两者都需要信息设计 2.提供给用户做某些事的能力,...

  • 《启示录:打造用户喜爱的产品》读书笔记①

    前言:好产品靠设计 ·产品经理的任务是探索产品的价值、可用性、可行性 ·探索(定义)产品需要产品经理、交互设计师、...

  • zanPay设计和PRD编写

    我的产品设计实践,结合原来工作中接触的产品以及网络上看到的支付产品设计,形成赞Pay的设计。 1、脑图构思产品框架...

  • 产品经理框架

    产品经理框架 产品经理的职责? - 市场调研 - 产品定义及设计 - 项目管理 - 产品宣介 - 产品市场推广 -...

  • UI-网站制作的流程17-11-08

    网站的整体框架流程思维导图(产品经理)竞品分析(产品经理)产品经理给框架图(原型图)视觉规范(设计师):文字上下左...

网友评论

    本文标题:产品的框架性设计

    本文链接:https://www.haomeiwen.com/subject/pwnwjttx.html