设计师心得:用户体验草图设计

爱的承诺250828

爱的承诺250828

2016-02-17 03:42

今天天气好晴朗处处好风光,好天气好开始,图老师又来和大家分享啦。下面给大家推荐设计师心得:用户体验草图设计,希望大家看完后也有个好心情,快快行动吧!

 

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/pmsj/)(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/pmsj/)

草图,在我们的惯性思维里边,往往是设计师去做的事情。或者说,是手绘比较强大的人去做的。为什么呢?

 

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/pmsj/)(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/pmsj/)

 

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/pmsj/)(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/pmsj/)

因为草图要画的比较像才行;因为草图是画画的活儿;因为草图要用笔去画,我只会一点点PS所以还是请设计师来画吧!

 

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/pmsj/)(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/pmsj/)

 

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/pmsj/)(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/pmsj/)

今天,我想表达出一种想法:草图不是要画的好看或者画得很漂亮;草图其实不是会绘画的人的专职工作;草图的绘画,也不需要你什么绘画功底

 

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/pmsj/)(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/pmsj/)

 

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/pmsj/)(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/pmsj/)

 

设计师心得:用户体验草图设计,PS教程,图老师教程网

 

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/pmsj/)(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/pmsj/)

 

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/pmsj/)(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/pmsj/)

 

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/pmsj/)(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/pmsj/)

我想把草图这个词语,重新拿出来讨论一下。(我这里指的方向是关于用户体验)

 

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/pmsj/)(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/pmsj/)

 

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/pmsj/)(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/pmsj/)

 

设计师心得:用户体验草图设计,PS教程,图老师教程网

 

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/pmsj/)(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/pmsj/)

 

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/pmsj/)(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/pmsj/)

 

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/pmsj/)(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/pmsj/)

什么是我所说的草图呢?

 

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/pmsj/)(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/pmsj/)

 

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/pmsj/)(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/pmsj/)

我也无法定义,但或许我能说出一些特征,让你更好地定义它:

 

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/pmsj/)(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/pmsj/)

 

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/pmsj/)(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/pmsj/)

它是一种你随手拿起纸画一下,表达出你的想法的一种图形。它往往没有什么固定规范。它不像我们传统观念理解的画画,不是画得越精细越好,相反,它是故意对细节有所保留的一种方式。草图往往不是孤立的,而是成为一系列的彼此有所关联的东西。有的时候,草图也像是连环画,给我们说一个模拟出来的故事。有的时候,甚至它根本不是一幅画,是一部电脑,也可能是一个鼠标,也有可能是一个改良过的电脑和鼠标

 

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/pmsj/)(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/pmsj/)

 

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/pmsj/)(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/pmsj/)

说得比较多,我们不妨来看一些例子。

 

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/pmsj/)(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/pmsj/)

 

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/pmsj/)(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/pmsj/)

 

设计师心得:用户体验草图设计,PS教程,图老师教程网

 

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/pmsj/)(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/pmsj/)

 

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/pmsj/)(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/pmsj/)

 

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/pmsj/)(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/pmsj/)

这是一个草图,而且画得不怎么样好看。但是这个是有什么用的呢?其实这是模拟一个场景。意义我已经不记得了,我估计是模拟一个人的使用某个概念产品时的场景,以及发生的一系列事情。然后我们根据这个故事的叙述,寻找我们的突破口,去逐步完善我们的idea。这种草图的绘制,其实我在eid实习的时候,就有所体会。当时我们即将为某个播放器的交互和界面进行重新设计。在准备期间,为了更好地站在用户的角度去思考,我们会模拟出几个用户角色,比如成天看电影的宅女,喜欢看动画的小孩,一个喜欢看连续剧的主妇等等,几个设计师会为他们分别做出一个每日生活过程的叙述,我们从中去寻找用户的习性和我们交互体验部分的新创意。

 

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/pmsj/)(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/pmsj/)

 

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/pmsj/)(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/pmsj/)

这无疑是相当有益处的。

 

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/pmsj/)(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/pmsj/)

 

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/pmsj/)(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/pmsj/)

再看看这个。

 

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/pmsj/)(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/pmsj/)

 

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/pmsj/)(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/pmsj/)

 

设计师心得:用户体验草图设计,PS教程,图老师教程网

 

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/pmsj/)(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/pmsj/)

 

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/pmsj/)(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/pmsj/)

 

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/pmsj/)(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/pmsj/)

这个东西,或许我们也能说得上是草图(注意,我说的东西可能会比较奇怪,但是我重新说一下我指的草图不是我们传统理解的图画)。这个案例也比较有意思:我们可能都习惯用鼠标,用触摸屏等东西来作为引领我们的导航器,但是有没有想过我们通过移动电子产品自身的位置,来达到我们的操作呢?这个产品想做一个地图导航工具,上面的画面能够通过用户移动整个产品的位置,来进行移动。比如,我要看左边一点的画面,我就往左边移动一下这部机器,要看右边的话,就往右边移动这么说好像很抽象,那么重力感应大家都知道的了。重力感应似乎是近年来的一种新的体验。

 

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/pmsj/)(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/pmsj/)

 

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/pmsj/)(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/pmsj/)

