最近顾彰，由于配合同事在做大廣賽，所以在看APP設(shè)計(jì)方面的知識(shí)胃碾，發(fā)現(xiàn)一篇比較好的文章涨享，今天分享給大家！
我們通常在做APP設(shè)計(jì)的過程中仆百，遇到很多看似很小厕隧，且很容易被忽略的問題，正是這些小問題，一次次的撩撥用戶的耐心吁讨，讓用戶對(duì)你的APP心生怨念√澹現(xiàn)在WeX5君嘔血為大家整理出APP設(shè)計(jì)的15條禁忌，希望與APP設(shè)計(jì)者的您共勉挡爵。
1. 不要在沒有流程圖之就前開始設(shè)計(jì)或者畫線框圖
即便一個(gè)簡(jiǎn)單的APP 也要有一個(gè)思慮周全的流程圖，以確保在 APP 有合乎邏輯的甚垦、合理的導(dǎo)航結(jié)構(gòu)茶鹃。另一點(diǎn)值得關(guān)注的是確保核心功能所在的屏幕位于上層而不是被埋沒在多層導(dǎo)航元素之下。
跳過流程圖直接進(jìn)進(jìn)入開發(fā)會(huì)讓開發(fā)變得復(fù)雜艰亮、不可控闭翩，很容易讓用戶迷茫，最后選擇關(guān)掉或者卸載你的App迄埃。
2. 分工要明確不要忽略開發(fā)預(yù)算
設(shè)計(jì)師創(chuàng)建的每一個(gè)細(xì)節(jié)都要經(jīng)過開發(fā)者才能變得活靈活現(xiàn)疗韵。花幾個(gè)小時(shí)和幾天時(shí)間做出的簡(jiǎn)單設(shè)計(jì)更改對(duì)App 功能的影響是截然不同的侄非。還有蕉汪，設(shè)計(jì)不能命令功能。比如逞怨，一個(gè)計(jì)劃好的 App 可能有一個(gè)搜索框者疤，設(shè)計(jì)師預(yù)想的是一個(gè)產(chǎn)生實(shí)時(shí)結(jié)果的鍵入搜索，但設(shè)計(jì)師不能是做這個(gè)重大決定的唯一決策人叠赦。
3. 不要隨意使用介紹動(dòng)畫
在用戶首次打開App 的時(shí)候驹马，給用戶一個(gè)動(dòng)畫的介紹是個(gè)不錯(cuò)的想法，但不能太過火了除秀。事實(shí)上糯累，這些介紹動(dòng)畫也延遲了用戶接觸 App 的時(shí)間。如果你打算使用介紹動(dòng)畫册踩，那要讓動(dòng)畫時(shí)間盡可能短泳姐，設(shè)計(jì)盡可能精細(xì)以及足夠吸引人，值得用戶花費(fèi)時(shí)間等待棍好。
App 加載過程中會(huì)先展現(xiàn)圖片仗岸，再過渡至動(dòng)畫。要確保這個(gè)過度是平滑的借笙，貼切自然的扒怖。有的 App 從加載圖片過渡至介紹動(dòng)畫設(shè)計(jì)的非常蹩腳，這就很無趣了业稼。
4. 別讓用戶空等
App 加載時(shí)間過長(zhǎng)很容易讓用戶以為出現(xiàn)了什么故障盗痒，也會(huì)帶來糟糕的用戶體驗(yàn)。App 加載的時(shí)候不要讓用戶看到空白的屏幕，使用加載指示條或者小動(dòng)畫讓用戶知道 App 處于正常運(yùn)行當(dāng)中俯邓。如果能加入一個(gè)加載進(jìn)度指示條就更好了骡楼。
5、沒有不可點(diǎn)擊的效果
一般按鈕會(huì)有四態(tài)稽鞭，不可點(diǎn)擊效果鸟整、可點(diǎn)擊效果、聚焦?fàn)顟B(tài)朦蕴、按下狀態(tài)篮条。
如果你的按鈕此時(shí)處于不可用狀態(tài)，那么一定要灰掉吩抓，或者拿掉按鈕涉茧，否則會(huì)給用戶誤導(dǎo)。
6疹娶、菜單層次太深
菜單項(xiàng)以5~7個(gè)為宜伴栓，如果有二級(jí)菜單，就要注意合理的菜單分類雨饺，不能有太多層級(jí)的菜單钳垮，否則很難預(yù)期，也很難找到沛膳，尋找和返回都會(huì)變得很麻煩扔枫。
7、文字長(zhǎng)度不加以限制
APP界面很小锹安，寸土寸金短荐，一頁(yè)只能顯示下6~10個(gè)列表，一行只能顯示下10~16個(gè)字叹哭，標(biāo)題欄的字?jǐn)?shù)以5個(gè)以內(nèi)為宜忍宋，標(biāo)簽欄也以2~3個(gè)為宜，那么這時(shí) 候出現(xiàn)文字過長(zhǎng)的情況风罩，一定要定義一下處理方式糠排，如果是選擇型的，一般是截?cái)嗷蛘叽螯c(diǎn)縮略;如果是內(nèi)容閱讀型的超升，可以折行入宦。但最合理的方式還是精簡(jiǎn)文字內(nèi)容，縮短文字長(zhǎng)度室琢。
8乾闰、文字表意不明
由于APP是碎片時(shí)間、片段式閱讀盈滴，所以APP界面上的文字表意性要求的更高涯肩，更苛刻，一定要在用戶瞟到的瞬間，準(zhǔn)確的傳達(dá)信息病苗。除了表意清晰之外疗垛，還要求語言精簡(jiǎn)，避免啰嗦;使用用戶的語言而不是程序的語言;產(chǎn)品文案體現(xiàn)產(chǎn)品性格硫朦。
9贷腕、交互流程分支太多
做交互的時(shí)候一定要有一個(gè)任務(wù)流程的概念貫穿始終，用戶是為了完成某個(gè)任務(wù)而使用軟件的咬展，交互設(shè)計(jì)師除了關(guān)注界面元素花履、跳轉(zhuǎn)邏輯和交互反饋之外，還要關(guān)注用戶任務(wù)挚赊，分得清主要任務(wù)和次要人物，給主要任務(wù)一個(gè)暢通無阻的清晰流程济瓢，不要給予太多可能的分支荠割，干擾主要流程。
10旺矾、相關(guān)的選項(xiàng)離的很遠(yuǎn)
相關(guān)選項(xiàng)一定要具有操作上的延續(xù)性蔑鹦，雖然APP屏幕看起來比電腦屏幕要小的多，但是APP在屏幕上移動(dòng)的代價(jià)箕宙，卻要比鼠標(biāo)在電腦上移動(dòng)的代價(jià)大的多嚎朽，如果手機(jī)上相關(guān)選選離得很遠(yuǎn)的話，用戶一是容易迷失柬帕，找不到下一步操作哟忍，二是需要移動(dòng)手指，到屏幕另一端觸發(fā)操作陷寝。
11锅很、一次載入太多的數(shù)據(jù)
流量、電量凤跑、速度和穩(wěn)定性是APP產(chǎn)品的四個(gè)硬指標(biāo)爆安，如果你的應(yīng)用不能合理的幫助用戶節(jié)約流量、電量仔引，提升瀏覽速度和瀏覽體驗(yàn)扔仓，保證應(yīng)用的穩(wěn)定性能，就不要談什么用戶體驗(yàn)咖耘。你可以利用預(yù)加載緩存翘簇、批量載入、動(dòng)態(tài)刷新鲤看、服務(wù)端數(shù)據(jù)壓縮等方式來保證省缘揪、快、穩(wěn)基礎(chǔ)體驗(yàn)。
12找筝、按鈕可點(diǎn)擊范圍比看起來小
我們都知道移動(dòng)端有個(gè)神奇的數(shù)字“44”蹈垢，根據(jù)食指最小點(diǎn)觸距離7mm、拇指最小點(diǎn)觸距離9mm袖裕，可以推導(dǎo)出做設(shè)計(jì)的時(shí)候曹抬，最小的點(diǎn)觸距離是44*32 px。你可以設(shè)計(jì)一個(gè)精美的小圖標(biāo)急鳄，但是在定義它的點(diǎn)觸大小的時(shí)候谤民，卻可以做放大處理，但你千萬不要設(shè)計(jì)一個(gè)傻大的圖標(biāo)疾宏，點(diǎn)觸范圍卻比圖標(biāo)要小张足，這樣會(huì)給用戶帶來明顯的誤操作挫敗感。
13坎藐、標(biāo)簽頁(yè)跟內(nèi)容沒有從屬關(guān)系
標(biāo)簽頁(yè)跟內(nèi)容需要有很好的聯(lián)動(dòng)關(guān)系为牍，一般一個(gè)界面內(nèi)有二級(jí)標(biāo)簽就足夠復(fù)雜了，千萬不要再有三級(jí)標(biāo)簽岩馍、四級(jí)標(biāo)簽碉咆。每個(gè)標(biāo)簽頁(yè)都有自己特有的內(nèi)容，當(dāng)切換標(biāo)簽的時(shí)候蛀恩，內(nèi)容跟著切換疫铜。標(biāo)簽頁(yè)如果是點(diǎn)擊切換，內(nèi)容部分可以整體刷新双谆，標(biāo)簽頁(yè)如果是滑動(dòng)切換壳咕，內(nèi)容頁(yè)也要跟著滑動(dòng)切換，千萬不要一個(gè)點(diǎn)顽馋、一個(gè)滑囱井。
14、把所有的操作都暴露出來
APP產(chǎn)品交互設(shè)計(jì)要經(jīng)歷縮減趣避、隱藏庞呕、附加、組織的過程程帕，千萬不要妄圖把什么功能住练、什么操作都暴露出來，以彰顯強(qiáng)大愁拭。你需要把自己應(yīng)用的所有功能所有操作做個(gè)優(yōu)先級(jí)設(shè)定讲逛，那些常用的20%的功能，放在界面的主要位置上岭埠，其他80%的操作盏混，放在次要位置或合理歸類組織后蔚鸥，隱藏起來就可以了。
15许赃、沒有空數(shù)據(jù)界面設(shè)計(jì)
我們?cè)谧鲈O(shè)計(jì)的時(shí)候止喷，往往是提供理想化的場(chǎng)景，用戶都已經(jīng)進(jìn)來了混聊，我們?cè)趺赐娴５牵鶓?yīng)用剛推出的時(shí)候句喜，是沒有用戶的预愤，甚至當(dāng)應(yīng)用有了一定用戶基礎(chǔ)的時(shí)候，新進(jìn)來的用戶打開應(yīng)用的時(shí)候咳胃，應(yīng)用仍然可能是一種沒有數(shù)據(jù)的狀態(tài)植康，再或者當(dāng)用戶清楚了全部數(shù)據(jù)，這三種情況下展懈，用戶都可能遇到空數(shù)據(jù)的界面向图。新手設(shè)計(jì)師往往不加設(shè)計(jì)，這時(shí)候用戶就會(huì)看到一個(gè)空白界面标沪，茫然失措。有經(jīng)驗(yàn)的做法就是嗜傅，提供一個(gè)情感化的界面金句，告訴用戶當(dāng)前沒有內(nèi)容;更具引導(dǎo)性的做法，就是引導(dǎo)用戶去執(zhí)行操作吕嘀。
以上违寞，就是小編為大家整理的APP設(shè)計(jì)方面遇到的問題，希望能夠幫助到參加大廣賽的小伙伴偶房！
