别急着上高保真!教你在设计实战中用纸和笔做原型设计 - 优设网 - UISDC

别急着上高保真!教你在设计实战中用纸和笔做原型设计

2016/06/10 14604评论区

pen-paper-design-hifi-prototype-1

编者按:随着软件越来越多,很多设计师都能迅速做出精美的高保真原型,所以今天@-朱宇軒 这篇好文特意给喜欢一开始上手就用高保真的同学提个醒,用纸和笔也许能整个设计过程更爽。至于用纸笔的好处以及什么时候该用高保真原型,让这篇好文为你揭秘!

先用纸和笔来画草图能让整个设计过程变得更爽

我爹是一个插画师,所以我记得小时候,家里到处都摆着老爹干活的家当。用大头笔在画纸上画画时发出的沙沙声,和大白兔糖一样成了我最回味的童年记忆。长大之后我成了一枚设计师,但是来到这个时代我发现,真的掏出纸笔来画画的机会是越来越少有了。今时今日,人们能很容易就下载到各类高保真的UI kits,各种精美的libraries,更有多到泛滥的软件能帮助我们很容易就做出一个炫酷到爆的高保真原型。

在为Design Sprint干活的那几年里,我常常喜欢用各种不同的作死方法来进行我的工作。期间我发现,回归到用纸和笔来画低保真的原型这种做法真是深得我心,画草图能让你的脑筋腾出更多的空间来思索新的点子,挖掘出真正有意义的问题,让我有更多的时间和产品或者视觉或者开发撕逼,而不是浪费在画一个个炫到不发朋友圈天理难容原型上。

yx201606101

掏出笔来

项目刚刚开始的时候用笔画草图真是再好不过,因为团队里面的每个人都能直接参与进来,不会用axure的人多得很,但是要找一个在纸上画个画都不会的人有点难。这事几乎没有任何工具使用成本,团队里每个人都能给你画上几个表达自己的想法,抛开撕逼不讲,有时候这样子真的很有帮助。在为一个近期就要出街的产品做设计的时侯我就用上了这个小技巧。

草画用户流

用讲故事或者直接制作用户使用流程的方法来找出对于用户来说最最关键的东西。大家都知道,我们经常会习惯性的堕入抠细节陷阱里面去,看不到整体,忘了真正要解决的问题。那么我们就把需要的界面全画出来,钉在黑板上,大家就没细节可以抠了(因为劳资就是往丑的画),而且把所有的界面呈现在大白板之上我们就不会忘记整个大流程了。

虽然还是草图阶段,但贴出来然后叫上产品和开发过来唠一唠也不算早了。这件事很重要,为什么?因为这样这样能让大伙都能以最简单最纯粹的情况之下看到你整体的设计思路,大伙都能在真正的问题上给出自己角度的意见,就算撕起来了也还是在值得撕的点上撕。这就是草图的利好之处。作为交互设计师,撕逼导向能力也是你的业务水平体现之一。

yx201606102

关注对的问题

上面已经说过,你给出的原型对于一个小会议提供的讨论点其实是起决定性作用的,大家基于这些个原型给出的不同的意见,不同的反馈会让产品最后出来样子不同。用简单的原型来对讨论的点进行导向,解决好真正在某个阶段需要解决的问题之后,我们再来画高保真原型真的还不迟。

一来就整个漂亮到不行的mockup好像在和别人说:“大局已定,不能再改”。不知道大家平时难道没有这样的赶脚

yx201606103

不仅画原型简单,其实修改也没啥成本,别人在你的纸上加几笔你一点都不心疼,爱咋整咋整,因此我们能得到更多的反馈,之后的修改也是简单快捷,不经意间省更多的时间,早打卡早下班。

yx201606104

转化成高保真原型

我没法告诉你让项目保留在草图的状态要持续多久才显得你专业,其实我也是看情况。

yx201606105

在我的项目里面,通常的情况是几屏几屏的转化为高保真原型,而不是一次性全部给出来的。我习惯把草图一张张扫描出来,扔到google slides里面。不用说,这个过程肯定是要把我们讨论得出的东西综合起来一起制作我们的高保真原型。做出来之后我习惯把两种不同保真程度的原型摆在一起看一看,打印出来,并且还是钉在小白板上来代替之前的低保真模型,接下来当然还是继续把大家聚起来看一看啦。

yx201606106

自己来试试看

我们做设计,有一条很重要的就是,不要一来就事事追求完美。

下次,自己来试试看,在打开Sketch或Illustrator之前不如停下来看看是不是应该拿起笔来先画。

「优设精品教程合集」

MBE 风格图标:
《PS热门教程!教你5分钟快速绘制超火的MBE风格图标》

五分钟海报教程:
《PS教程!5分钟设计出极具格调的艺术海报(一)》
《PS教程!5分钟设计出极具格调的艺术海报(二)》

原文地址:medium

yestone-uisdc-2

【优设网 原创文章 投稿邮箱:2650232288@qq.com】

================关于优设网================
“优设网uisdc.com“是国内人气最高的网页设计师学习平台,专注分享网页设计、无线端设计以及PS教程。
【特色推荐】
设计师需要读的100本书:史上最全的设计师图书导航:http://hao.uisdc.com/book/
设计微博:拥有粉丝量130万的人气微博@优秀网页设计 ,欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航:全球顶尖设计网站推荐,设计师必备导航:http://hao.uisdc.com

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:https://www.uisdc.com/pen-paper-design-hifi-prototype

发表评论 加载中....

评论加载中....

uisdc

评论区都快饿瘪了,看看我期盼的小眼神...

sketch 界面设计 版式设计 排版布局 职场 优设专访 设计师干货 优设大课堂 设计达人 配色 web前端开发 视觉设计 素材下载 AI教程 设计理论 设计流程 神器下载 字体下载 设计师专访 psd下载 设计规范 海报设计 设计趋势 用户体验设计 动效设计 平面设计 logo设计 图标设计 ICON 产品设计 神器推荐 App设计 字体设计 职场规划 酷站推荐 交互设计 ui设计 优秀网页设计 设计师职场 ps技巧 酷站 用户体验 PS教程 网页设计 经验分享

您还没有登录

优设启用更安全省心的 微信扫码登录

微信扫码

300万设计师聚集地!优设网是极具人气的设计师平台
2012年成立至今,一直专注于设计师的学习成长交流

把好文章收藏到微信

打开微信,扫码分享
学设计 优设网 在这里