我再举个例子吧,我高中的时候玩过一个手机游戏,似乎是在诺基亚3250扭腰手机(希望我没有记错型号)上玩过的,是一个第一人称射击游戏。当时那部手机没有什么触摸屏,只有键盘,但是这个游戏也不是用键盘来控制准星的。它是通过摄像头来捕捉影相,然后玩家需要移动准星的话,只需要移动手机,这样摄像头就能够通过摄像头前影响的变化方向(我猜的)来捕获到玩家的动作,从而准星随着变化位置。看起来就像你好像真的拿着一把枪一样。

 

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/pmsj/)(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/pmsj/)

 

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/pmsj/)(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/pmsj/)

我这么一说就似乎简单多了,wii也有点这个感觉:通过移动物件来进行操作。

 

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/pmsj/)(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/pmsj/)

 

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/pmsj/)(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/pmsj/)

好了,说回这个案例。这个案例是比较早的了,当时也没有特别先进的技术,也不可能做出一个成品出来再进行推敲,所以前期就需要做一个体验设计出来。这里就用一种简单的方法。把一部平板电脑和一个鼠标黏在一齐,移动机器的同时,鼠标就移动了,那么也就能体验到当中的感受了。好用还是不好用,或者还有什么更好的点子来改进,一用就知道了。

 

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/pmsj/)(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/pmsj/)

 

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/pmsj/)(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/pmsj/)

还有一个例子,也可以看一下。

 

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/pmsj/)(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/pmsj/)

 

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/pmsj/)(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/pmsj/)

 

设计师心得:用户体验草图设计,PS教程,图老师教程网

 

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/pmsj/)(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/pmsj/)

 

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/pmsj/)(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/pmsj/)

 

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/pmsj/)(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/pmsj/)

大家都用过黑板或者白板,你写东西给别人看,或者你做观众,看别人在上面写东西。你有没有想过能有这么一个板子,你在写的同时,能够看到千里之外的某个好友,此时此刻正在写的东西,或者是留言给你的文字呢?听起来蛮有意思的。那么上图就是出于这么一个概念,来进行的一个体验设计:弄两个透明板,通过两个投影仪交叉投射,A版的东西给一个投影仪接收,投过去B板,同时A也作为被投射的一方,能够看到从另一个投影仪传输过来的B版上的信息。我们姑且不管真实实现过程是怎么样,但至少,让人体验到了前所未有的感觉。往往这才是关键所在。

 

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/pmsj/)(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/pmsj/)

 

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/pmsj/)(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/pmsj/)

还有很多例子,都是通过一些小技巧,来增强我们前期的体验最大程度地模拟用户的体验。

 

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/pmsj/)(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/pmsj/)

 

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/pmsj/)(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/pmsj/)

这么一来,草图的定义就太大太大了似乎什么东西都能说是草图了。嗯,没错,有的时候确实是这样。

 

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/pmsj/)(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/pmsj/)

 

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/pmsj/)(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/pmsj/)

好吧,或许我还是应该分类一下的:一种是绘图类的草图;一种是体验类的草图。

 

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/pmsj/)(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/pmsj/)

 

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/pmsj/)(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/pmsj/)

但是这么分类有的时候又是有点牵强迎合我们的传统思维的,为何这么说?因为二者都是只有同一个目的:让设计者体会用户的感受。

 

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/pmsj/)(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/pmsj/)

 

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/pmsj/)(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/pmsj/)

那么,当我们设计一张椅子的时候,需要你的pp去体验不同的方式设计出来的椅子,那么你的pp不就正在制作着,体验着我的草图么?

 

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/pmsj/)(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/pmsj/)

 

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/pmsj/)(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/pmsj/)

玩笑而已,笑过即可。希望对大家有所帮助。

展开更多 50%)
分享

猜你喜欢

设计师心得:用户体验草图设计

平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计
设计师心得:用户体验草图设计

用户体验设计师对于内容的思考

平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计
用户体验设计师对于内容的思考

什么是极简主义 如何打造极简风格家居

家居设计 装修设计
什么是极简主义 如何打造极简风格家居

给设计师用户体验设计发展简史分析

平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计
给设计师用户体验设计发展简史分析

设计师浅谈交互设计初体验心得

平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计
设计师浅谈交互设计初体验心得

2017榻榻米书房设计装修效果图 榻榻米书房设计图片

榻榻米 书房 装修设计 书房设计 平面设计
2017榻榻米书房设计装修效果图 榻榻米书房设计图片

设计师应该用合适字号提升用户体验

平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计
设计师应该用合适字号提升用户体验

设计师在用户体验中的心理学

平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计
设计师在用户体验中的心理学

2017春夏女装风衣外套流行趋势

服装设计 平面设计 设计 服装搭配
2017春夏女装风衣外套流行趋势

评估网站SEO优化效果?

评估网站SEO优化效果?

网页设计师是怎样下地狱的

网页设计师是怎样下地狱的
下拉加载更多内容 ↓