[ 平面理論教程 ] 交互設計三要素之信息架構和流程設計- 設計教程 - 骨子愛創意

教學主題: 交互設計三要素之信息架構和流程設計

大家好!! 小編今天來和大家分享關於 設計教程中的平面理論教程教學

今天的這個教學主題是: 交互設計三要素之信息架構和流程設計

這教學的重點為這幾點 [ 設計,流程,架構,要素,交互,信息,用戶,任務,完成,產品, ]

希望你可以從這幾點中領悟到修圖的精華

本文重點

交互設計主要分為三部分：信息架構、使用流程以及交互細節。今天我們來談論一下信息架構的產生和交互的流程設計，交互基礎不紮實的同學，可以來補補課。

交互設計主要分為三部分：信息架構、使用流程以及交互細節。今天我們來談論一下信息架構的產生和交互的流程設計，交互基礎不紮實的同學，可以來補補課。

信息架構

說到交互設計，就不能不提需求，因為所有的交互設計的工作都是基於需求，這也是交互設計的第一個着力點。因此，只有深刻理解需求以後，才有可能做出好的交互設計。

舉一個飽含血淚的例子：在做一個項目的過程中，有一個需求是要將一個應用的數據展示做一下調整，使之能夠查看在三個月之內的該數據。當時，自以為已經很了解需求，只是將時間限制放開到三個月，同時，數據的展示限制在一個月內。也就是說，可以查看三個月內任意小於三十天的時間段。優點是：1)滿足了需求;2)頁面顯示效果比較好。但是，自己是沒有真正的理解需求，用戶要查看三個月的數據，更多的是要查看三個月所有的數據，而不是三個月中的一段數據。發現用戶的真正需求后，我們又做了相應的調整，數據的可查時間範圍不變，但是顯示範圍可以是一個可以頁面顯示並能夠之間交互操作的時間軸。這樣，產品的交互效果和顯示效果都得到了很大的提高。相似的功能需求，交互解決方案如圖所示：數據展示頁面窗口大小保持不變，而用戶可以通過調節X軸的滑塊來查看某一時間段的數據。

但是所花費的時間成本、人力成本都在那一點小小的偏差上成了無用功。因此，需求的理解詳細到任何程度都不為過。

交互設計的第二個着力點是競品分析。人們常說，如果一個人要走的快，那就一個人走;如果要走的遠，那就一群人走。在中國當前的環境下，你很容易就能找到三五個相似的產品，充分的競品分析與調研能夠找到你的產品方向，能夠補充你的需求以及用戶場景，同時能夠很好地了解用戶習慣，尊重用戶的習慣是以用戶體驗為中心的交互設計的第一要務。在尊重用戶習慣的前提下，結合自身的優勢與自己產品與競品的定位差異，很容易就得到了你產品大致的信息架構。當然，這不是最終的信息架構。

要得到自己的信息架構，並能夠有自己的特色與創新，還要一個着力點，那就是卡片分析法。關於卡片分析法的文章，網上有很多，在這裡就不一一嘮叨了。如何對卡片分析法結果進行處理，才是關鍵。不過，在這裡要注意“層”和“度”的平衡。所謂的“層”就是你的產品的層級有多深。以移動端的應用為例，移動端的層級最好不要超過五層，因為移動端的應用沒有類似PC網站的麵包屑導航，如果層級太深，用戶很容易在其中迷失，不能找到自己想要的功能。所謂的“度”就是產品功能的分類。產品功能分類的好壞，可以深刻的影響到用戶的體驗以及用戶能不能順利的找到自己想要的功能。這也是為什麼使用卡片分類法的原因所在，卡片分類法能夠將目標用戶內心的心智模型表現出來，有利用用戶順利的尋找到目標。

在信息架構設計中，最後一個着力點是對信息架構的應用。通過對產品的“層”和“度”的整理，對其進行重要度分級。如果有若干一級標籤屬於第一優先級，那麼，這種類型比較適合使用標籤式導航。因為，用戶在相同優先級標籤之間的切換比較頻繁，這樣的導航強調若干相同優先級的標籤之間的切換，使用戶能夠方便的瀏覽到不同分類的信息，這一類的應用比較多，如QQ、淘寶、天貓、京東等。

如果只有一個比較核心的功能且優先級比較高，其他的信息較為次要，這種情況的信息架構比較適合採用抽屜式導航。因為，用戶在當前主要頁面中就能完成任務，就沒有必要進行導航的切換，這一類的應用主要有滴滴、UBER、小米郵箱等。

完成了信息架構的設計，只是完成了產品功能的橫向設計，還有產品功能的縱向設計。產品的縱向設計就要涉及到產品的流程設計，流程設計是在功能展示完備的情況下，對功能之間跳轉的設計，是交互設計中的另外一個重點。

流程設計

相對於信息架構的橫向信息布局與功能分類來說，流程設計更多的是縱向的完成任務的交互點的梳理，以達到讓用戶順利的完成相關任務的目的。對於用戶來講，交互設計流程是指用戶能夠順利的完成想要完成的任務。而從業務層面來講，以不干擾用戶使用流程的方式完成業務需求，才是流程設計的完整定義。

