讨论草图设计的工具方法:自由感知

文章描述:浅谈草图设计(一):自由.

“转眼间已经在CDC生活了快两年的时间。从一名电子商务毕业生到一位职业的交互设计师,经历了许多的坎坷。常常会面对各种困难和压力,当发现有太多未知的领域,只有在学习、思考、实践中能够找到答案与自信。”

草图设计是这一年来学习、思考、实践、总结的一项设计方法,尝试于产品设计的各个环节。草图设计对于设计师来说并不陌生,在日常工作中都有用到,相信很多设计师跟我都有同样想法,并且希望推广草图设计给同行以及产品经理,作为灵感与实现,需求与设计之间的桥梁。也非常希望感兴趣的同学回复转播此文,留下观点参与评论。

“WHY|为什么要使用草图?”

首先为什么要关注草图,草图不是很普通很简单的东西吗,大家平时都是在纸上画画,值得小题大做吗?事情源于我曾经看过的两本书——《用户体验草图设计》、《关键设计报告》。里面记录了大量的设计案例以及作品的解读。当时看完之后,我并不太明白这些与草图设计有什么关系,由于设计案例纬度跨度很大,我甚至不知道作者到底要说什么。感觉就像记者采访了一批有名气的设计师,做个笔录而已。

但是看到了大量讲解设计师在产品设计中一些初期的、真实的、原始的设计稿让我非常兴奋。惊叹他们的天分,设计的巧妙。不仅如此,他们的设计稿都非常的个性,并没有统一形式,但都贴近自身想法和真实体验。

直到最近,我又回想起这本书,突然明白为什么作者会写这些。草图设计不仅仅是在纸上写写画画,书中记录的每一个案例都是草图设计。让人兴奋的也正是这些,使用不同材料不同形式表达不同创意的案例。为什么要使用草图?因为:

草图是最自由的设计

自由媒介

任何可以传达信息的介质都可以用来做草图设计。纸、白板、图片、便签、视频、语言、电脑甚至“无事物”的表演等都可以作为媒介,只要它可以表达你的灵感。

自由空间

不再仅仅坐在椅子上,面对着1440*900的电脑屏幕(即使是双屏又能怎样呢?),在这个狭小的窗口里做高保真界面的设计。

草图设计允许我们利用更广阔的空间,即使是一张A3的白纸也要比电脑屏幕大,更不用说真实的桌面、会议室、白板,甚至我们可以走到大街上。

当你微微感觉到江郎才尽的时候,第一要做的就是站起来,离开你的电脑屏幕,找到更广阔的设计空间,不仅仅是物理空间,更重要的是思维的空间。

自由成本

只要有价值,成本应该是自由的。成本不仅仅指材料的价值,还有时间。对于纸的使用往往招来环保主义者的批斗,浪费纸的评价和意识不能太随意太极端。当然纸材料只是其中一种,如果需要大量的白板、甚至昂贵的摄影器材,为了达到目的,材料与时间的成本是要综合考虑的。

以QQ多人视频为例,在设计的初期需要做几场用户访谈。但当时的情况是没有时间做demo及高保真的原型。为了不浪费这些与用户亲密接触的机会,就绘制、打印了大量场景草图,来验证我们对各种场景下用户如何使用多人视频的预期。

由于草图绘制对精度要求不高,使用mockup软件在很短的时间内就完成了十几个场景的草图。在每场用户访谈的最后将打印的草图展示给用户,并让用户讲解如何使用多人视频。这种方式大大提高了用户访谈的价值,为后期方案的细化奠定了坚实的基础。

自由成本强调的是自由、灵活。当然低成本是我们要追求的,但是为了达到目的适当的忽略也是非常必要的。如果你需要一间会议室、几块白板或者其他材料,为了能够很好的实现目标,应该大胆的向leader提出需求。

[1] [2]  下一页

时间: 2024-10-03 00:03:25

讨论草图设计的工具方法:自由感知的相关文章

草图设计(一):最自由的一项设计方法

"转眼间已经在CDC生活了快两年的时间.从一名电子商务毕业生到一位职业的交互设计师,经历了许多的坎坷.常常会面对各种困难和压力,当发现有太多未知的领域,只有在学习.思考.实践中能够找到答案与自信." 草图设计是这一年来学习.思考.实践.总结的一项设计方法,尝试于产品设计的各个环节.草图设计对于设计师来说并不陌生,在日常工作中都有用到,相信很多设计师跟我都有同样想法,并且希望推广草图设计给同行以及产品经理,作为灵感与实现,需求与设计之间的桥梁.也非常希望感兴趣的同学回复转播此文,留下观点

jQuery技术内幕:深入解析jQuery架构设计与实现原理. 3.10 工具方法

