交互設計案例分享網站

1、有什麼好的學交互設計的網站

站酷 、盒子UI 、優艾網 、花瓣網 、dribbble 、pinterest、UI欣賞  這些都是不錯的網站。

未來的設計師必須具備UI設計+交互設計能力，所以學習UI設計不能僅僅停留在網站設計，還能有一定的技術能力，做全能型UI設計師。那麼你需要掌握：
1、軟體基礎（PS、Ai、FW、CD、DW）
2、平面設計（美術、圖像處理、VI設計）
3、網站建設（web界面、web前端開發、H5界面交互動效、）
4、智能設備及交互界面設計（移動產品設計、多系統圖標、UX、原型圖等）
5、職業規劃（簡歷求職指導，推薦就業）

2、交互設計案例

?

3、網站的交互設計主要是做什麼？

①當你的Boss需要做個產品時，它首先必須是可實現的，這也是為什麼核心程序員架構師的待遇普遍較高的原因，因為他們是生產力。那麼成功的產品首先要具備–可實現模型。 yixieshi

②產品做出來干什麼?「方便用戶，讓用戶玩的爽?」當然不是，產品的終極目標是盈利，你的領導也只關心這個。怎麼才能盈利，而且是可持續的盈利。這需要具備第二個要素–業務模型。

③有了實現模型和業務模型產品就成功了嗎?以前是，但如今時代不同了，大多數的應用已經不存在技術難題，在這個企業不缺系統，互聯網不缺產品而用戶不懂技術的時刻，你靠什麼贏得用戶?強大的運營隊伍也只能推動一個峰值，最根本的還是需要產品的第三個要素–使用者模型，使用者模型像水一樣，可以成就一個產品，讓產品走的更遠，也可以毀掉一個優秀業務模型的產品。

4、交互設計比較好的網站有哪些

站酷 、盒子UI 、優艾網 、花瓣網 、dribbble 、pinterest、UI欣賞 這些都是不錯的網站。
未來的設計師必須具備UI設計+交互設計能力，所以學習UI設計不能僅僅停留在網站設計，還能有一定的技術能力，做全能型UI設計師。那麼你需要掌握：
1、軟體基礎（PS、Ai、FW、CD、DW）
2、平面設計（美術、圖像處理、VI設計）
3、網站建設（web界面、web前端開發、H5界面交互動效、）
4、智能設備及交互界面設計（移動產品設計、多系統圖標、UX、原型圖等）
5、職業規劃（簡歷求職指導，推薦就業）

5、交互設計如何設計作品集

交互設計作品集製作流程

1、查看院校要求

不同院校專業的側重點不同。

UAL lCC的MA Design for Social Innovation and Sustainable Future，它的研究點是未來、可持續發展。這代表著應用的領域更廣闊，同學們選擇的主題更不受限制。同學們可結合科技，展示人文的溝通交流以及情感的表達等進行設計。

同學們要根據目標院校的要求來製作作品集，選擇的主題與院校要求契合，這樣才能大大地提升被錄取率。

2、主題確定

作品集的主題要多元化，讓考官看到你其他方面的可能性，而主題可以是多方面的：

比如偏向實用類或是細節設計的主題、全球化發展與變化的主題、可持續發展方向的主題、對未來的社會形態意識的思考主題、科技類主題、概念類主題等，不管是哪類主題，最好結合專業要求製作項目。

3、調研

確定主題後，就需要圍繞主題進行相關的問題調研和用戶調研。

如果你要做的是關於產品的交互設計，你就要問問那些使用過產品的人，看看他們遇到了什麼問題，他們覺得哪裡很不爽……

4、用戶自畫像

在調研用戶的過程中，會接觸各種各樣的人，他們有著不同的職業、年齡、興趣愛好等。

但他們也有一些共同性，比如比如現在大家都知道80後、90後都在用微信，已經不使用QQ了，反而那些小學生更喜歡用QQ，這就是用戶群體的共性。

把這些「有相同共性」的「用戶特徵」整理起來，也就是用戶的主要特徵，可以用一個虛擬的人物去代表這個「群體」，這就是我們所說的用戶畫像。

除了確定用戶的主要特點外，還要確定他們的需求和目的。為了增加真實性，可以給人物角色（Persona）取名字，選一張照片，細化他們的背景資料。

5、寫問題腳本

寫問題腳本主要是為了將問題描述清楚，只有認清問題，才能更好地解決問題。

