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

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

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

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

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

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

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

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

項目前期的流程和節(jié)點：

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

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

▎使用者模型不完善 ；

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

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

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

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

②.框架界面化

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

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

▎溝通障礙

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

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

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

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

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

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

▎5.小結(jié)

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

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

零：項目背景

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

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

設(shè)計師們在思考的問題：

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

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

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

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

八大創(chuàng)意理論

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

  拿到產(chǎn)品后，用戶希望看到怎樣的教育讀本？說明書和教科書也許是不錯的主意，可如果當(dāng)他們對產(chǎn)品功能的探索興趣索然時，我們或許就得換一種更為有趣的表述形式。

在廣告界，從David Ogilvy到Geoge Lois都認(rèn)為通過增加畫面的“故事性”，能夠激發(fā)用戶閱讀畫面背后隱藏信息的好奇心與興趣，從而使得廣告更深入人心。這種對于故事性的熱衷心理，被稱為“故事訴求”。人類自古就用神話傳說，寓言等故事載體作為傳承思想的方式，即使過了千萬年這些內(nèi)容依然被口口相傳，足見故事在信息傳播中的巨大作用。

　　項目背景：

　　國際QQ官網(wǎng)是宣傳國際QQ品牌的主力站點、下載國際QQ的重要入口。舊版國際QQ官網(wǎng)更加偏向于一個門戶類網(wǎng)站，重點提供相關(guān)新聞資訊，互動社區(qū)，群組推薦等基礎(chǔ)服務(wù)，而對于產(chǎn)品本身的功能介紹，品牌推廣以及下載服務(wù)提供的版面較少。雖然網(wǎng)站提供的相關(guān)社交服務(wù)能夠更好的提高產(chǎn)品活躍度，不過由于國際QQ的用戶群體與QQ的用戶群體存在著很大的差異，很大一部分使用國際QQ的用戶并沒有用過QQ，對于產(chǎn)品本身甚至是功能使用還不是很熟悉。而新版國際QQ官網(wǎng)的主要目標(biāo)是以宣傳和推廣國際QQ品牌為主，相應(yīng)的加入適量的社交服務(wù)。減少網(wǎng)站后期的運營壓力，強化品牌風(fēng)格，并且舊版官網(wǎng)整體視覺風(fēng)格已經(jīng)相對過時。在這個背景下，有必要對國際QQ官網(wǎng)進行一次大改版。

分類信息又稱之為分類廣告，將營銷推廣信息發(fā)表在分類信息網(wǎng)站相應(yīng)的版塊，讓有需求的用戶搜索到。分類信息推廣適合做百度快照推廣，分類信息網(wǎng)站收錄快，權(quán)重高，好的帖子很容易在百度搜索結(jié)果中獲得良好的排名。做百度快照推廣中，分類信息平臺是首選的推廣渠道之一。