做交互方案時,請注意檢查這4個點

編者按:本文總結的4個點都是新人做交互方案時容易遺漏的,看完可以查漏補缺,完善場景,建議閱讀。

作為一名交互設計師,到底什麼程度才能算得上是「專業」?成為一名專業的設計師是否有方法與捷徑呢?答案是肯定的,但是今天我分享的內容還不敢稱之為體系,只能說是幾個小小的經驗吧,希望能給正在奔向專業路上的你有所啟發。

如果你是設計新人,可能你現在還沒有完全形成自己的思維模式,那麼以下這幾點你就可以開始注意了,至少把這個幾點加入到你的考慮範圍內是不會有錯的!

大綱如下:

一、透過現象看本質

二、正向閉環

三、逆向閉環

四、異常反饋

一、透過現象看本質

雖然這句話已經被很多人無數次的提及過,但真正能做到這一點的設計師其實並不多,尤其是沒有經驗的新人,為什麼先說這一點呢,因為只有看透了本質,你的方向才有可能是正確的,後面做的努力才不會白費。

那到底什麼樣的思維模式才能算是透過現象看本質呢?

福特汽車公司的創始人亨利·福特曾經說過這樣一句話:「如果我問我的用戶,他們只會說要一匹更快的馬」。

如果說「要一匹更快的馬」是一個設計需求,三種不同程度的設計師分別會這樣想:

1. 糟糕的設計師:馬的奔跑速度本來就是天生的啊,怎麼可能讓它更快呢?這是一個無理的需求,真是沒事找事!

2. 普通的設計師:如何能讓馬跑的更快呢?我要嘗試給幾種方案,給馬吃更好的飼料、減輕馬鞍的重量、增加馬鞭對馬的疼痛感達到增加刺激的效果······

3. 優秀的設計師:用戶為什麼會要一匹更快的馬呢?其實無非就是想要更快的到達目的地,那我是否能換一種工具來直接取代馬呢?比如說汽車。

我們很容易就看出三種不同思維模式的區別,優秀的設計師會通過需求的表層現象去思考本質,了解本質需求後才能夠創造出更有價值的創意與設計,而亨利·福特也正因為有了這種思維模式,才有了偉大的福特公司。

二、正向閉環

我們再做任何複雜的功能時,最好先只考慮一個正常的、無間斷的正向使用流程,因為這樣你的思路才能夠保證足夠的清晰。而在整個環節中,我們經常會疏漏一些場景,使得整個流程沒有閉環,舉個例子:

我們在做微信分享的功能時,會做如下幾個頁面

而一些新人可能會忘記考慮分享後的顯示頁面,如下圖:

從而導致一個正向操作流程沒有形成閉環,這也是我們在工作中經常會疏忽的地方。所以在做頁面設計的時候,不能單單只是做頁面的布局與排版,而是首先考慮整個操作是否形成閉環。

三、逆向閉環

這一點是之前從一位同事那裡學到的,和大家分享一下,我們先舉個例子:如果有一個掃碼申請加入群聊的功能需求,你會怎麼做?

我們來看下面這個方案:

1.掃碼過後出現申請入群的頁面,2.點擊「申請入群」後,按鈕狀態變成「申請已發出」。

看起來似乎沒什麼問題。但是如果我們反向來推倒:群主如果答應我,那我可以直接進入群聊,如果拒絕也會提示我已被群主拒絕,但是,如果群主沒有給出反饋呢?群主沒有同意也沒有拒絕,也就是說伺服器是沒有接受任何指示信息,那用戶下次再掃碼進來依然還是「申請已發出」的狀態,不會有任何變化,所以通過反向推到後我們發現這個方案是不可行的。

我們需要將設計方案改為:點擊「申請入群」後,此頁面不變,而是進入新的狀態頁面,告知用戶申請已發出,即使在群主忽略的情況下,用戶再次掃碼進來,還可以點擊申請入群,再次發出申請讓群主接收。

上面這個案例告訴我們在某些場景下考慮方案時不僅需要考慮正向路徑,還需要考慮反向路徑,來讓整個流程真正的形成雙向閉環。

四、異常狀態

這個狀態在字面上是很容易理解的,也是交互設計師必須要考慮的情況之一,作為一名新手設計師,經常會被其它人問道:「操作失敗的情況有考慮嗎?」 「如果網路不好、數據載入失敗的情況有考慮嗎······

所以為了不讓別人把自己問倒,我們在做方案的時候一定要把所有可能發生異常狀態的場景全部考慮清楚,這樣才能在每次的評審中處於不敗之地!

以上這些內容是自己在工作中積累的一些小經驗,暫時還談不上什麼體系,因為自己畢竟是做視覺的,關於交互也只是略懂一二,只是希望能夠對新人有一些啟發,希望大家在思維模式上能有所進步,如有不對之處,歡迎一起討論交流!、

歡迎關注作者的微信公眾號:「菜心設計鋪」

「交互設計過程中的實戰方法」

  1. 知識體系丨《給新人設計師的交互設計知識體系》
  2. 設計走查丨《交互設計師如何做好設計走查的工作?》
  3. 可行性丨《面對複雜項目,如何提高設計方案的可行性?》

【優設網 原創文章 投稿郵箱:yuan@uisdc.com】

================關於優設網================「優設網uisdc.com「是國內人氣最高的網頁設計師學習平台,專註分享網頁設計、無線端設計以及PS教程。【特色推薦】設計師需要讀的100本書:史上最全的設計師圖書導航:http://hao.uisdc.com/book/。設計微博:擁有粉絲量180萬的人氣微博@優秀網頁設計 ,歡迎關注獲取網頁設計資源、下載頂尖設計素材。設計導航:全球頂尖設計網站推薦,設計師必備導航:http://hao.uisdc.com

相關文章

  • 經驗分享!如何展示你的設計方案?
  • 騰訊內部神器!為移動端方案設計演示而生的Demoo使用秘籍
  • 思考丨如何做出讓競爭對手難以複製的設計創新方案?
  • 推薦:互動設計方案思路和總結
  • 如何使你的網站擁有受歡迎的交互界面?
  • 涅磐之路!Aviary設計師的Material Design改版實戰
  • 非特殊說明,本文版權歸原作者所有,轉載請註明出處 本文地址:http://www.uisdc.com/interaction-solution-4-key-points

    交互設計, 經驗分享, 設計方案


    推薦閱讀:

    儀容儀錶儀態的培訓方案
    蝮蛇咬傷診療方案
    薦讀:巨大肩袖撕裂7種手術治療方案(上)
    智能茶几方案有哪些內容開發要多久?怎麼做?
    超全的嬰幼兒護理方案(下部)*

    TAG:方案 | 檢查 | 注意 |