小公尺高階互動設計師 產品設計的八個原則

2022-06-12 12:54:08 字數 2986 閱讀 3598

原則1:使用者介面應該是基於使用者的心裡模型,而不是基於工程實現模型

就是把後台本來很複雜的事情通過設計符合使用者日常生活中常用的瀏覽方式或操作方式。其實這一點是設計師把生活中的細節和資料結合的凝聚點,使用者的心理模型抓的越準,介面就會越優秀。

#左邊介面#大眾點評新版的**的搜尋就比之前改得更符合使用者心裡模型;

原則2:培養使用者使用情景的思維方式做設計

要做到這個原則其實是很難的,需要長期的實戰經驗才能做到這點。

再回到現實的介面中來,看看下面的對比:

公尺聊2.0時還是把新增好友放置在好友列表的第一排,使用者很難發現

移動端的虛擬鍵盤一直是科技界無法解決的乙個難題,虛擬鍵盤的主要缺點:1.輸入定位無法反饋,所以無法形成高效的盲打;2.虛擬鍵盤的空間限制,手指的點選經常造成誤按。光是上面這兩點就讓虛擬鍵盤在輸入上大打折扣,所以我們在設計應用程式時,只要遇到input box的控制項時,首先就要想到盡量讓使用者少輸入,或者智慧型的給出參考。

原則4:全域性導航需要一直存在,最好還能預覽其他模組的動態

全域性導航的價值在於可以讓使用者在使用過程中不會丟失資訊,減少主頁面和次級頁面之間的跳轉次數,當然全域性導航中的info-task要能在當前頁面完成,如果需要跳轉到新介面,就會失去全域性導航的意義,因為當出現多個info-task的時候,就需要使用者不停的進入全域性導航頁面來完成。

facebook 的朋友請求,訊息,通知都是採用全域性導航的方式,就是面板設計的醜了些~

公尺聊的通知中心,裡面包含的通知型別蠻多的,顯得有點凌亂,希望下面的版本會篩選歸類

原則5:提供非模態的反饋,不打斷任務流

模態彈出框的書面名稱在iphone os中稱作:alert-box,在android os中稱:pop-up box, 我們都知道彈框會打斷任務流,所以在有限的螢幕上怎樣讓這些彈框弱化,或者說優雅、紳士的提醒使用者,這個需要設計師來定義。

模態是指介面中只有提醒彈框才具有可互動行為,其他一切都不可操作;非模態不會把提醒做成彈框,可能會處理成list notification, toast list等方式來提醒使用者。

gmail是第乙個把刪除的模態彈框設計成list notification這種方式的,提醒使用者撤銷剛才的刪除操作,這種非模態的處理,讓刪除的流程更加順暢和輕鬆自如。

k歌達人第二版的彈框就是模態處理,介面很不友好,使用者在k歌過程中要被打斷三次才能發表一首自己唱的歌曲,所以降低了使用者的參與度。

在instagram拍完**後,點選上傳後,它的處理方式是回到首頁的位置,告訴你的**正在提交,並不是顯示乙個上傳進度的介面,讓使用者看那上傳百分比。因此,我們在設計公尺吧上傳歌曲檔案時也只是告知使用者後台正在幫你上傳,叫使用者放心,使用者自然就會去玩其他的功能,沒有讓使用者焦慮的等待,等上傳完畢時,我們再用toast list通知使用者已經上傳成功,這樣把檢視上傳結果的主動權交給使用者。

原則7:自動儲存使用者的輸入成果

原則8:為了程式響應的速度,設計有時候需要擔任掩護的作用

科技並不是萬能的,技術依然是移動網際網路應用程式最需要優化和完善的,作為技術的盟友我們設計人員也需要輔佐他們,讓使用者覺得程式原本就應該是這麼執行的。特別是程式響應的速度很多時候不光是技術的問題,與網路環境也有很大的關係,這時候設計人員需要考慮這些客觀存在的情況,幫助程式來掩護這些瑕疵,讓使用者感覺到在使用時是流暢的。

#隨後實現#instagram帖子「贊」不管對參與者還是帖子作者都是激發其積極性活躍社群氛圍的重要功能,所以在程式的響應方面一定要具有可用,易用的特性,我們看左圖中,「贊」的按鈕已經現實「已贊」,同時我們看紅色框內的「菊花瓣」就知道後台在loading贊的資料,所以這就是設計的巧妙之處,先讓使用者感知到程式是非常快速的,而不是等 loading完之後再顯示「已贊」;

#提前傳輸# instagram中發布帖子的時候,使用者處理完**點選「上傳」按鈕就看到中間的介面,這時候介面是讓使用者去為自己的帖子輸入乙個主題,或者去設定分享等功能,同時我們可以看到紅色框中的「菊花瓣」,很明顯後台已經開始傳輸剛才上傳的**了,所以當使用者在點選「完成」時,資料只需要上傳剩下的一部分,讓使用者感知上傳很迅速;

#邊唱邊完成#把伴奏和使用者的歌聲合成為一首**時需要後台處理大量的資料,如果分步做就要讓使用者等待比較長的合成時間,為了讓使用者不用枯燥的等待合成,我們需要後台在使用者唱歌的同時,後台就已經開始把唱過的伴奏和歌聲合成。

以上八項原則是我在工作中體會比較深刻的互動設計原則,希望能對**到這篇博文的朋友有所幫助。當然設計原則是隨著時間的變化而不斷變化的,所以也請各位朋友完善和補充,謝謝!

本文作者 阿乖設計

初識互動設計師

在網路上找 了一些資料,對互動設計領域有了乙個初步的了解。什麼是互動設計?一款產品最重要的是使用者體驗,而互動設計能夠改善使用者體驗。具體來說互動設計是為了使資訊更直觀,使產品更人性化。互動設計師的職責及產出?即 互動設計師是幹什麼的?互動設計師需要了解使用者的使用習慣,了解使用者是如何來操作,以及...

產品經理 產品設計師

在今天,只有產品的不斷創新才能持續贏得市場和客戶 使用者 而產品經理則類似於某單一產品線的總經理。他不僅僅需要面對客戶,而且需要帶領團隊創造價值。從調研到創意,從概念到設計,從開發到上市,從營銷到跟蹤,從生命週期管理到反饋,產品經理都需要認真負責,將公司的產品戰略成功實現,因此產品經理個人和其所率領...

聊聊互動設計師的成長

關於互動設計師的成長,分享一些想法和經歷 1.互動設計師應當具備的能力 如果我們簡單的將使用者體驗領域涉及到的技能分為 使用者研究 產品 概念 功能 設計 互動設計 視覺設計 工程技術,我認為任何乙個互動設計師和視覺設計師等等,都應該具有整體的復合技能,只是哪部分更多哪部分更少的問題。1 使用者研究...