我們做的每個(gè)項(xiàng)目都有各自獨(dú)特的游戲風(fēng)格和設(shè)計(jì)要求，但是所做的每一個(gè)設(shè)計(jì)都希望他們能給人留下深刻的印象。令用戶難忘的體驗(yàn)之一是要讓設(shè)計(jì)有趣。在這次分享中，我們將探討如何利用“有趣”的創(chuàng)意幫助我們的設(shè)計(jì)更吸引人，成為更優(yōu)秀的網(wǎng)站。

自然界任何一種生物體上的構(gòu)造都是有目的的存在，任何一種形態(tài)都是有規(guī)律的呈現(xiàn)，產(chǎn)品也一樣，任何一件產(chǎn)品的存在價(jià)值取決于它的用途和呈現(xiàn)某種規(guī)律的形態(tài)美。

產(chǎn)品研發(fā)與設(shè)計(jì)要圍繞生活中的問(wèn)題，有需才有求，只有切實(shí)為生活提供便利的產(chǎn)品才能得民心得市場(chǎng);可能已經(jīng)有圍繞這個(gè)問(wèn)題的產(chǎn)品，這是好事，說(shuō)明這個(gè)問(wèn)題有必要性，重新開(kāi)發(fā)一件與眾不同的新產(chǎn)品，或改良原有的產(chǎn)品，它們都是多年歷練的"巨人"，改良它就是站在巨人的肩膀上。

UCD中常用的用戶研究方法——問(wèn)卷、一對(duì)一訪談、焦點(diǎn)小組等，更多是將用戶作為研究的客體，通過(guò)用戶語(yǔ)言表述的觀點(diǎn)，了解用戶的期望、需求。而北歐和北美近幾十年、尤其最近十幾年在工業(yè)設(shè)計(jì)領(lǐng)域，逐漸興起的用戶參與式設(shè)計(jì)（participatory design，PD），倡導(dǎo)將用戶更深入的融入到設(shè)計(jì)過(guò)程中，培養(yǎng)用戶的主人翁意識(shí)，激發(fā)并調(diào)動(dòng)他們的積極性和主動(dòng)性。

原型的概念說(shuō)的簡(jiǎn)單直白些就是用戶使用產(chǎn)品的界面模型，原型的設(shè)計(jì)主要包括三部分：①需求內(nèi)容的呈現(xiàn)  ②導(dǎo)航和鏈接   ③數(shù)據(jù)的交換

①需求內(nèi)容的呈現(xiàn)

1）文本，多媒體內(nèi)容的呈現(xiàn) 

最基礎(chǔ)的web頁(yè)面就是文字和多媒體的載體，通過(guò)文字和媒體把需求內(nèi)容呈現(xiàn)給訪問(wèn)者是Web設(shè)計(jì)最最基礎(chǔ)的部分，設(shè)計(jì)師需要將信息分主次的傳達(dá)給訪問(wèn)者，這是設(shè)計(jì)最基本的目的，之前我寫(xiě)過(guò)類似的文章《視覺(jué)設(shè)計(jì)是為了表達(dá)信息》。其實(shí)不管是交互還是視覺(jué)，都應(yīng)該具備排版組織能力，分得清主次，明白目標(biāo)，懂得用戶群，才能談的上設(shè)計(jì)。

了解柵格，有排版功底的交互設(shè)計(jì)師可以省去很多溝通成本：

Ⅰ. 先了解一下交互設(shè)計(jì)的基本概念：

交互設(shè)計(jì)是一種目標(biāo)導(dǎo)向設(shè)計(jì)，所有的工作內(nèi)容都是在圍繞著用戶行為去設(shè)計(jì)的。交互設(shè)計(jì)師通過(guò)設(shè)計(jì)用戶的行為，讓用戶更方便更有效率的去完成產(chǎn)品業(yè)務(wù)目標(biāo)，獲得愉快的用戶體驗(yàn)。

Ⅱ.交互設(shè)計(jì)在項(xiàng)目流程中的位置和任務(wù)：

項(xiàng)目前期的流程和節(jié)點(diǎn)：

4.交互設(shè)計(jì)如何開(kāi)展和融入開(kāi)發(fā)流程

我們先來(lái)梳理一下之前流程上遇到的兩個(gè)問(wèn)題：1.使用者模型不完善；2.溝通障礙

▎使用者模型不完善 ；

如何改善使用者模型，需要經(jīng)歷兩個(gè)過(guò)程：

①業(yè)務(wù)模型框架化

在產(chǎn)品的概念階段時(shí)期，交互設(shè)計(jì)師需要基關(guān)注用戶界面和整體結(jié)構(gòu)，這個(gè)過(guò)程被稱作“框架設(shè)計(jì)”,框架設(shè)計(jì)就是一種基于用戶目標(biāo)的導(dǎo)航架構(gòu)和流程設(shè)計(jì)。這個(gè)階段交互的產(chǎn)出物主要有導(dǎo)航架構(gòu)圖，流程圖和低保真線框圖。

