写给初学者：UI、UX、GUI新手科普指南.doc

《写给初学者：UI、UX、GUI新手科普指南.doc》由会员上传分享，免费在线阅读，更多相关内容在学术论文-天天文库。

1、写给初学者：UI、UX、GUI新手科普指南　　这篇文章会跟各位伙伴简单介绍UI、UX跟GUI三者的差异，同时也会根据自身经验说明一些业界实际的需求状况，有任何问题欢迎透过留言一起讨论喔！　　　　关于UX（UserExperience）　　在业界，许多人常常会把UI/UX这两个词汇混再一起使用，在台湾也有不少公司开出来「UI设计师的职缺」也都期许来应征的设计师具有一定的UX设计经验，我是觉得这两个领域应该是两个独立的职位啦（抖，但…在更深入探讨这件事情的对错与否之前，我们先来介绍一下到底什么是UX吧！　　注：近期的业界趋势就是，不管你是工程师、设计师、BD、P

2、M还是老板，只要会说一句话，「阿，这样设计不够『直觉』啦，使用者OOXX…」，就有种好像很懂UX的感觉呢！（苦笑）　　UX，全名是Userexperience，中文就是使用者经验，顾名思义它强调的是使用者体验的过程。就我个人观点而言，UX设计师在做的的事情其实就是建立产品一系列带给人的印象（感觉），这样子的印象建立从营销规划开始到产品实际使用的情境，从程序运作的效能到UI的色彩规划都包含在其中；每一个环节UX设计师都需要评估在特定的时间点，产品到底给用户产生了怎么样的印象，同时思考是否符合设计的预期。　　大部分的UX设计师会透过真人测试，分析使用者的使用情形

3、，发现需求并提供可能的解决方案，即使在没有真人测试或是案例不足的情况底下，也会持续的运用各种假设，思考、分析使用者在当下可能产生的行为，以及每一个行为背后的预期目标，并根据这些行为目标对用户体验进行设计或者优化。　　举个例子，前阵子刚好看到一篇文章再讲该如何去设计「关于我们」这个页面，文章中提到的第一个问题点：　　为什么使用者会点进「关于我们」　　这个…几乎没有人会点的页面呢？而这个问题会在进一步的延伸到…用户背后的预期目标，用户究竟预期在「关于我们」这个页面能够得到些什么信息？如果能够去依照这样的逻辑进行思考，就应该不会设计出在「关于我们」这个页面贴上那万

4、年不变的公司目标或是公司理念之类的乏味信息吧。（当然，如果写得很有趣或是很吸引人是另当别论啦XD）　　若要能够有效的改善整体的设计体验，在思考上述问题的同时，UX设计师会开始进行实际的使用者访谈、使用者行为观察，并搭配数据搜寻的方式来了解用户背后真正的目标，在确认目标之后开始考虑该用什么样的方式与使用者进行互动才能在传达内容的同时又能达到一个良好的页面体验？　　相信到目前这个步骤为止，我们讨论的既不是「视觉该如何呈现」，也不是「程序代码该如何去写」，而是去看见使用者的需求并基于这样的需求进行体验上面的优化，这就是UX最核心的概念吧（当然，在这样的流程过后可能

5、会产生满坑满谷的程序代码跟满坑满谷的视觉设计图吧…（翻桌））。　　另外一个例子，不知道大家还记不记得上一个版本的Airbnb，打开的时候第一眼是什么样的感觉？旧版的Airbnb首页上方用一段又一段具有质感的短片，营造了一种让你想马上背上背包，亲身走到别人的家里进行体验，立刻出发旅行的氛围，但…大家有没有想过为什么Airbnb用的是影片而不是照片呢？而且为什么是没有声音的影片，不干脆把现场的声音给播放出来？别犹豫啦！试着把影片替换成照片或是加上声音，很快地你会发现这样子的页面产生的效果其实是完全不同的！原先那种静静的驱动你去做些什么事情的体验设计，其实效果是远

6、大于单纯静态的图片的呈现，或是加上过于引人注目的声音干扰。　　注：近期有不少的LandingPage常常都会用无声的影片搭配黑色屏蔽塑造分为，其实营造的感觉真的还不赖。（当然…影片要拍得好）　　　　关于UI（UserInterface）　　对于UX有了初步个观念后，我们再来聊聊UI，Userinterface又是什么？UI讨论的其实就是UI呈现的流程，用专业一点的术语来解释，所谓「UI」其实就是一种输入和输出的设计。　　嗯…还记得我以前在读电机系研究所的时候，有一堂课叫做人机UI设计，当时我兴高采烈地以为有机会做到我想象中的UI设计了！！（欢呼），但是到了上

7、课教室后发现我们要写的是USB的串接，屏幕的数据汇流之类从天堂掉到地狱的设计内容。当时，我们需要使用开发版来进行测试，也是到那时候我才深刻地了解到，开发版上面USB的传输叫做UI，显示器的传输也叫做UI，我们需要去思考该要放甚么样的数据进去（Input）并得到怎么样的输出（Output）来确保开发版的运作跟我们预想的流程是相同的，同时使用者（悲惨的研究生）也能根据输出的结果去进行进一步的操作行为→对！这其实就是一种广泛，术语上的UI设计，只是在这样的设计过程中，视觉输入的内容大部分都被我们在程序里面实做完啦！　　OK，回到主题，通常UI设计师会依照UX设计师

8、流程上面的需求进行考虑，开始规划Wireflow，W