手機產品互動設計:利用設計規避的問題

來源:互聯網
上載者:User

文章描述:作為手機產品互動設計師,利用設計規避問題,提升產品使用者體驗,把體驗轉化成價值,是我們所追求的境界。手機產品設計禁忌,是筆者遇到的一些設計問題,歡迎各路高手協同補充遇到的問題,共同避免重複發明輪子。

在做手機產品設計的過程中,遇到很多看似很小,且很容易被忽略的問題,正是這些小問題,一次次的撩撥使用者的耐心,讓使用者對你的產品心生怨念。剛出道的朋友沒有經過實戰,對細節注意不多,往往都會遇到類似的問題,強調多次後,覺得不如寫下來,給新人共勉。

1、沒有不可點擊的效果

一般按鈕會有四態,不可點擊效果、可點擊效果、聚焦狀態、按下狀態。如果你的按鈕此時處於不可用狀態,那麼一定要灰掉,或者拿掉按鈕,否則會給使用者誤導。

2、菜單層次太深

功能表項目以5~7個為宜,如果有二級菜單,就要注意合理的菜單分類,不能有太多層級的菜單,否則很難預期,也很難找到,尋找和返回都會變得很麻煩。

3、文字長度不加以限制

手機介面很小,寸土寸金,一頁只能顯示下6~10個列表,一行只能顯示下10~16個字,標題列的字數以5個以內為宜,標籤欄也以2~3個為宜,那麼這時候出現文字過長的情況,一定要定義一下處理方式,如果是選擇型的,一般是截斷或者打點縮減;如果是內容閱讀型的,可以折行。但最合理的方式還是精簡文字內容,縮短文字長度。

4、文字表意不明

由於手機是片段時間、片段式閱讀,所以手機介面上的文字表意性要求的更高,更苛刻,一定要在使用者瞟到的瞬間,準確的傳達資訊。除了表意清晰之外,還要求語言精簡,避免囉嗦;使用使用者的語言而不是程式的語言;產品文案體現產品性格。

5、互動流程分支太多

做互動的時候一定要有一個任務流程的概念貫穿始終,使用者是為了完成某個任務而使用軟體的,互動設計師除了關注介面元素、跳轉邏輯和互動反饋之外,還要關注使用者任務,分得清主要任務和次要人物,給主要任務一個暢通無阻的清晰流程,不要給予太多可能的分支,幹擾主要流程。

6、相關的選項離的很遠

相關選項一定要具有操作上的延續性,雖然手機螢幕看起來比電腦螢幕要小的多,但是手機在螢幕上移動的代價,卻要比滑鼠在電腦上移動的代價大的多,如果手機上相關選選離得很遠的話,使用者一是容易迷失,找不到下一步操作,二是需要移動手指,到螢幕另一端觸發操作。

7、一次載入太多的資料

流量、電量、速度和穩定性是手機產品的四個硬指標,如果你的應用不能合理的協助使用者節約流量、電量,提升瀏覽速度和瀏覽體驗,保證應用的穩定效能,就不要談什麼使用者體驗。你可以利用預先載入緩衝、批量載入、動態重新整理、服務端資料壓縮等方式來保證省、快、穩基礎體驗。

8、按鈕可點擊範圍比看起來小

我們都知道移動端有個神奇的數字“44”,根據食指最小點觸距離7mm、拇指最小點觸距離9mm,可以推匯出做設計的時候,最小的點觸距離是44*32 px。你可以設計一個精美的小表徵圖,但是在定義它的點觸大小的時候,卻可以做放大處理,但你千萬不要設計一個傻大的表徵圖,點觸範圍卻比表徵圖要小,這樣會給使用者帶來明顯的誤操作挫敗感。

9、標籤頁跟內容沒有從屬關係

標籤頁跟內容需要有很好的聯動關係,一般一個介面內有二級標籤就足夠複雜了,千萬不要再有三級標籤、四級標籤。每個標籤頁都有自己特有的內容,當切換標籤的時候,內容跟著切換。標籤頁如果是點擊切換,內容部分可以整體重新整理,標籤頁如果是滑動切換,內容頁也要跟著滑動切換,千萬不要一個點、一個滑。

10、把所有的操作都暴露出來

手機產品互動設計要經曆縮減、隱藏、附加、組織的過程,千萬不要妄圖把什麼功能、什麼操作都暴露出來,以彰顯強大。你需要把自己應用的所有功能所有操作做個優先順序設定,那些常用的20%的功能,放在介面的主要位置上,其他80%的操作,放在次要位置或合理歸類組織後,隱藏起來就可以了。

11、沒有空資料介面設計

我們在做設計的時候,往往是提供理想化的情境,使用者都已經進來了,我們怎麼玩。但是,往往應用剛推出的時候,是沒有使用者的,甚至當應用有了一定使用者基礎的時候,新進來的使用者開啟應用的時候,應用仍然可能是一種沒有資料的狀態,再或者當使用者清楚了全部資料,這三種情況下,使用者都可能遇到空資料的介面。新手設計師往往不加設計,這時候使用者就會看到一個空白介面,茫然失措。有經驗的做法就是,提供一個情感化的介面,告訴使用者當前沒有內容;更具引導性的做法,就是引導使用者去執行操作。

12、使用者引導的濫用

去年就預言使用者引導將要泛濫,很明顯設計部門都喜歡用漂亮的引導介面告訴使用者新增的功能或隱藏的應用,但不是所有的應用、所有的功能都需要花哨的引導的。如果是通用的功能、非重點的模組,根本就不需要引導;如果是功能告知,只需呀輕量級的引導;如果是版本更新說明,說明書式的引導可以採用,但是要言簡意賅。

13、無載入中狀態

手機產品只要是需要連網,需要交換資料,都需要提供一個載入中狀態的,無論是菊花轉還是Toast還是對話方塊,你需要給開發人員一個全域的定義,並且要告知載入中是模態(前台載入)的還是非模態的(後台載入)。且要考慮到載入時間過長、網路開關沒有開啟、網路不通等情況分別怎麼去處理。

14、未定義Back的邏輯

在為Android做設計的時候,會涉及到硬體互動,其中Back鍵的使用,是一門學問,Android官方有一些指導原則可以借鑒,但是具體開發的時候,還是會有很多特殊情況,比如單一執行個體的替換、鍵盤及一些中間狀態,這種情況下,Back可能需要被定義一下,該回到前一個執行個體(那就需要變成多執行個體了)還是該回到初始狀態(清空輸入內容或恢複初始狀態)。

15、無橫屏模式的設計

由於橫屏模式下,縱向空間變得格外寶貴,導覽列、標籤欄、鍵盤都需要被壓扁,橫盤模式一定要考慮是簡單展開適配還是重新設計,如果你的應用不適合在橫屏模式下使用,就屏蔽橫盤,如果你的應用程式套件括應用widget都需要支援橫盤模式(甚至是帶側滑鍵盤的橫屏機器),就需要提供設計方案。如果是S60V5這種豎高的機器,甚至需要重新設計。

作為手機產品互動設計師,利用設計規避問題,提升產品使用者體驗,把體驗轉化成價值,是我們所追求的境界。手機產品設計禁忌,是筆者遇到的一些設計問題,歡迎各路高手協同補充遇到的問題,共同避免重複發明輪子。



相關文章

Beyond APAC's No.1 Cloud

19.6% IaaS Market Share in Asia Pacific - Gartner IT Service report, 2018

Learn more >

Apsara Conference 2019

The Rise of Data Intelligence, September 25th - 27th, Hangzhou, China

Learn more >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。