3.10 工具方法 3.10.1 Sizzle.uniqueSort( results ) 工具方法Sizzle.uniqueSort( results )负责对元素集合中的元素按照出现在文档中的顺序进行排序,并删除重复元素. 相关代码如下所示: 4026 Sizzle.uniqueSort = function( results ) { 4027     if ( sortOrder ) { 4028         hasDuplicate = baseHasDuplicate; 4029 

《软件测试技术实战:设计、工具及管理》—第1章 1.1节软件测试的基本理论

第1篇 软件测试设计技术 软件测试技术实战:设计.工具及管理 如何把用户的需求转换为软件测试设计,这是软件测试工程师的工作重心所在.本书第一篇通过6个章节来讲述一下如何进行软件测试设计. 本篇共分以下几个章节. 第1章,软件测试的基本知识:首先讲解一些软件测试的基本知识,如果你对软件测试的基本概念已经非常熟悉了,那么就可以简单浏览,甚至跳过本章的内容. 第2章,传统的软件测试的设计方法:本章主要介绍软件测试中最经典的5个黑盒测试方法(等价类/边界值.决策表.状态转换图.决策树和正交测试法)和7个

优化Oracle库表设计的若干方法_oracle

正在看的ORACLE教程是:优化Oracle库表设计的若干方法. 前言 绝大多数的Oracle数据库性能问题都是由于数据库设计不合理造成的,只有少部分问题根植于Database Buffer.Share Pool.Redo Log Buffer等内存模块配置不合理,I/O争用,CPU争用等DBA职责范围上.所以除非是面对一个业已完成不可变更的系统,否则我们不应过多地将关注点投向内存.I/O.CPU等性能调整项目上,而应关注数据库表本身的设计是否合理,库表设计的合理性才是程序性能的真正执牛耳者.

《软件测试技术实战:设计、工具及管理》—第2章 2.1节运用等价类/边界值设计测试用例

第2章 传统的软件测试的设计方法软件测试技术实战:设计.工具及管理从本章开始介绍软件测试的各种设计方法,这是学习软件测试的重要内容. 一般来说,软件测试设计方法分为5类:传统的黑盒测试方法.基于质量的测试方法.基于风险的测试方法.基于经验的测试方法以及白盒测试方法.本章主要介绍传统的黑盒测试方法和白盒测试方法,共分7节. 5种黑盒测试方法如下. 等价类/边界值. 决策表. 状态转换图. 决策树. 正交法. 7种白盒测试的方法如下:. 语句覆盖. 分支覆盖. 条件覆盖. 判定/条件覆盖. MC/D

基于JSP的RSS阅读器的设计与实现方法(推荐)_JSP编程

阅读器访问地址:http://easyrss.tk/,欢迎体验! 阅读导览 一. 概述 二. 设计的基本概念和原理 三. 设计方案 四. 主要源代码 五. 阅读器使用说明 概述 获得信息是在人类的生活中是必不可少的环节.如果现在的社会对获得信息不快捷,那么这个社会将不会像如今这般的发达和进步.在当今网络技术相当发达的今天,大量的信息充斥在网上.现在网络越来越发达,用户在网上既能工作也能娱乐.当用户在网上需浏览很多个网站才能获取自己多需的信息时,那就感觉很累.因为现在每个网站都有很多信息,找到自己

16个高效测试响应式设计界面工具

  响应式的设计现在越来越受设计师推崇,面对这越来越多的响应式设计页面,我们需要找到高效的测试工具来验证设计的合理和正确,在今天这篇文章中,我们将介绍16款帮助你在线测试响应式页面设计的工具,希望大家喜欢! Responsinator Responsinator提供了大家在不同设备viewport下查看网站效果的特性,提供了iphone,android,ipad,kindle及其多种设备上的预览效果,你可以方便的看到需要支持的设备的响应式设计效果图. Responsivator 和respons

网页设计必备工具和生成器(英文软件)

任何一个行业发展到一个阶段之后,其应用都会越发的平民化,只要你够勤劳,你就可以创造自己的价值,网页设计也同样如此,如今网页设计的辅助软件和在线工具越来越多,并且都细化到了极致,各司其职,为Web设计者更好更快地提高工作效率带来了莫大的帮助,网页教学网为我们翻译整理的28个优秀的快速网页设计必备工具和生成器. 1. Lorem Ipsum Generator 文本排版生成器 2. Stripe Generator 条纹背景 3. Mycoolbutton 按钮生成器 4. Web20generat

水彩手绘设计技巧及方法!

  水彩手绘设计技巧及方法!水彩"色彩"的感觉,各种不同的色彩,刺激我们的大脑,给我们不同的感受,就像世界是多姿多彩一样.每篇都是干货.经验总结!