你的位置:创意公社- ideaer >> 百科 >> 交互设计 >> 详细内容 在线投稿

UI界面设计――界面设计不存在美工

排行榜 打印 发给朋友 举报 发布者:kwu253
热度451票  浏览113次 【共0条评论】【我要评论 时间:2010年11月13日 21:40
创意公社- ideaer a"rb;N~-P3On|Z

人类社会逐步向非物质社会迈进,互联网信息产业已经走入我们的生活。在这样一个非物质社会中,网站与软件这些非物质产品再也不象过去那样紧紧靠技术就能处于不败之地。工业设计开始关注非物质产品。但是在国内依然普遍存在这样一个称呼“美工”。“工”的意思就是没有思想紧紧靠体力工作的人。这是一个很愚昧的做法,愚昧在于称呼职员美工的企业没有意识到界面与交互设计能给他们带来的巨大经济效益,另一方面愚昧在于被称为美工的人不知道自己应该做什么,以为自己的工作就是每天给界面与网站勾边描图。

&os|7Z!GmnZ*~1 创意公社- ideaer A8L3u[-K2g7Y[

  本文主要讲述一套比较科学的设计流程来讲述UI界面设计属于工业设计的范畴,是一个科学的设计过程,理性的商业运作模式。而不是单纯的美术描边。创意公社- ideaer'Z5{1lQ@0b[5wVw5r

创意公社- ideaerWxxveB9]i

  UI的本意是user interface也就是用户与界面的关系。他包括交互设计,用户研究,与界面设计 三个部分。本文主要讲述用户研究与界面设计的过程。创意公社- ideaerM)hwQ:@R

/Z'yQ7D6b1一个通用消费类软件界面的设计大体可分为五个步骤:创意公社- ideaer0_.~8n3o/K-QDP]A+y

.V)dxmG2{(P6@11需求阶段创意公社- ideaer1H*NwC-_O(s'Ux7z

Ckp5eK8tEA6y3`(y12分析设计阶段创意公社- ideaer7L|C*HPq&N7LQ F J

创意公社- ideaer V5Al Ee/D9B

3调研验证阶段

1O3u3{xr ~1 创意公社- ideaernaM7y4Y&F X]z

4方案改进阶段创意公社- ideaer2eQ$I&V-x0^ C.O(I

创意公社- ideaerbfPM"Z^'l

5用户验证反馈阶段

Pp,Xq]#d^_3p)f1

h!l9AFRg.Z1需求阶段创意公社- ideaerd7|b.j+yV0|y6c&Mw

创意公社- ideaer x8}JbD7a%[?|

  软件产品依然属于工业产品的范畴。依然离不开3W的考虑(Who,where,why.)也就是使用者,使用环境,使用方式的需求分析。所以在设计一个软件产品之前我们应该明确什么人用(用户的年龄,性别,爱好,收入,教育程度等)。什么地方用(在办公室/家庭/厂房车间/公共场所)。如何用(鼠标键盘/遥控器/触摸屏)。上面的任何一个元素改变结果都会有相应的改变。创意公社- ideaeriy#T pq

+bXi5PzMT5t1  除此之外在需求阶段同类竞争产品也是我们必须了解的。同类产品比我们提前问世,我们要比他作的更好才有存在的价值。那么单纯的从界面美学考虑说哪个好哪个不好是没有一个很客观的评价标准的。我们只能说哪个更合适,更合适于我们的最终用户的就是最好的。如何判定最合适于用户呢,后面我会介绍用户调研。

]'xU$|eCX tC0P1 创意公社- ideaer;t zhp C-Q3t(s

创意公社- ideaer[&Lkv NC4^B

创意公社- ideaer-uol,O#G YDJ_(G

? 分析设计阶段

xWj5|UI1 创意公社- ideaer*n0z H[a

  通过分析上面的需求,我们进入设计阶段。也就是方案形成阶段。我们设计出几套不同风格的界面用于被选。首先我们应该制作一个体现用户定位的词语坐标。例如我们为25岁左右的白领男性制作家居娱乐软件。对于这类用户我们分析得到的词汇有:品质,精美,高档,高雅,男性,时尚,cool,,个性,亲和,放松等。分析这些词汇的时候我们会发现有些词是绝对必须体现的,例如:品质,精美,高档,时尚。但有些词是相互矛盾的,必须放弃一些,例如:亲和,放松与cool,个性与等。所以我们画出一个坐标,上面是我们必须用的品质,精美,高档,时尚。左边是贴近用户心理的词汇:亲和,放松,人性化。右边是体现用户外在形象的词汇:cool,个性,工业化。然后我们开始搜集相呼应的图片,放在坐标的不同点上。这样根据不同作标点的风格,我们设计出数套不同风格的界面。

(Y*Ob-aX;I%` uz0?1 创意公社- ideaerZz2o%m2[ Y2cc

? 调研验证阶段

v|1E]vj"`W(b,z0m1

^!sQ9l$]Vs)G}l1www.dolcn.com创意公社- ideaer9tt#Kp#_C5W{h

3iKO U O'u(lS1  几套风格必须保证在同等的设计制作水平上,不能明显看出差异,这样才能得到用户客观的反馈。创意公社- ideaer*w h4xo/| ]d