在描述問題的過程中，我們需要把用戶畫像帶入到「產品的使用場景」，羅列出用戶在使用產品時可能遇到的問題，此環節是為了凸顯「問題」，可以寫成一個故事便於別人理解。寫的方法也非常講究，需說明：用戶是誰（用戶畫像）、在什麼情況下、做了哪些事情、產生的疑惑是什麼、產生的情緒是什麼、接下來他是怎麼解決問題的……

問題腳本盡量寫得詳細點：場景介紹的詳細、用戶畫像介紹的詳細、用戶任務介紹的詳細、用戶行為詳細、用戶問題、用戶情緒、用戶痛點都記錄的詳細，而並不是要你把每一步操作點擊了什麼寫的很詳細。

6、寫動作腳本

動作腳本是記錄用戶「具體操作過程」，通常情況下，每個人的需求和場景都不太一樣，所以操作的過程也不完全一致，你自己操作的時候覺得沒問題，但別人就遇到了問題，所以你需要把對方的使用過程詳細描繪出來，這樣才能反應出問題。

7、簡明扼要的可視化展示

接下來就是要提出設計方案了，並將設計方案通過視覺語言展現出來，最好按照講故事的方式展現：

①發現問題，想要解決問題

②怎麼一步步解決問題，在解決問題的過程中做了什麼？

③交代遇到的挑戰和限制，自己怎麼解決的，現階段解決不好的，在未來解決的機會點在哪裡？

而設計的視覺表現的形式則有很多種：大致包括思維導圖、故事版、線框圖、用戶流程圖user flow、小樣mockups、模型製作、產品（或APP，網頁）設計、沉浸式、裝置藝術、實驗影像、VR等。

8、用戶測評

我們往往對自己的設計存有偏見，而通過用戶反復測試原型，可以找到問題並修改和完善自己的設計。「用戶」可以是使用者、其他設計師、工程師、其他利益相關者等。

9、最終制圖和排版

排版的重要性就不多說了，同學們一定要按照一定邏輯進行排版，清晰地將設計的製作過程展現出來。

國外名校的考官希望看到學生的思維過程，一個設計從無到有的過程是否合理又有新意，設計背後的過程以及這個過程體現的是否清晰明確有理，是體現學生設計能力的有力證明，也往往是學校里教授們關注的重點。

6、生活中有哪些交互設計的實例？

杯子與碟子 鏡子與擴大鏡

7、什麼才是網站正確的交互設計方式

交互指的是產品與它的使用者之間的互動過程，而交互設計師則是秉承以用戶為中心的設計理念，以用戶體驗度為原則，對交互過程進行研究並開展設計的工作人員。

交互設計（InteractionDesign）是指設計師對產品與它的使用者之間的互動機制進行分析、預測、定義、規劃、描述和探索的過程，即定義人造物的行為方式。作為一門關注交互體驗的新學科在二十世紀八十年代產生了，它由IDEO的一位創始人比爾·莫格里奇在1984年一次設計會議上提出，他一開始給它命名為「軟面（SoftFace）」，他後來把它更名為「Interaction Design」――交互設計

交互設計師善於表達，以網頁語言表達產品所要告訴用戶的信息，同時顯示用戶的操作功能。

所以，凡是涉及到表達、傳達的問題，都可以找交互設計師來做，也應該由交互設計師來做。產品經理考慮要做什麼產品才有價值，交互設計師考慮怎麼把這個想法最有效的轉化成一系列的界面展現給用戶。除了展現，還有和用戶的交互。這個展現、交互的過程就需要一定的表達能力。這種表達能力並不是我們平時所特指的口頭表達，而是使用網頁語言表達。我們經常會討論一個按鈕的位置，討論某個狀態下游標的樣式，討論應該寫成「登錄」而非「登陸」等等：這些都是網頁語言表達。

8、有哪些關於交互設計方面的好網站

中國設計之窗，這里不單有設計大師設計作品集，還有許多設計行業類的資訊。　
對設計有興趣的兄弟，這個網站必是收集添加首選　

9、交互設計做什麼

Ⅰ、 先了解一下交互設計的基本概念：
交互設計是一種目標導向設計，所有的工作內容都是在圍繞著用戶行為去設計的。交互設計師通過設計用戶的行為，讓用戶更方便更有效率的去完成產品業務目標，獲得愉快的用戶體驗。
Ⅱ、交互設計在項目流程中的位置和任務：
項目前期的流程和節點：