上述的產(chǎn)出物都需要和產(chǎn)品經(jīng)理反復(fù)確認(rèn)，以保證業(yè)務(wù)模型的完整。

②.框架界面化

在定義完功能模塊的頁(yè)面結(jié)構(gòu)和流程后，交互設(shè)計(jì)師還需要設(shè)計(jì)規(guī)劃使用者的操作，這些包括頁(yè)面元素的主次關(guān)系，小部件的處理，元素的組織，界面的引導(dǎo)等等。這個(gè)階段交互設(shè)計(jì)師需要提供原型demo:

原型demo 是一個(gè)過(guò)程，主要用于具象的表達(dá)業(yè)務(wù)需求和定義界面模型，是一種目標(biāo)導(dǎo)向的設(shè)計(jì)過(guò)程。這個(gè)過(guò)程可以是多次迭代的，是提煉產(chǎn)品質(zhì)量的主要手段。有了這個(gè)過(guò)程，我們之前所講的完善使用者模型才能夠得到解決，用戶體驗(yàn)設(shè)計(jì)的理念才可以真正得到實(shí)施。

▎溝通障礙

在產(chǎn)品開(kāi)發(fā)過(guò)程中，各個(gè)部門(mén)的合作與溝通存在著障礙，而產(chǎn)生交互職位之后，這些問(wèn)題都能夠得到解決。

①產(chǎn)品與設(shè)計(jì)的溝通

在框架階段，交互設(shè)計(jì)師利用信息架構(gòu)圖和流程圖能夠?qū)I(yè)務(wù)需求確定下來(lái)。

在框架界面化階段，對(duì)于用戶的操作和界面元素也能夠用原型demo表達(dá)出來(lái)，而且修改成本低，可以快速的迭代。

②產(chǎn)品、設(shè)計(jì)與開(kāi)發(fā)、測(cè)試的溝通

交互設(shè)計(jì)師利用原型demo做評(píng)審測(cè)試是個(gè)非常的方法，這樣的方法能夠不僅能夠直觀的表達(dá)需求，而且可以提供早期的用戶測(cè)試，讓很多之前無(wú)法預(yù)見(jiàn)的問(wèn)題及時(shí)的拋出來(lái)，原型demo是貫穿概念階段和實(shí)現(xiàn)階段的最佳表達(dá)方式，而這些都對(duì)于交互設(shè)計(jì)提出了更高的要求。

▎5.小結(jié)

寫(xiě)了這么多內(nèi)容，主要是想說(shuō)明一下為什么要有交互設(shè)計(jì)和交互設(shè)計(jì)能夠解決什么問(wèn)題。如果決策者不能夠明白這些道理，UCD的方法很難開(kāi)展起來(lái)；如果從業(yè)者不能夠明白這些道理，所做的工作也會(huì)是盲目和無(wú)效的。我想通過(guò)這篇文章幫助一些新手明白自己工作的任務(wù)和目的，少走些彎路。

下個(gè)章節(jié)講「交互設(shè)計(jì)的職能」，會(huì)具體到交互設(shè)計(jì)的工作是如何展開(kāi)和結(jié)束…

零：項(xiàng)目背景

百度網(wǎng)盟推廣平臺(tái)是配合網(wǎng)盟推廣用戶的在線營(yíng)銷平臺(tái)，推廣客戶可以在平臺(tái)上實(shí)現(xiàn)全方位的推廣管理，包括搭建賬戶結(jié)構(gòu)、配置預(yù)算、定向方式、監(jiān)控賬戶投放效果等等復(fù)雜的賬戶操作。但是由于系統(tǒng)的復(fù)雜度和功能性的增加，原有的系統(tǒng)對(duì)新功能的支撐顯得有些捉襟見(jiàn)肘，所以在今年8月份，我們開(kāi)始了對(duì)系統(tǒng)體驗(yàn)的分析和優(yōu)化工作。

工作中，網(wǎng)頁(yè)設(shè)計(jì)師經(jīng)常會(huì)遇見(jiàn)這些狀況：時(shí)間這么短又要出彩、即要大氣又要有氣氛、各個(gè)游戲風(fēng)格要準(zhǔn)確把握、內(nèi)容多頁(yè)面長(zhǎng)……方方正正，四平八穩(wěn)的排版又顯的呆板，估計(jì)連設(shè)計(jì)師自己都會(huì)覺(jué)得越做越?jīng)]趣了。因而每個(gè)設(shè)計(jì)師都需要豐富的創(chuàng)造力，下面就看看這八大創(chuàng)意理論能不能給你下一個(gè)專題帶來(lái)些想法吧。

設(shè)計(jì)師們?cè)谒伎嫉膯?wèn)題：

1.怎樣在滿足需求的情況下，做設(shè)計(jì)；

2.怎樣更快的抓住用戶的眼球；

3.怎樣突破常規(guī)設(shè)計(jì)；

4.怎樣讓自己的設(shè)計(jì)引起用戶共鳴。

八大創(chuàng)意理論

字體圖形化理論、神秘理論、留白理論、幽默理論、最大化理論、組合理論、分子理論、空間理論。