• 相關文章
  • 文字效果
  • 調色教學
  • 合成教學
  • 去背教學
  • 照片後製
  • 電腦繪圖
  • 設計教學
  • 動畫教學
  • 簽名製作
  • 其他教學
  • Illustrator
  • CorelDraw教學
  • 攝影教學
  • 3DMAX教學
  • AUTOCAD教學
  • MAYA教學
  • FireWorks教學
  • flash教學
  • 繪畫教學
  • PS作品欣賞
  • 包裝設計範例
  • LOGO設計範例
  • 封面設計範例
  • 名片設計範例
  • CG繪圖設計
  • 海報設計
  • 網頁設計範例
  • PS筆刷下載
  • PS濾鏡下載
  • PS動作下載
  • PS背景下載
  • PS樣式下載




  • 【 設計理論】設計師應該知道的15個UI優化秘訣




    設計師應該知道的15個UI優化秘訣

    這一次的教學是屬於設計理論領域中的設計理論的相關教學。

    文章出處是來自優設的設計理論類文章,寫教學的作者是佚名,感謝佚名提供設計理論的實作教學。

    教學大綱:

    上期那篇設計師應該知道的16個UI優化秘訣,非常受歡迎,小編看到很多同學都mark了,不知道閱讀了沒有呢?可不要存起來就拋之腦後咯,今天續譯的文章已經出爐了,趕緊來瞧瞧。


    設計理論教學開始

    上期那篇設計師應該知道的16個UI優化秘訣,非常受歡迎,小編看到很多同學都mark了,不知道閱讀了沒有呢?可不要存起來就拋之腦後咯,今天續譯的文章已經出爐了,趕緊來瞧瞧。

    本文原作者加拿大UI設計師Jakub Linowski

    設計師應該知道的15個UI優化秘訣

    設計師應該知道的15個UI優化秘訣

    設計師應該知道的15個UI優化秘訣

    設計師應該知道的15個UI優化秘訣

    設計師應該知道的15個UI優化秘訣

    設計師應該知道的15個UI優化秘訣

    設計師應該知道的15個UI優化秘訣

    17:嘗試顯示狀態,而不是狀態無關

    在任何用戶界面中,我們經常可以有不同的狀態顯示元素。有可以讀取電子郵件,未讀消息,發票狀態、支付與否。接口狀態,可以幫助人們了解到,不論他們過去的行為已成功開展,以及是否應採取行動。

    設計師應該知道的15個UI優化秘訣

    18:嘗試創造效益,而不是僅僅停留在任務按鈕

    試想一下,同時有兩個按鈕顯示在頁面上,一個告訴你”存款”,另外一個告訴你”註冊”。第一個按鈕有較高機會被點擊。相反,註冊過程需要努力,往往需要填寫N多冗長的字段。這是一個假設,加強利益按鈕,可能得到更高轉換。另外,也可以放置跟利益密切相關的按鈕,告訴人們為何要這麼做。當然,任然有空間,基於任務環路,可以保留那些經常用到的入口按鈕。

    設計師應該知道的15個UI優化秘訣

    19:嘗試直接操縱,而不是上下文的菜單

    當顯示數據表格時,我們通常要允許用戶可以自由操作表格項。點擊、或懸停在某一數據時,對數據進行快捷的刪除、修改、重命名等操作。點擊數據項(如文本),則變為可編輯則是另外一個典型例子。

    設計師應該知道的15個UI優化秘訣

    20:嘗試公開領域,而不是創造額外的頁面

    這個容易理解,直接看圖:

    設計師應該知道的15個UI優化秘訣

    21:嘗試轉換,而不是瞬間變化。

    經常出現的界面元素,隱藏,移動,轉移,並調整其大小,為用戶體驗各司其職。元素作為回應我們的互動,例如通過時間元素,能更容易讓人理解剛剛發生了什麼。而一個內置的動畫或過渡的效果,故意延遲,讓人適應位置變化所需的時間。但請記住,我們開始增加這種轉變的持續時間超過0.5秒,會有如下情況,人們可能會開始感到疼痛。對於那些只是希望把事情做得很快的人,過長的延遲,當然可以是一種負擔。

    設計師應該知道的15個UI優化秘訣

    22:嘗試逐步參與而不是倉促簽約

    為什麼不讓用戶首先執行一個任務通過它演示了一些有價值的東西,而不是要遊客立即註冊。像這樣的交互產品既能展示它的好處,還可以有助於個性化。一旦用戶開始看到你的產品的價值,看看他們如何能使它更個性化,他們將更樂於分享與你額外的信息。逐步參與是儘可能的推遲簽約過程,讓用戶自定義產品與服務。

    設計師應該知道的15個UI優化秘訣

    23:嘗試減少邊界,避免影響用戶注意力

    用戶真正需要的內容,如果存在邊界的話,會更加分散用戶的注意力。雖然邊界可以準確清晰的定義劃分一個片區,但卻也成為用戶認知能力的負擔。為了定義屏幕元素之間的關係,元素可以僅僅通過靠近、對齊、不同背景,甚至只是一個相似的排版樣式即可。

    設計師應該知道的15個UI優化秘訣

    24:嘗試銷售福利,而非功能

    人們傾向於關心特性而不是利益。好處他們隨身攜帶更多的清晰定義的值。克里斯·吉爾伯在《100美元啟動》寫道,人們真正關心有更多的:愛、金錢、認同和空閑時間,同時希望有更少的壓力,衝突,麻煩和不確定性。 展示特性的時候,儘可能用給用戶的好處來代替,當然,功能是可以偶爾出來一下的。(譯者理解:把功能性的陳述轉意成對用戶得到好處的陳述。)

    設計師應該知道的15個UI優化秘訣

    25:盡量使用零數據,而不是非常多數據

    一些情況下,你會有0、1、10、100、或10000 +數據結果可能需要以某種不同的方式顯示。最常見的場景可能是第一次使用的過渡與零數據對未來使用更多的數據。我們經常忘記去設計這個初始情況仍沒有任何顯示,通過這樣做,我們可能會忽視用戶。一個零數據世界是一個寒冷的地方。當用戶第一次看你的應用程序和它所做的就是顯示一片空白,沒有任何指導,那麼你很可能錯失一個機會。零數據狀態是完美的候選人獲得用戶在最初的障礙學習跟他們下一步要做什麼。好東西規模和用戶界面也不例外。

    設計師應該知道的15個UI優化秘訣

    26:試着選擇退出,而不是選擇

    選擇推出策略,意味着用戶會無需任何行動就可以做一些事情。或者,也有更多傳統的推出策略,為了收到一些新信息,首先要讓人們採取一些行動。兩個更好的理由說明喜歡選擇退出比傳統推出更好:第一,選擇退出減小了用戶行為軌跡的阻力,因為用戶不需要做任何事;第二,推薦選擇,也是某種規範暗示 —— “因為別人需要它,所以,我可能同樣需要。”當然,選擇退出策略常被認為是有爭議的,因為有很多人濫用這樣的功能給用戶製造麻煩。用戶為了某些事,在不知情的情況下而註冊。因此,在道德標準範疇內,如果你決定使用選擇退出方法,確保你的默認選擇退出對於你的客戶清晰和容易理解。畢竟,這個策略也被使用在歐洲挽救生命。

    設計師應該知道的15個UI優化秘訣

    27:嘗試界面一致性,不要讓用戶重新學習

    爭取在用戶界面設計一致性。保持一個更加一致的用戶界面或互動方式,以減少學習量。當我們按下按鈕和換檔滑桿,我們學會期待看到這些交互元素,我們的行為被我們所期望的方式反覆。一致性鞏固了我們的學習方式進行互動。如果界面不一致,我們會被迫進入重複學習模式。如:顏色,方向,行為,定位,大小,形狀,標記和語言,等可以實現一致的元素。我們一度讓一切保持一致,但是,請記住,保持不一致的事情仍然有價值。從我們潛意識中,要求不一致的元素或行為 – 它可以是一件好事。試試吧,這種潛意識讓我們常常能夠打破常規。

    設計師應該知道的15個UI優化秘訣

    28:嘗試使用智能默認值,而不是要求做額外的工作

    使用智能默認或預填充表單字段,這是一種常見的技術,幫助用戶更快地移動表格,消除他們的工作量,尊重他們有限的時間。嘗試顯示預裝值進行驗證,而不是要求每次重新輸入值的字段。更少工作,就會更好。

    設計師應該知道的15個UI優化秘訣

    29:嘗試公約,而不是重新發明輪子

    公約比一致性更具備共識基礎。如果我們保持一致性的用戶界面,人們便可以輕而易舉的完成任務。另一方面,我們還可以讓業務流程儘可能有相同的多個入口,進一步降低學習曲線。在這些幫助,我們學會了建立UI約定關閉屏幕窗口的右上角(通常),或期望一定看從我們的設置圖標。當然有時候,在新模式下,一個約定不再服務的目的。非常規時,確保它目標明確,具備良好的意圖。

    設計師應該知道的15個UI優化秘訣

    30:嘗試讓用戶厭惡損失,而不是強調收益

    我們想贏,但是我們不想失去。據說服力心理學規則表明,我們可能更傾向於避免損失比獲得收益。這可以應用到提供的產品是如何被選中並溝通。

    設計師應該知道的15個UI優化秘訣

    — —

    文章永久連結為: 設計師應該知道的15個UI優化秘訣