好的流程設計不僅能夠提升產品的用戶體驗，同時，能夠更加順利的完成業務目標。作為兩大國民應用的支付寶和微信，在產品的交互流程上的經驗也充分說明了這一點。通過與春節聯歡晚會的合作，微信不僅實現了全民數百億次搖一搖的互動，同時，實現了在兩天之內完成了兩億張銀行卡綁定的業務目標，這可是支付寶數年才完成的目標。這就是得益於微信紅包的好的流程設計，相反支付寶的效果就沒有那麼明顯了。這也就是為什麼要做好交互流程設計的原因。

交互流程是依附於產品解決任務的過程而存在的，脫離任務來講流程是不恰當的。因此，要做好交互流程設計，首先要明確的是圍繞什麼樣的具體任務來展開。任何一個應用都有一個或者若干功能點，來解決某些問題。針對這些功能點來解決任務的過程就是任務，同一個任務可能有不同的用戶場景。比如，同一個打電話任務就有若干不同場景：從未接電話開始、聯繫人開始、撥號開始等。所以，根據不同的任務，梳理出不同場景，因此，產品的交互流程可能不止一個，會擁有若干基於任務解決方案的流程設計。

完成任務與場景的梳理以後，就要進第二步，就是要針對一個任務的一個主要場景梳理出用戶與產品存在的交互點(InteractionPoint)，也就是用戶在完成任務過程中，與產品之間存在的物理與心理的互動關係。我們以通過微信找到好友併發送消息為例，來說明該任務中存在的用戶與產品之間存在的交互點。在這個過程中，通過對交互點的整理，可以清楚的看到完成某項任務的難易程度，以及對於用戶可能存在的交互障礙，需要在具體的界面設計時，對用進行引導，來避免用戶出現困惑或者錯誤。

接下來就要將業務流程添加到交互點中，與相應的頁面融合。添加業務目標的方法一般有兩種，第一種是將其放置在核心任務流程結束的地方，比如，餓了么、美團外賣等，用戶在完成一次訂餐后，會提示用戶將連接分享給朋友可以獲得相應的優惠券。其業務目標就是讓用戶幫助應用推廣應用，這樣的好處是不影響用戶完成其任務，在完成其任務以後，即使用戶不分享也不會影響其體驗。

另外一種是將業務目標弱化顯示在流程頁面中，比如我們在註冊的時候，都會在底部顯示用戶協議的選項，而其是默認勾選的。因為這些信息使用戶不願意看的，所以弱化處理。

在完成以上任務后，就可以進行相應的流程設計，針對不同的任務與場景製作不同的流程，其中必然會有一部分的交互點重疊，這樣就可以將同一任務、不同場景下的交互流程整合到一起，完成核心功能的交互流程設計。相信大家對具體的流程設計的製作步驟都已經很熟悉了，在這裡就不贅述了。很多同學，覺得到這裡，似乎流程以及大功告成。但是，遠遠不夠;至少，還有兩件事情要完成。

第一件事，相應信息架構的調整。我們一直在強調，信息架構是橫向的信息布局與功能分類，在設計交互流程的過程中，我們會發現有些信息架構的設計、功能分類可能並不是那麼合理，或者，信息架構本身沒有問題，但是在用戶的使用流程中，和用戶的習慣有衝突，這樣就需要調整信息架構，使信息架構更合理。第二件事，就是完成所有的流程設計，包括登錄註冊流程、異常狀況流程等等，其中異常狀況流程包括各種各樣的問題，其中有一個偷懶的方法，就是把網絡異常編號整理出來，合併其中的類似項目，這樣就可以整理出若干類相應的異常反饋，並設計出反饋語言，結合Toast和Alert提示，就可以滿足大部分的異常操作。

因此，流程設計的過程可以總結為：

結合頁面的用戶場景故事，目的在於模擬一個典型的用戶場景，來檢查信息架構和交互流程的設計，是否符合用戶的心智模型。這樣，才能在後期的細節設計中減少由於架構與流程調整而增加的額外的工作量。

交互流程設計的意義更多在於，從功能角度模擬用戶的使用過程，減少用在功能操作中的障礙，提高用戶體驗。但是，無論信息架構設計，還是流程設計都只是邏輯上的模型，只有將這些邏輯表現在具體的界面上，這些邏輯才會有意義，才會為用戶了解、接受。這就牽扯到頁面的布局、Icon的大小、交互動效、控件等等。

看完小編分享的教學之後 是不是對平面理論教程中的設計教程教學更熟悉了呢?

希望我們所介紹的 交互設計三要素之信息架構和流程設計 這教學會喜歡

文章標題: 骨子愛創意- 交互設計三要素之信息架構和流程設計–轉載請註明來源處

本教學分類為平面理論教程中的 設計教程相關教學

文章相關關鍵字為: 設計,流程,架構,要素,交互,信息,用戶,任務,完成,產品,

本文永久連結 :交互設計三要素之信息架構和流程設計

本文轉載自 :VIA