我們通常在做APP產(chǎn)品設(shè)計的過程中,遇到很多看似很小,且很容易被忽略的問題,正是這些小問題,一次次的撩撥用戶的耐心,讓用戶對你的產(chǎn)品心生怨念。剛出道的朋友們沒有經(jīng)過實戰(zhàn),或是APP產(chǎn)品設(shè)計新手們對APP設(shè)計的細節(jié)注意不多,往往都會遇到類似的問題,所以,25學(xué)堂為了那些APP產(chǎn)品設(shè)計的新手和小編以后的APP產(chǎn)品設(shè)計學(xué)習(xí),覺得不如寫下來,一起與APP產(chǎn)品設(shè)計新手共勉。
首先我們先說說APP產(chǎn)品設(shè)計禁忌的15條原則。
之前我們也說過:移動互聯(lián)網(wǎng)產(chǎn)品設(shè)計必須遵循的15原則
1、沒有不可點擊的效果?
一般按鈕會有四態(tài),不可點擊效果、可點擊效果、聚焦狀態(tài)、按下狀態(tài)。
如果你的按鈕此時處于不可用狀態(tài),那么一定要灰掉,或者拿掉按鈕,否則會給用戶誤導(dǎo)。
2、菜單層次太深?
菜單項以5~7個為宜,如果有二級菜單,就要注意合理的菜單分類,不能有太多層級的菜單,否則很難預(yù)期,也很難找到,尋找和返回都會變得很麻煩。
3、文字長度不加以限制?
APP界面很小,寸土寸金,一頁只能顯示下6~10個列表,一行只能顯示下10~16個字,標題欄的字數(shù)以5個以內(nèi)為宜,標簽欄也以2~3個為宜,那么這時?候出現(xiàn)文字
過長的情況,一定要定義一下處理方式,如果是選擇型的,一般是截斷或者打點縮略;如果是內(nèi)容閱讀型的,可以折行。但最合理的方式還是精簡文字內(nèi)?容,縮短
文字長度。
4、文字表意不明?
由于APP是碎片時間、片段式閱讀,所以APP界面上的文字表意性要求的更高,更苛刻,一定要在用戶瞟到的瞬間,準確的傳達信息。除了表意清晰之外,還要求
語言精簡,避免啰嗦;使用用戶的語言而不是程序的語言;產(chǎn)品文案體現(xiàn)產(chǎn)品性格。
5、交互流程分支太多?
做交互的時候一定要有一個任務(wù)流程的概念貫穿始終,用戶是為了完成某個任務(wù)而使用軟件的,交互設(shè)計師除了關(guān)注界面元素、跳轉(zhuǎn)邏輯和交互反饋之外,還要
關(guān)注用戶任務(wù),分得清主要任務(wù)和次要人物,給主要任務(wù)一個暢通無阻的清晰流程,不要給予太多可能的分支,干擾主要流程。
6、相關(guān)的選項離的很遠?
相關(guān)選項一定要具有操作上的延續(xù)性,雖然APP屏幕看起來比電腦屏幕要小的多,但是APP在屏幕上移動的代價,卻要比鼠標在電腦上移動的代價大的多,如果手
機上相關(guān)選選離得很遠的話,用戶一是容易迷失,找不到下一步操作,二是需要移動手指,到屏幕另一端觸發(fā)操作。
7、一次載入太多的數(shù)據(jù)?
流量、電量、速度和穩(wěn)定性是APP產(chǎn)品的四個硬指標,如果你的應(yīng)用不能合理的幫助用戶節(jié)約流量、電量,提升瀏覽速度和瀏覽體驗,保證應(yīng)用的穩(wěn)定性能,就不
要談什么用戶體驗。你可以利用預(yù)加載緩存、批量載入、動態(tài)刷新、服務(wù)端數(shù)據(jù)壓縮等方式來保證省、快、穩(wěn)基礎(chǔ)體驗。
8、按鈕可點擊范圍比看起來小?
我們都知道移動端有個神奇的數(shù)字“44”,根據(jù)食指最小點觸距離7mm、拇指最小點觸距離9mm,可以推導(dǎo)出做設(shè)計的時候,最小的點觸距離是44*32?px。你可以設(shè)
計一個精美的小圖標,但是在定義它的點觸大小的時候,卻可以做放大處理,但你千萬不要設(shè)計一個傻大的圖標,點觸范圍卻比圖標要小,這樣會給?用戶帶來明顯
的誤操作挫敗感。
9、標簽頁跟內(nèi)容沒有從屬關(guān)系?
標簽頁跟內(nèi)容需要有很好的聯(lián)動關(guān)系,一般一個界面內(nèi)有二級標簽就足夠復(fù)雜了,千萬不要再有三級標簽、四級標簽。每個標簽頁都有自己特有的內(nèi)容,當切換標
簽?的時候,內(nèi)容跟著切換。標簽頁如果是點擊切換,內(nèi)容部分可以整體刷新,標簽頁如果是滑動切換,內(nèi)容頁也要跟著滑動切換,千萬不要一個點、一個滑。
10、把所有的操作都暴露出來?
APP產(chǎn)品交互設(shè)計要經(jīng)歷縮減、隱藏、附加、組織的過程,千萬不要妄圖把什么功能、什么操作都暴露出來,以彰顯強大。你需要把自己應(yīng)用的所有功能所有操作
做?個優(yōu)先級設(shè)定,那些常用的20%的功能,放在界面的主要位置上,其他80%的操作,放在次要位置或合理歸類組織后,隱藏起來就可以了。
11、沒有空數(shù)據(jù)界面設(shè)計
我們在做設(shè)計的時候,往往是提供理想化的場景,用戶都已經(jīng)進來了,我們怎么玩。但是,往往應(yīng)用剛推出的時候,是沒有用戶的,甚至當應(yīng)用有了一定用戶基礎(chǔ)
的?時候,新進來的用戶打開應(yīng)用的時候,應(yīng)用仍然可能是一種沒有數(shù)據(jù)的狀態(tài),再或者當用戶清楚了全部數(shù)據(jù),這三種情況下,用戶都可能遇到空數(shù)據(jù)的界面。新
手設(shè)?計師往往不加設(shè)計,這時候用戶就會看到一個空白界面,茫然失措。有經(jīng)驗的做法就是,提供一個情感化的界面,告訴用戶當前沒有內(nèi)容;更具引導(dǎo)性的做法
,就是?引導(dǎo)用戶去執(zhí)行操作。
12、用戶引導(dǎo)的濫用?
去年就預(yù)言用戶引導(dǎo)將要泛濫,很明顯設(shè)計部門都喜歡用漂亮的引導(dǎo)界面告訴用戶新增的功能或隱藏的應(yīng)用,但不是所有的應(yīng)用、所有的功能都需要花哨的引導(dǎo)的
。?如果是通用的功能、非重點的模塊,根本就不需要引導(dǎo);如果是功能告知,只需呀輕量級的引導(dǎo);如果是版本更新說明,說明書式的引導(dǎo)可以采用,但是要言簡意
賅。
13、無加載中狀態(tài)
APP產(chǎn)品只要是需要聯(lián)網(wǎng),需要交換數(shù)據(jù),都需要提供一個加載中狀態(tài)的,無論是菊花轉(zhuǎn)還是Toast還是對話框,你需要給開發(fā)人員一個全局的定義,并且要告?知
加載中是模態(tài)(前臺加載)的還是非模態(tài)的(后臺加載)。且要考慮到加載時間過長、網(wǎng)絡(luò)開關(guān)沒有打開、網(wǎng)絡(luò)不通等情況分別怎么去處理。
14、未定義Back的邏輯
在為Android做設(shè)計的時候,會涉及到硬件交互,其中Back鍵的使用,是一門學(xué)問,Android官方有一些指導(dǎo)原則可以借鑒,但是具體開發(fā)的時?候,還是會有很多特
殊情況,比如單一實例的替換、鍵盤及一些中間狀態(tài),這種情況下,Back可能需要被定義一下,該回到前一個實例(那就需要變成多實例?了)還是該回到初始狀態(tài)(
清空輸入內(nèi)容或恢復(fù)初始狀態(tài))。
15、無橫屏模式的設(shè)計?
由于橫屏模式下,縱向空間變得格外寶貴,導(dǎo)航欄、標簽欄、鍵盤都需要被壓扁,橫盤模式一定要考慮是簡單拉伸適配還是重新設(shè)計,如果你的應(yīng)用不適合在橫屏
模?式下使用,就屏蔽橫盤,如果你的應(yīng)用包括應(yīng)用widget都需要支持橫盤模式(甚至是帶側(cè)滑鍵盤的橫屏機器),就需要提供設(shè)計方案。如果是S60V5這種?豎高的機
器,甚至需要重新設(shè)計。
作為APP產(chǎn)品交互設(shè)計師,利用設(shè)計規(guī)避問題,提升產(chǎn)品用戶體驗,把體驗轉(zhuǎn)化成價值,是我們所追求的境界。
上面的15條APP產(chǎn)品設(shè)計禁忌原則,是筆者遇到的一些app產(chǎn)品設(shè)計中的問題。
那么,我們注意了上面15條APP產(chǎn)品設(shè)計的原則,但是從大的方面來看,我們也要注意以下5點重要的設(shè)計知識。
就是如何更好地完成一個優(yōu)秀的APP產(chǎn)品設(shè)計呢?
第一點:明確APP產(chǎn)品價值
明確應(yīng)用的價值是十分重要的,強迫自己將Silverlight的使用,Google MapAPI的使用等等統(tǒng)統(tǒng)扔回工具箱,這些只是我們用以實現(xiàn)目標的工具。在打開工具箱之前,我們應(yīng)該先明確我們想要創(chuàng)造怎樣的價值。
學(xué)會不斷的總結(jié):不斷提醒自己“我并不是用戶”,強迫自己從用戶的角度去糾正行動的方向。
第二點:?APP產(chǎn)品的需求場景分析
我們必須讓系統(tǒng)去適應(yīng)用戶的真實生活,而不是反過來,強迫用戶來適應(yīng)系統(tǒng),我們必須對下面的問題有非常清晰而明確的答案。
我期望用戶在什么情況下,遇到什么問題,通過何種途徑,使用什么方式,解決什么問題?
總結(jié):需求永遠不會孤立存在,需求一定是依賴某種特定環(huán)境而存在的,就好比,同一個用戶,他在夏天需要一個電扇,而在冬天需要一個手爐。用戶在購買服飾和購買食品的需求路徑很可能完全不同。
第三點:提煉核心APP產(chǎn)品需求
一個成熟的產(chǎn)品通常由核心功能和增殖功能兩部分構(gòu)成,比如Iphone手機的核心功能是通話,增殖功能是豐富的Apps,通常增殖功能幫助我們擊敗競爭對手,而核心功能決定了我們是否應(yīng)該在市場存在。很多產(chǎn)品的失敗往往是過于重視增殖功能,而忽略了核心功能。
在需求路徑上,哪些需求是核心需求,哪些需求是增殖需求?
總結(jié):在需求路徑上,我們要全面了解需求,但同時也要能夠區(qū)分出哪些是核心需求,哪些是增殖需求,要做的事情很多,但是我們必須把握住最核心的,在完成核心功能的基礎(chǔ)上,再逐步完善。先生存,再長大。
第四點:APP產(chǎn)品現(xiàn)狀對比
在前面我們所設(shè)定的需求場景下,用戶的使用現(xiàn)狀。
當前用戶的操作習(xí)慣是什么?他們現(xiàn)在是如何滿足自己的期望的,在他們現(xiàn)在的使用方式上,是否還存在可優(yōu)化的空間?我的應(yīng)用是否可以無縫的對接到用戶的操作流程中?
總結(jié):任何新產(chǎn)品、新技術(shù)的使用,都需要一定的成本,比如汽車替代了馬車,需要用戶學(xué)會操控機械,打字機代替了手寫,需要我們學(xué)習(xí)打字,新產(chǎn)品運用的同時必須充分關(guān)聯(lián)用戶當前的使用現(xiàn)狀。
第五點:最小化APP產(chǎn)品切換成本
在滿足用戶期望的同時,用戶所需付出的成本(包括付費/安裝/設(shè)置/學(xué)習(xí))是否在用戶可接受的范圍內(nèi)?
總結(jié):任何人都對改變具有一定的抗擊心理,對于產(chǎn)品的設(shè)計最好能夠與用戶當前的習(xí)慣無縫對接,如果不行,我們必須盡最大的努力,讓用戶改變習(xí)慣的程度降到最低。
總之:APP產(chǎn)品核心都是提高事務(wù)處理或者分析決策支持的效率。整個APP完成的功能中事務(wù)處理和分析查詢的功能點列清楚估算下對企業(yè)帶來的價值就很好得出結(jié)論了。每個設(shè)計定位越準生命越長越能掙錢。
全站高品質(zhì)素材免費下載!