《破繭成蝶》筆記之設計友好而易用的介面
從需求階段過渡到介面階段,就可以細化介面了。在設計中有一些技巧,可以幫助大家設計出更加友好而易用的介面,從而減少使用者理解和操作的成本。
一、如何簡化複雜的操作
可以通過減少干擾項、轉移複雜操作,簡化操作方式,優化操作步驟等方法。
減少冗長步驟和干擾項
人在處理資訊、學習規程和記憶細節方面的能力是有限的。選項越多,步驟越長,使用者需要耗費的注意力和理解力就越多,所以少一次跳轉,就少一次注意力的轉移,會讓使用者操作起來輕鬆許多。
將複雜操作轉移給系統
每一個任務都有其固有的複雜性,無論在產品開發環節還是在使用者與產品的互動環節。這一固有的複雜性都無法按照我們的醫院小時,所以只能設法調整平衡,把複雜的操作轉移給系統。
簡化操作方式
簡化使用者的操作路徑,可以有效地節約使用者使用成本,進而提升使用者體驗。
優化操作過程
提供合適的首選項、適時幫助、及時反饋、提供合理的預設值,等等,這些細節的優化,可以幫助使用者降低出錯機率,更順暢地完成任務。
2、資訊量太大,介面怎麼擺
讓頁面層次不言而喻
在設計以資訊呈現為主的介面的時候,我們可以將要呈現的大段資訊分解成易理解的資訊模組,根據“使用者想看到什麼”和“我們想讓使用者看到什麼”,為內容模組排列優先順序。再根據使用者的瀏覽資管,將不同優先順序的資訊放置到相應的頁面位置。
邏輯相關的在視覺上分為一組 :讓相關的資訊在視覺上分為一組。可以利用“接近原則”,將相關內容組織到一起,以使頁面之間的邏輯關係更清晰。
內容或重要程度不同的在視覺上體現出差異 :對於同類內容可以使用“接近原則”,對於內容或重要程度不同的資訊就要使用“差異原則”。因為不同資訊,如果表達形式過於類似,會造成誤解,需要強化差異。
邏輯上有包含關係的在視覺上巢狀:邏輯相關的部分,在視覺上也應該是相關的,要讓使用者一眼就能看出內容之間的關係。
讓重要資訊跳出來
我們可以通過視覺設計的方法,如字型加大加粗、色彩對比、新增背景色等,強調介面的重點元素。而其他非重點的元素應該儘量藏起來,或是顯得暗點寫,從而使介面的重點“跳出來”。
將重要資訊“藏”起來
隨著產品、功能的增加,很多網路產品正在變得越來越臃腫,介面上的元素也越來越多。調查表明,80%的使用者只會使用20%的功能。所以,設計師不應將那80%只有專家使用者才會使用的功能放在顯眼的位置。
為了不影響新手和中間使用者使用,我們應將那些次要的資訊“藏”起來,待使用者需要時再將他們展示出來。
理性的規劃VS感性的介面
對於設計師來說,既要學會理性的規劃網站層級和邏輯,又要學會通過感性的介面吸引使用者.
二、以人為本的介面設計
如何讓使用者被你的介面吸引,進而願意通過操作來完成任務呢?首先,我們要了解使用者,知道使用者有什麼樣的需求,他想要的是什麼。
其次,我們要保證我們的頁面邏輯不是錯誤的,可以讓使用者順利完成任務。
最後,我們要力求讓設計形式符合使用者的心理模型,讓使用者感受到“人性化”的設計。
幫助使用者找到想要的東西
資訊組織與分類的目的,就是讓資訊易於搜尋。讓有明確目標的使用者能夠快速找到所需資訊;有不確定目標的使用者,通過瀏覽與尋找,一點點明確自己的需要,最終找到資訊;讓沒有目標的使用者在探索中激發需求。
吸引無目標使用者
對於無目標或目標不明確的使用者,我們不能再用理性、邏輯的思維方式來對待他們,而是要通過充分的換位思考,用感性的思維方式來給他們營造貼心、友好、有吸引力的介面。
符合使用者心理模型
在設計過程中,設計師也該充分考慮到使用者是如何理解產品的,並在互動設計的表現形式上更貼近使用者的心理模型,避免枯燥的邏輯直接呈現給使用者。
三、捕獲使用者的芳心
1. 來自真實世界的情感
如果設計中的介面元素與現實中的潛意識因子相呼應,勾起使用者的回憶,引起使用者的共鳴,那麼當用戶看到介面時,就能夠另其產生認同感和情緒體驗,與介面產生情感互動,從而引導使用者積極操作。
擬物化的視覺
最直接的借鑑現實世界的設計方式就是擬物化。通過模擬現實中的物體,使使用者產生熟悉感,讓資訊與功能更加易於識別和理解。
隱喻化的操作
視覺表現難以擬物時,也可以通過模擬現實中的操作,使用隱喻的方式讓使用者對操作感到熟悉。
2. 特性的設計惹人愛
在網際網路產品中,貼心的設計同樣可以俘獲使用者的芳心。
可控的感受
調查表明,如果介面沒有任何提示,80%的使用者會在2秒內直接關閉視窗。如果介面有提示或是載入狀態,使用者的離開率就會極大地降低。載入狀態提示還可以增加使用者的可控感,形成操作預期,使使用者安心。
積極的反饋
人在表達之後,總是希望得到積極的反饋。積極的反饋可以增強使用者的信心,提升使用者體驗的愉悅感。
貼心提醒
在使用產品時,使用者難免會有遺忘或是疏忽的時候,此時給予使用者一些貼心的提醒,可以提升使用者對產品的好感。
3. 如何調動使用者的情感
產品要讓人感到愉悅並能深深地吸引使用者。如何才能調動使用者的情感,使使用者在於產品的互動過程中產生積極正面的情緒,從而愛上你的產品呢?
互動的樂趣
人是社會化的動物,在意情感的雙向表達。產品應該讓使用者感覺到,自己的一點一滴都被系統感知,滿足使用者的參與感和被尊重感。利用互動因素可以極大提升使用者介面的趣味性,調動使用者的情感。
驚喜的力量
驚喜通常會令人開心,因為這是超出預期的體驗。如微信特定文字“麼麼噠”彩蛋。
情景的烘托
為產品設定一個故事情節,通過視覺、互動和動效的烘托,把使用者代入到情境中。這種講故事的方式很有趣味性,也可以很感人,能夠有效吸引使用者的注意力,調動起使用者的情感。
下一篇分享《設計標準》