iamturing?Kevin改變世界的點滴?昨天
最近在閱讀產(chǎn)品設(shè)計書籍與資料卑吭，在移動端與小程序的模糊邊界中找到一些可能性的爆款存在泥张。我身邊的很多朋友宰掉，通過調(diào)研appstore國內(nèi)外熱榜违孝，挑核心功能來做小程序嗤攻。
在小程序開發(fā)成本低腺怯、資源消耗小的情況下袱饭，都希望做爆款小程序后再來考慮產(chǎn)品的變現(xiàn)方式。流量越來越貴的今天呛占，如果能在設(shè)計之初就注意app的設(shè)計虑乖，是可以減少用戶流失的。
下面來自iamturing原創(chuàng)的21條注意事項晾虑，認(rèn)為是非常垂直分享給大家疹味。
21條注意事項
1、不要在沒有流程圖之就前開始設(shè)計或者畫線框圖
即便一個簡單的 APP 也要有一個思慮周全的流程圖帜篇，以確保在 APP 有合乎邏輯的糙捺、合理的導(dǎo)航結(jié)構(gòu)。另一點值得關(guān)注的是確保核心功能所在的屏幕位于上層而不是被埋沒在多層導(dǎo)航元素之下笙隙。跳過流程圖直接進進入開發(fā)會讓開發(fā)變得復(fù)雜洪灯、不可控，很容易讓用戶迷茫竟痰，最后選擇關(guān)掉或者卸載你的 App签钩。
2掏呼、分工要明確不要忽略開發(fā)預(yù)算
設(shè)計師創(chuàng)建的每一個細(xì)節(jié)都要經(jīng)過開發(fā)者才能變得活靈活現(xiàn)”呔剩花幾個小時和幾天時間做出的簡單設(shè)計更改對 App 功能的影響是截然不同的哄尔。還有，設(shè)計不能命令功能柠并。比如岭接，一個計劃好的 App 可能有一個搜索框，設(shè)計師預(yù)想的是一個產(chǎn)生實時結(jié)果的鍵入搜索臼予，但設(shè)計師不能是做這個重大決定的唯一決策人鸣戴。
3、不要隨意使用介紹動畫
在用戶首次打開 App 的時候粘拾，給用戶一個動畫的介紹是個不錯的想法窄锅，但不能太過火了。事實上缰雇，這些介紹動畫也延遲了用戶接觸 App 的時間入偷。如果你打算使用介紹動畫，那要讓動畫時間盡可能短械哟，設(shè)計盡可能精細(xì)以及足夠吸引人疏之，值得用戶花費時間等待。App 加載過程中會先展現(xiàn)圖片暇咆，再過渡至動畫锋爪。要確保這個過度是平滑的，貼切自然的爸业。有的 App 從加載圖片過渡至介紹動畫設(shè)計的非常蹩腳其骄，這就很無趣了。
4扯旷、別讓用戶空等
App 加載時間過長很容易讓用戶以為出現(xiàn)了什么故障拯爽，也會帶來糟糕的用戶體驗。App 加載的時候不要讓用戶看到空白的屏幕钧忽，使用加載指示條或者小動畫讓用戶知道 App 處于正常運行當(dāng)中毯炮。如果能加入一個加載進度指示條就更好了。
5惰瓜、沒有不可點擊的效果
一般按鈕會有四態(tài)否副，不可點擊效果、可點擊效果崎坊、聚焦?fàn)顟B(tài)备禀、按下狀態(tài)。如果你的按鈕此時處于不可用狀態(tài)，那么一定要灰掉曲尸，或者拿掉按鈕赋续，否則會給用戶誤導(dǎo)。
6另患、菜單層次太深
菜單項以5~7個為宜纽乱，如果有二級菜單，就要注意合理的菜單分類昆箕，不能有太多層級的菜單鸦列，否則很難預(yù)期，也很難找到鹏倘，尋找和返回都會變得很麻煩薯嗤。
7、文字長度不加以限制
APP界面很小纤泵，寸土寸金骆姐，一頁只能顯示下6~10個列表，一行只能顯示下10~16個字捏题，標(biāo)題欄的字?jǐn)?shù)以5個以內(nèi)為宜玻褪，標(biāo)簽欄也以2~3個為宜，那么這時 候出現(xiàn)文字過長的情況公荧，一定要定義一下處理方式带射，如果是選擇型的，一般是截斷或者打點縮略;如果是內(nèi)容閱讀型的稚矿，可以折行庸诱。但最合理的方式還是精簡文字內(nèi)容捻浦，縮短文字長度晤揣。
8、文字表意不明
由于APP是碎片時間朱灿、片段式閱讀昧识，所以APP界面上的文字表意性要求的更高，更苛刻盗扒，一定要在用戶瞟到的瞬間跪楞，準(zhǔn)確的傳達信息。除了表意清晰之外侣灶，還要求語言精簡甸祭，避免啰嗦;使用用戶的語言而不是程序的語言;產(chǎn)品文案體現(xiàn)產(chǎn)品性格。
9褥影、交互流程分支太多
做交互的時候一定要有一個任務(wù)流程的概念貫穿始終池户，用戶是為了完成某個任務(wù)而使用軟件的，交互設(shè)計師除了關(guān)注界面元素、跳轉(zhuǎn)邏輯和交互反饋之外校焦，還要關(guān)注用戶任務(wù)赊抖，分得清主要任務(wù)和次要人物，給主要任務(wù)一個暢通無阻的清晰流程寨典，不要給予太多可能的分支氛雪，干擾主要流程。
10耸成、相關(guān)的選項離的很遠(yuǎn)
相關(guān)選項一定要具有操作上的延續(xù)性报亩，雖然APP屏幕看起來比電腦屏幕要小的多，但是APP在屏幕上移動的代價井氢，卻要比鼠標(biāo)在電腦上移動的代價大的多捆昏，如果手機上相關(guān)選選離得很遠(yuǎn)的話，用戶一是容易迷失毙沾，找不到下一步操作骗卜，二是需要移動手指，到屏幕另一端觸發(fā)操作左胞。
11寇仓、一次載入太多的數(shù)據(jù)
流量、電量烤宙、速度和穩(wěn)定性是APP產(chǎn)品的四個硬指標(biāo)遍烦，如果你的應(yīng)用不能合理的幫助用戶節(jié)約流量、電量躺枕，提升瀏覽速度和瀏覽體驗服猪，保證應(yīng)用的穩(wěn)定性能，就不要談什么用戶體驗拐云。你可以利用預(yù)加載緩存罢猪、批量載入、動態(tài)刷新叉瘩、服務(wù)端數(shù)據(jù)壓縮等方式來保證省膳帕、快、穩(wěn)基礎(chǔ)體驗薇缅。
12危彩、按鈕可點擊范圍比看起來小
我們都知道移動端有個神奇的數(shù)字“44”，根據(jù)食指最小點觸距離7mm泳桦、拇指最小點觸距離9mm汤徽，可以推導(dǎo)出做設(shè)計的時候，最小的點觸距離是44*32 px灸撰。你可以設(shè)計一個精美的小圖標(biāo)谒府，但是在定義它的點觸大小的時候漆羔，卻可以做放大處理，但你千萬不要設(shè)計一個傻大的圖標(biāo)狱掂，點觸范圍卻比圖標(biāo)要小演痒，這樣會給用戶帶來明顯的誤操作挫敗感。
13趋惨、標(biāo)簽頁跟內(nèi)容沒有從屬關(guān)系
標(biāo)簽頁跟內(nèi)容需要有很好的聯(lián)動關(guān)系鸟顺，一般一個界面內(nèi)有二級標(biāo)簽就足夠復(fù)雜了，千萬不要再有三級標(biāo)簽器虾、四級標(biāo)簽盾计。每個標(biāo)簽頁都有自己特有的內(nèi)容变勇，當(dāng)切換標(biāo)簽的時候，內(nèi)容跟著切換。標(biāo)簽頁如果是點擊切換新蟆，內(nèi)容部分可以整體刷新谚赎，標(biāo)簽頁如果是滑動切換诬烹，內(nèi)容頁也要跟著滑動切換此虑，千萬不要一個點、一個滑库正。
14曲楚、把所有的操作都暴露出來
APP產(chǎn)品交互設(shè)計要經(jīng)歷縮減、隱藏褥符、附加龙誊、組織的過程，千萬不要妄圖把什么功能喷楣、什么操作都暴露出來趟大，以彰顯強大。你需要把自己應(yīng)用的所有功能所有操作做個優(yōu)先級設(shè)定铣焊，那些常用的20%的功能逊朽，放在界面的主要位置上，其他80%的操作粗截，放在次要位置或合理歸類組織后惋耙，隱藏起來就可以了捣炬。
15熊昌、沒有空數(shù)據(jù)界面設(shè)計
在做設(shè)計的時候，往往是提供理想化的場景湿酸，用戶都已經(jīng)進來了婿屹，我們怎么玩。但是推溃，往往應(yīng)用剛推出的時候昂利，是沒有用戶的，甚至當(dāng)應(yīng)用有了一定用戶基礎(chǔ)的時候，新進來的用戶打開應(yīng)用的時候蜂奸，應(yīng)用仍然可能是一種沒有數(shù)據(jù)的狀態(tài)犁苏，再或者當(dāng)用戶清楚了全部數(shù)據(jù)，這三種情況下扩所，用戶都可能遇到空數(shù)據(jù)的界面围详。新手設(shè)計師往往不加設(shè)計，這時候用戶就會看到一個空白界面祖屏，茫然失措助赞。有經(jīng)驗的做法就是，提供一個情感化的界面袁勺，告訴用戶當(dāng)前沒有內(nèi)容;更具引導(dǎo)性的做法雹食，就是引導(dǎo)用戶去執(zhí)行操作。
16期丰、用戶引導(dǎo)的濫用
去年就預(yù)言用戶引導(dǎo)將要泛濫群叶，很明顯設(shè)計部門都喜歡用漂亮的引導(dǎo)界面告訴用戶新增的功能或隱藏的應(yīng)用，但不是所有的應(yīng)用钝荡、所有的功能都需要花哨的引導(dǎo)的盖呼。 如果是通用的功能、非重點的模塊化撕，根本就不需要引導(dǎo);如果是功能告知几晤，只需呀輕量級的引導(dǎo);如果是版本更新說明，說明書式的引導(dǎo)可以采用植阴，但是要言簡意賅蟹瘾。
17、無加載中狀態(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ò)不通等情況分別怎么去處理。
18混槐、未定義Back的邏輯
在為Android做設(shè)計的時候编兄，會涉及到硬件交互，其中Back鍵的使用声登，是一門學(xué)問狠鸳，Android官方有一些指導(dǎo)原則可以借鑒揣苏，但是具體開發(fā)的時候，還是會有很多特殊情況件舵，比如單一實例的替換卸察、鍵盤及一些中間狀態(tài)，這種情況下铅祸，Back可能需要被定義一下蛾派，該回到前一個實例(那就需要變成多實例 了)還是該回到初始狀態(tài)(清空輸入內(nèi)容或恢復(fù)初始狀態(tài))。
19个少、無橫屏模式的設(shè)計
由于橫屏模式下洪乍，縱向空間變得格外寶貴，導(dǎo)航欄夜焦、標(biāo)簽欄壳澳、鍵盤都需要被壓扁，橫盤模式一定要考慮是簡單拉伸適配還是重新設(shè)計茫经，如果你的應(yīng)用不適合在橫屏模式下使用巷波，就屏蔽橫盤，如果你的應(yīng)用包括應(yīng)用widget都需要支持橫盤模式(甚至是帶側(cè)滑鍵盤的橫屏機器)卸伞，就需要提供設(shè)計方案抹镊。
20、不要忘記手勢但不要濫用
不是每個元素都是可視化的荤傲，比如 iPhone Mail app 的刪除進程垮耳。在收件箱內(nèi)，用戶可以猛擊屏幕顯示刪除按鈕遂黍，用戶就不用點擊“編輯”终佛，選擇信息然后再刪除信息。不過雾家，也不能說“編輯”菜單一點用處都沒有铃彰，不知道快捷操作的用戶還是需要的，而用戶還可以通過“編輯”菜單一次性標(biāo)注多條信息/郵件芯咧。
21、 不要覺得每個用戶有著跟你一樣的 App 使用方式
可用性測試是必須的敬飒，不管你的 App 看起來多么好邪铲。找值得信任的人(或者有經(jīng)驗的設(shè)計師)進行小范圍封閉測試，在公開發(fā)布之前更新下界面驶拱。另一個簡單易行的獲得用戶反饋的方法是在分類網(wǎng)站張貼廣告招募合適的人進行焦點小組測試霜浴。
推薦閱讀：
