交互裝置概念設計案例

A. 交互設計案例

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

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

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

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

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

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

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

再詳細規劃局部導航：

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

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

B. 生活中有哪些交互設計的實例

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

C. 什麼是交互裝置

可以讓人與機器或者別的什麼互動的裝置。比如說Ice Angel那樣，讓人給LED燈牆一個信號（可以是回動作也可以使聲音答或者別的什麼）然後LED燈牆給人相應的反應，這樣的裝置，就是交互裝置。當然，交互方式多種多樣，我就是舉個例子。

D. 交互設計的類型有哪些 怎麼進行互動式設計

以用戶為中心的設計流程，關注用戶的使用流暢度和方便性，符合內用戶使用習慣容的解決方案。交互不一定需要很華麗的界面，但是使用過程肯定是很人性化，減少用戶思考返回的次數。」 在電子雜志中 在電腦或者手機 或者ipad的展示上都有很大差距。 具體可以理解為 用戶所做的動作，系統都可以對用戶所做的動作進行反饋。 小到翻頁的小動畫 大到查看一個汽車時 點哪裡哪裡放大 甚至是在翻書思考時系統蹦出的一句注意保持視力。這些微小的或者是復雜的體系 從視覺上 表現形式上 系統設置里 都可以認為是具有交互性的。甚至說一個電子雜志提供了人與人相互交流 即時點評之類的也可以說具有交互性。 具體我的建議是去觀看一些蘋果ipad上的電子雜志 。文字能體現的太小了。去看看那些 感受你手指每一個動作雜志會發生的變化 。你就理解什麼叫交互了。 不過是更深層次的挖掘人類的需求 為人提供更多的服務

E. 交互設計如何設計作品集

交互設計作品集製作流程

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、最終制圖和排版

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

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

F. 跪求一套完整的手機交互設計方案，在線等，大神速來。。。

一般這種做的好的商業價值高的方案你就是200塊錢人家都不賣給你啊 不如你去網路文庫找找2012年左右的 比較完整的，設計思路大體是一樣的

G. 什麼是互動式界面設計

通過口頭或白板的形式，向團隊成員描述設計圖跳轉邏輯，很難清晰完整傳遞信回息。答

成員疑問多，開發過程反復確認細節，項目上線時間被迫推遲。

用藍湖，設計圖邏輯連線、交互說明、分狀態展示、高保真原型製作預覽。

對設計圖進行樹狀連線，清晰展示跳轉邏輯。

還可在一旁添加細節說明，方便團隊成員的理解。

H. 生活中有哪些交互設計的實例

杯子與碟子 鏡子與擴大鏡