A#K,~P7W1  测试阶段开始前我们应该对测试的具体细节进行清楚的分析描述。创意公社- ideaerQZ@c;H*}

hH3P%l1Wu1创意公社- ideaerPLRW$gp-P(L)V

创意公社- ideaer4l/rdSP6w

  例如:创意公社- ideaeru*P:B5Y v$yk

创意公社- ideaer#u|:sE9H

  数据收集方式:厅堂测试/模拟家居/办公室。

9d*?@7fee1

Vv!O aK*X Mh1  测试时间:X年X月X日X日。创意公社- ideaer*i,TB'tq ?*c;sE

+Y0w@)b w;iJ5i(@1  测试区域:北京、广州、天津。创意公社- ideaerRi fS6z6M^7Q*v

V~#w.r`[t1  测试对象。某消费软件界定市场用户。主要特征为:

-LcL5M#['`{(Y1 创意公社- ideaer1z5P$p&[BE`4|y

  ?对电脑的硬件配置以及相关的性能指标比较了解,电脑应用水平较高;

O^9}1b dp(s1 创意公社- ideaer2P`p&G fg:GK2C

?  电脑使用经历一年以上;创意公社- ideaer8t+c n|5]6WJ5B

5a(X_+lVlFg1  ?家庭购买电脑时品牌和机型的主要决策者

l0D&a?1h-Sh1

C&v!B-P/B@Kf)u`1  ?年龄:X-X岁;

/\ Rm2}S;\N_EK1 创意公社- ideaer"lYBS3]"z(K"Y,I

  ?年龄在X岁以上的被访者文化程度为大专及以上;

'N7?Fm%c}7p8_1

QU2j!Ua!a1  ?个人月收入X以上或家庭月收入X元及以上;创意公社- ideaer-W4T3\mG@)V WsL&~

.l,v8j,R$H yK1  样品创意公社- ideaer?3| _+]k

#PPi$Kaf7G1  五套软件界面

(K])us0M3u;N$}1

!_lJN2t-YL1  样本量:X个,实际完成X个。创意公社- ideaer@0KC;e;~5t@

%\C(u B9otgq1

T1oY!K;d~^1 创意公社- ideaerDS`I6Y.B7p&X^OK

  调研阶段需要从以下几个问题出发:创意公社- ideaerXA+H {b G

.E-m N*J } {%] Wv3l:Qq1? 用户对各套方案的第一印象创意公社- ideaer xVd H { T,[;g\

创意公社- ideaer*|?C/nb;AJ_d

? 用户对各套方案的综合印象创意公社- ideaerFn9|,E&i*Z^

创意公社- ideaer;ma,w's}

? 用户对各套方案的单独评价创意公社- ideaer6flMA:M7h+z

创意公社- ideaerLE-h'iLH\

? 选出最喜欢的创意公社- ideaer7R0ay9mf4x&~

创意公社- ideaer~ST`iI'IQ*r.V

? 选出其次喜欢的创意公社- ideaer4~/W:dWaplm

Sa9KQr1? 对各方案的色彩,文字,图形等分别打分。创意公社- ideaer9ixvm4Z2[C

;[B%G(J| m/E1? 结论出来以后请所有用户说出最受欢迎方案的优缺点。创意公社- ideaerUpVre)R

创意公社- ideaerqkn~4\

   所有这些都需要用图形表达出来,直观科学。

#nn/t*gw7qof1 创意公社- ideaerVV%BC`1i p2Q

? 方案改进阶段

N)^1Q&y T0tI"@1 创意公社- ideaerbv q/^)H$q&F \(z5a%Y

  经过用户调研,我们得到目标用户最喜欢的方案。而且了解到用户为什么喜欢,还有什么遗憾等,这样我们就可以进行下一步修改了。这时候我们可以把精力投入到一个方案上(这里指不能换皮肤的应用软件或游戏的界面)将方案做到细致精美。

We*e9e"m1r!y(g7y1

8bUa)W.bM-Q1? 用户验证阶段

(\ i5`jf'PFi1

R}w d*a w2So7D1  改正以后的方案,我们可以将他推向市场。但是设计并没有结束。我们还需要用户反馈,好的设计师应该在产品上市以后去站柜台。零距离接触最终用户,看看用户真正使用时的感想。为以后的升级版本积累经验资料。

x;A m7z} EK1 创意公社- ideaerm{9Yq?;^

  经过上面设计过程的描述,大家可以清楚的发现,界面UI设计是一个非常科学的推导公式,他有设计师对艺术的理解感悟,但绝对不是仅仅表现设计师个人的绘画。所以我们一再强调这个工作过程是设计过程。UI界面设计不存在美工。创意公社- ideaer.us&f8C8{"v

顶:28 踩:25
对本文中的事件或人物打分:
当前平均分:-0.53 (116次打分)
对本篇资讯内容的质量打分:
当前平均分:-0.39 (114次打分)
【已经有168人表态】
28票
感动
15票
路过
23票
高兴
21票
难过
15票
搞笑
15票
愤怒
28票
无聊
23票
同情
上一篇 下一篇
发表评论
换一张

网友评论仅供网友表达个人看法,并不表明本网同意其观点或证实其描述。

查看全部回复【已有0位网友发表了看法】