職能的細化就是為了讓產品在每個專業環節都做到極致，提高競爭力。如果是為了走流程，每個環節都是任務式的交付，臃腫的分工除了增加成本和拖慢項目進度，沒有實際意義。所以交互設計需要做的足夠好，才能將這份工作做的有意義。
Ⅲ、交互設計的具體職能：
從上圖中可以看出，交互設計主要干三件事：
①定義部分需求 ②定義信息架構和操作流程 ③ 組織頁面元素，製作原型demo

①定義部分需求
以前的慣性思維是需求應該由產品人員負責，設計人員只是實現和改善界面體驗。而產品的真正需求不僅僅來源於業務，還包括使用者的情感需求。在情感分析方面，交互專業是具有優勢的，舉個例子：
一個增值服務的宣傳模塊，業務模型可能是這樣子：

考慮到情感因素後，需求模型會不斷完善：

上圖僅僅是舉個例子，真正的產品人員不會將業務模型想的如此簡單。舉這個例子就是想說明一下產品的需求設計不僅僅是業務模型，還需要考慮用戶情感、用戶行為和運營數據。當產品人員考慮不周全的時候，交互設計師有責任對需求進行修訂和完善，這樣的目標導向設計才是完整的。
②定義框架
這部分的內容屬於交互設計師的核心工作內容，也就是我上一章節所講的框架設計階段。這個階段的產出質量直接影響到業務目標和轉化率。如果框架混亂，接下來的界面怎麼優化都是無效的。這好比大型超市的走道設計，如果路線規劃的不好，再多再大的指引圖標都是低效的。交互設計做什麼？讓用戶快速完成目標，提升操作效率，這才是框架設計的意義所在。
破洛洛文章簡介：本章主要詳述一下交互設計的職能——交互設計師具體做哪些內容？
什麼是框架設計呢？這要分成兩部分內容：
1.關於結構導航的設計
把我們的產品想像成一個巨大的圖書館，我們需要幫助用戶（有目的性的、目的不明確的，無目的性的）尋找他們感興趣的圖書，怎麼幫助用戶准確的尋找完成目標任務，這就是導航設計。導航的設計任務一般在新項目或重構項目。
導航大概可以分為三種類型：結構導航、關聯導航、可用性導航

在框架設計的階段，交互設計師主要關注於結構導航的設計。
結構導航分兩種：全局導航與局部導航。全局導航一般是指無聯系的信息結構做的一級大分類，方便用戶以最快速的方式了解整個網站有什麼大概內容。而局部導航則關注於用戶最方便的快捷操作和業務引導操作。

交互設計師的首要任務就是將業務內容信息組織分類，劃分出主次關系，根據業務目的和用戶習慣定義規劃全局導航和局部導航的設計。那應該怎麼規劃呢？
回到第一個增值服務頁面的例子（虛擬案例，非真實案例）：
將需求梳理後（怎麼梳理，請google抽屜整理法），我們可以確認全局導航：

再詳細規劃局部導航：

局部導航的層級可以不斷往下延伸，通過樹形目錄或麵包屑的方法幫助用戶瀏覽時不至於迷路。
2. 關於流程的設計
之前的案例我們已經基本上確認了模塊需求有哪些頁面，頁面大概會放什麼內容。但真實的用戶任務並不是在一個頁面上完成的，這時候我們就需要通過流程的方式把任務變得清晰和包容用戶的各種誤操作。
虛擬案例：

在流程的規劃設計中要遵循：1.以業務目的為主要導向；2.兼容到用戶的習慣；3.盡量讓流程做減法，多一個流程就會丟一部分用戶；4.任務是連貫和清晰的；5.考慮實現方式的復雜程度；歡迎補充…
③組織頁面元素，製作原型demo
經過了需求的完善和框架的設計，之前的這些工作還是停留在抽象的想法階段，怎麼把想法轉達給項目組的其他人員呢？交互還需要把想法和規劃表達出來，那麼最好的方式就是製作原型Demo。把Demo做出來，讓產品，開發，測試直觀的看到產品的雛形， 再廣泛的接受意見，對原型進行不斷的修正，改進，做簡單的用戶測試繼續挖掘情感需求。
那麼怎麼去組織頁面元素，製作原型Demo？哪些表現層面是交互設計師該重點表達的內容呢？原型的製作又有哪些章法可循呢？這個。.還是等下一個章節再講吧！

10、生活中有哪些交互設計的實例

生活中交互設計的案例隨處可見，如去銀行自助取款時需要和ATM機交互；地體站購票時和自助購票機的交互等等……