原型的概念說的簡單直白些就是用戶使用產品的界面模型，原型的設計主要包括三部分：①需求內容的呈現  ②導航和鏈接   ③數據的交換

①需求內容的呈現

1）文本，多媒體內容的呈現 

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

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

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

交互設計是一種目標導向設計，所有的工作內容都是在圍繞著用戶行為去設計的。交互設計師通過設計用戶的行為，讓用戶更方便更有效率的去完成產品業務目標，獲得愉快的用戶體驗。

Ⅱ.交互設計在項目流程中的位置和任務：

項目前期的流程和節點：

4.交互設計如何開展和融入開發流程

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

▎使用者模型不完善 ；

如何改善使用者模型，需要經歷兩個過程：

①業務模型框架化

在產品的概念階段時期，交互設計師需要基關注用戶界面和整體結構，這個過程被稱作“框架設計”,框架設計就是一種基于用戶目標的導航架構和流程設計。這個階段交互的產出物主要有導航架構圖，流程圖和低保真線框圖。

上述的產出物都需要和產品經理反復確認，以保證業務模型的完整。

②.框架界面化

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

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

▎溝通障礙

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

①產品與設計的溝通

在框架階段，交互設計師利用信息架構圖和流程圖能夠將業務需求確定下來。

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

②產品、設計與開發、測試的溝通

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

▎5.小結

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

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

零：項目背景

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

　　項目背景：

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

在做APP的iPad版本設計時，我們常常需要考慮：如何在延續iPhone版本設計特色和優點同時，充分利用iPad的特性更好地進行設計。本文從iPad和iPhone的差異性入手，試圖總結這一設計過程中需要注意的問題。

搜索能夠幫助用戶在海量的數據庫中實現大海撈針，是產品最核心的模塊之一。本篇是從設計的角度介紹搜索模塊，包含Web和ios兩個平臺，下面直接開始正文：

1.快速搜索

搜索是幫助用戶簡單快速的匹配相關內容，最簡單的search box主要包含兩個元素：①文本框   ②按鈕（可以隱藏用回車代替）

　　編者按：本文作者 Nir Eyal 在NirAndFar.com上撰寫心理學、科技和商業的交叉內容的文章。

　　想象這樣一個場景。當你走進一個繁忙的百貨公司，有人走進你伸手向你要錢：“請問可以給我一些零錢搭公共汽車嗎?”如果這個人不是乞丐，而是一個博士呢?

　　作為法國研究的一部分，研究者想要知道，只是通過一些特別推敲的話，他們是否可以改變人們給予一個陌生人多少錢。他們發現了一個簡單而有效的方法可以讓人們給出雙倍的錢。

　　這個詞句的改變不僅增加了人們給陌生人搭公共汽車的錢，也有效地提升了慈善捐款和志愿調查的參與度。事實上，最近一個包含 42 項研究、涉及超過 22000 名參與者的總結分析指出，在請求最后附上的只字片語可以獲得人們的認同，使接受請求的可能性提高一倍。

　　那么，研究者發現的神奇詞句究竟是什么呢?那就是“但是你可以自由選擇接受或是拒絕”。

　　這個發出請求的技巧表明了，如果我們確信選擇是自由的，則更有可能被說服。這種效果不僅在面對面的互動中被觀察到，也存在于電子郵件交流中。盡管研究沒有直接關注產品和服務如何運用這種方法，但是研究提供了幾個具有操作性的觀點來指導公司影響用戶行為。

優異的用戶界面可以讓用戶用得順心，從而提高轉化率(conversion rate)，換言之，好的 UI 在使用與銷售層面上形成雙贏。本文整理了16點優化用戶界面的方法，希望對大家有所幫助。

　　單欄型式優于多欄

　　單欄型式讓你更能掌握自己的內容，從頂部到底部一氣嗬成，用故事引導讀者，最終是要誘引他們「采取行動」(call to action，下稱 CTA，意指下載或消費等目的);而多欄反而可能導致讀者分心。

【導讀】為了在手機屏幕給定的范圍內展示出更多內容，優秀的導航欄設計將起到關鍵性作用，對于不同的操作也當因地制宜地選則不同的設計方案。

　　導航的設計是 App 設計發展過程中很值得玩味的地方，由于移動設備特別是智能手機的屏幕尺寸有限，設計者們通常會將屏幕空間盡量留給主體內容，優秀的導航設計會讓用戶輕松到達目的地而又不會干擾和困惑用戶。

　　經典導航：tabbar

　　Tabbar 的導航方式是由誰發明的筆者不得而知，不過相信大家都同意是由蘋果將其傳播開來。不僅很多蘋果的官方應用采用了這種設計，蘋果同樣大力推薦應用開發者優先采用這種方式。從某種角度來說，tabbar 基本就是導航的標準設計。