眾多周知，設(shè)計(jì)在很多時(shí)候都是靠靈感的閃現(xiàn)，手機(jī)應(yīng)用的設(shè)計(jì)則更加的靈活多變，也是它成功的關(guān)鍵，為了能更好地避免設(shè)計(jì)師們走彎路，手機(jī)讓設(shè)計(jì)師們學(xué)習(xí)設(shè)計(jì)原則是有必要的，它給了設(shè)計(jì)師們一定的參考和指導(dǎo)，這些設(shè)計(jì)原則是各大公司累積的手機(jī)設(shè)計(jì)的重要經(jīng)驗(yàn)的集合，可以給我們很多的參考和啟發(fā)。
從用戶體驗(yàn)上來說，使用手機(jī)設(shè)備聯(lián)網(wǎng)的用戶多屬花費(fèi)零碎時(shí)間上網(wǎng)，不大可能有耐性的點(diǎn)擊很多的頁面，所以，手機(jī)網(wǎng)站設(shè)計(jì)時(shí)應(yīng)盡量簡潔，如果你的網(wǎng)站需要設(shè)計(jì)購買頁面，那么從這一點(diǎn)出發(fā)，我們在設(shè)計(jì)購買的流程應(yīng)該盡量精簡再精簡，直接省去冗余內(nèi)容，放置核心信息即可，避免讓用戶產(chǎn)生反感的心理，那么我們在該如何優(yōu)化手機(jī)端界面設(shè)計(jì)呢？
1、用戶界面應(yīng)該是基于用戶的心里模型，而不是基于工程實(shí)現(xiàn)模型
簡單的來說，就是把后臺(tái)本來很復(fù)雜的事情通過設(shè)計(jì)符合用戶日常生活中常用的瀏覽方式或操作方式，其實(shí)這一點(diǎn)是設(shè)計(jì)師把生活中的細(xì)節(jié)和數(shù)據(jù)結(jié)合的凝聚點(diǎn)，用戶的心理模型抓的越準(zhǔn)，界面就會(huì)越專業(yè) （具體可查看鄭州seo公司老秦博客《如何將需求還原成情景變成可用性設(shè)計(jì)》的相關(guān)介紹）。
左邊界面：大眾點(diǎn)評(píng)新版的價(jià)格的搜索就比之前改得更符合用戶心里模型。
右邊界面：食神搖搖的搖動(dòng)手機(jī)找餐廳更加符合大眾用戶的心里，大家應(yīng)該都有那種中午不知道去哪家餐廳就餐，那么就搖一搖來隨機(jī)抽出一個(gè)附近的餐廳。
2、培養(yǎng)用戶使用情景的思維方式做設(shè)計(jì)
要做到這個(gè)原則其實(shí)是很難的，需要長期的實(shí)戰(zhàn)經(jīng)驗(yàn)才能做到這點(diǎn)，我們都知道米聊出的比微信早，但后來被微信反超，個(gè)人認(rèn)為不光是QQ幫了微信很大忙，比如用戶登錄門檻低，用戶來源，廣告打得響之類的，其實(shí)在用戶使用情景方面米聊研究的沒有微信透徹。
對于一個(gè)社交即時(shí)通訊產(chǎn)品，添加好友的功能是好友匯聚的來源，雖然米聊微信都綁定手機(jī)通訊錄，但話又說回來，用戶找手機(jī)通訊錄聯(lián)系人語音聊天的還是比較少，添加好友是引導(dǎo)用戶去發(fā)現(xiàn)好友，找好友，碰好友的一扇門，所以對于這么重要的功能放置在應(yīng)用程序的哪個(gè)位置，在產(chǎn)品前期就會(huì)讓用戶明顯的去選擇用哪個(gè)應(yīng)用，因?yàn)榱奶旃ぞ叩那疤崾且腥撕湍懔奶臁?/p>
再回到現(xiàn)實(shí)的界面中來，看看下面的對比：
微信1.0的時(shí)候（我這里只截了4.0的圖）把添加好友放置主Tab上，方便用戶很快的添加好友。
米聊2.0時(shí)還是把添加好友放置在好友列表的 排，用戶很難發(fā)現(xiàn)。
3、盡量少的讓用戶輸入，輸入時(shí)盡量多給出參考
手機(jī)端的虛擬鍵盤一直是科技界無法解決的一個(gè)難題，虛擬鍵盤的主要缺點(diǎn)：①、輸入定位無法反饋，所以無法形成 的盲打；②、虛擬鍵盤的空間限制，手指的點(diǎn)擊經(jīng)常造成誤按。
光是上面這兩點(diǎn)就讓虛擬鍵盤在輸入上大打折扣，所以我們在設(shè)計(jì)應(yīng)用程序時(shí)，只要遇到Input Box的控件時(shí)，壹 先就要想到盡量讓用戶少輸入，或者智能的給出參考。
百度音樂的搜索先是把近期更 熱門的歌曲依次排列在列表中，當(dāng)有字輸入時(shí)，會(huì)出現(xiàn)歌手的候選詞，這里值得稱贊的是百度音樂的搜索能根據(jù)用戶輸入的字來判斷用戶是搜索歌手還是歌名。
百度地圖也是我用得比較順手的一個(gè)地圖導(dǎo)航應(yīng)用，在減少輸入方面也做的比較出色，百度地圖擁有cookies功能, 另外就是百度搜索的技術(shù)應(yīng)用在地名的匹配中也很讓人欣喜，在用戶輸入到一半的時(shí)候，下面的候選列表就出現(xiàn)了目標(biāo)地址，用戶直接停止輸入點(diǎn)擊列表即可。
4、全局導(dǎo)航需要一直存在，更好 還能預(yù)覽其他模塊的動(dòng)態(tài)
全局導(dǎo)航在Web交互設(shè)計(jì)中比較容易做到，在手機(jī)手機(jī)端全局導(dǎo)航要看產(chǎn)品設(shè)計(jì)的需求，什么功能需要全局導(dǎo)航，
（1）、社交應(yīng)用通常是：消息，通知，請求；
（2）、音樂視頻應(yīng)用通常是：下載，搜索；
（3）、工具類產(chǎn)品經(jīng)常是核心工具條（tool bar）比如瀏覽器，語音助理，音樂識(shí)別應(yīng)用等等。
全局導(dǎo)航的價(jià)值在于可以讓用戶在使用過程中不會(huì)丟失信息，減少主頁面和次級(jí)頁面之間的跳轉(zhuǎn)次數(shù)，當(dāng)然全局導(dǎo)航中的info-task要能在當(dāng)前頁面完成，如果需要跳轉(zhuǎn)到新界面，就會(huì)失去全局導(dǎo)航的意義，因?yàn)楫?dāng)出現(xiàn)多個(gè)info-task的時(shí)候，就需要用戶不停的進(jìn)入全局導(dǎo)航頁面來完成（具體可查看鄭州seo公司老秦博客《如何從內(nèi)容需求的角度策劃設(shè)計(jì)網(wǎng)站導(dǎo)航》的相關(guān)介紹）。
Facebook的朋友請求，消息，通知都是采用全局導(dǎo)航的方式，就是面板設(shè)計(jì)的丑了些。
米聊的通知中心，里面包含的通知類型蠻多的，顯得有點(diǎn)凌亂，希望下面的版本會(huì)篩選歸類。
5、提供非模態(tài)的反饋，不打斷任務(wù)流
模態(tài)彈出框的書面名稱在iphone OS中稱作：Alert-box，在Android OS中稱：Pop-up box，我們都知道彈框會(huì)打斷任務(wù)流，所以在有限的屏幕上怎樣讓這些彈框弱化，或者說優(yōu)雅、紳士的提醒用戶，這個(gè)需要設(shè)計(jì)師來定義。
模態(tài)是指界面中只有提醒彈框才具有可交互行為，其他一切都不可操作；非模態(tài)不會(huì)把提醒做成彈框，可能會(huì)處理成List Notification，Toast list等方式來提醒用戶。
Gmail是 個(gè)把刪除的模態(tài)彈框設(shè)計(jì)成List Notification這種方式的，提醒用戶撤銷剛才的刪除操作，這種非模態(tài)的處理，讓刪除的流程更加順暢和輕松自如。
K歌達(dá)人第二版的彈框就是模態(tài)處理，界面很不友好，用戶在K歌過程中要被打斷三次才能發(fā)表一壹 自己唱的歌曲，所以降低了用戶的參與度。
6、不要讓用戶等待任務(wù)完成，用戶還要發(fā)現(xiàn)更多有意思的地方
手機(jī)互聯(lián)的核心就是給用戶帶來手機(jī)體驗(yàn)的方便和 ，這是手機(jī)互聯(lián)網(wǎng)Apps需要考慮的，用戶在使用你產(chǎn)品在很多情況下都是碎片時(shí)間，所以在設(shè)計(jì)上盡量讓用戶在短時(shí)間內(nèi)熟悉我們的產(chǎn)品，知道這個(gè)產(chǎn)品的誠意，特別是某些等待界面需要設(shè)計(jì)，不能把一個(gè)很枯燥的等待界面呈現(xiàn)在用戶的面前，那用戶很快就會(huì)換其他apps。
在Instagram拍完照片后，點(diǎn)擊上傳后，它的處理方式是回到壹 頁的位置，告訴你的照片正在提交，并不是顯示一個(gè)上傳進(jìn)度的界面，讓用戶看那上傳百分比。
因此我們在設(shè)計(jì)米吧上傳歌曲文件時(shí)也只是告知用戶后臺(tái)正在幫你上傳，叫用戶放心，用戶自然就會(huì)去玩其他的功能，沒有讓用戶焦慮的等待，等上傳完畢時(shí)，我們再用Toast list通知用戶已經(jīng)上傳成功，這樣把查看上傳結(jié)果的主動(dòng)權(quán)交給用戶。
7、自動(dòng)保存用戶的輸入成果
在手機(jī)端，由于輸入面板的復(fù)雜性，而且觸摸輸入沒有物理按鍵的反饋?zhàn)匀唬貏e是手機(jī)上去輸入一段文字或者信息，對用戶而言本身就是一件很痛苦的事情；對產(chǎn)品而言，用戶的在你的產(chǎn)品中輸入是一個(gè)很值得慶幸的事情，所以設(shè)計(jì)人員需要讓你的apps自動(dòng)保存用戶的輸入成果。
微博官方的手機(jī)客戶端在用戶輸入信息后，點(diǎn)擊左上角的叉時(shí)會(huì)彈出Action sheet來詢問，確認(rèn)是否要放棄，或者保存為草稿；path的處理則更為人性化，在處于斷網(wǎng)的情景下，用戶依然可以發(fā)布照片和文字，當(dāng)然后面聯(lián)網(wǎng)成功后，系統(tǒng)會(huì)自動(dòng)上傳，只是發(fā)表時(shí)間是連網(wǎng)后發(fā)布的時(shí)間點(diǎn)；Instagram的評(píng)論也很友好，在斷網(wǎng)或者網(wǎng)絡(luò)情況不穩(wěn)定的情景，用戶輸入的評(píng)論依然可以發(fā)布，后面會(huì)有一個(gè)嘆號(hào)提醒用戶稍后發(fā)布或者重試，提升了用戶參與的積極行，同時(shí)活躍了社區(qū)。
8、為了程序響應(yīng)的速度，設(shè)計(jì)有時(shí)候需要擔(dān)任掩護(hù)的作用
科技并不是 的，技術(shù)依然是手機(jī)互聯(lián)網(wǎng)應(yīng)用程序更 需要優(yōu)化和完善的，作為技術(shù)的盟友我們設(shè)計(jì)人員也需要輔佐他們，讓用戶覺得程序原本就應(yīng)該是這么運(yùn)行的，特別是程序響應(yīng)的速度，很多時(shí)候不光是技術(shù)的問題，與網(wǎng)絡(luò)環(huán)境也有很大的關(guān)系，這時(shí)候設(shè)計(jì)人員需要考慮這些客觀存在的情況，幫助程序來掩護(hù)這些瑕疵，讓用戶感覺到在使用時(shí)是流暢的（具體可查看鄭州seo公司老秦博客《交互設(shè)計(jì)的三大隱形機(jī)制：加載、刷新和緩存》的相關(guān)介紹）。
比如帖子中的“贊”，不管對參與者還是帖子作者都是激發(fā)其積極性活躍社區(qū)氛圍的重要功能，所以在程序的響應(yīng)方面一定要具有可用，易用的特性，我們看左圖中，“贊”的按鈕已經(jīng)現(xiàn)實(shí)“已贊”，同時(shí)我們看紅色框內(nèi)的“菊花瓣”就知道后臺(tái)在loading贊的數(shù)據(jù)，所以這就是設(shè)計(jì)的巧妙之處，先讓用戶感知到程序是非常快速的，而不是等loading完之后再顯示“已贊”。
Instagram中發(fā)布帖子的時(shí)候，用戶處理完照片點(diǎn)擊“上傳”按鈕就看到中間的界面，這時(shí)候界面是讓用戶去為自己的帖子輸入一個(gè)主題，或者去設(shè)置分享等功能，同時(shí)我們可以看到紅色框中的“菊花瓣”，很明顯后臺(tái)已經(jīng)開始傳輸剛才上傳的照片了，所以當(dāng)用戶在點(diǎn)擊“完成”時(shí)，數(shù)據(jù)只需要上傳剩下的一部分，讓用戶感知上傳很迅速。
把伴奏和用戶的歌聲合成為一壹 音樂時(shí)需要后臺(tái)處理大量的數(shù)據(jù)，如果分步做就要讓用戶等待比較長的合成時(shí)間，為了讓用戶不用枯燥的等待合成，我們需要后臺(tái)在用戶唱歌的同時(shí)，后臺(tái)就已經(jīng)開始把唱過的伴奏和歌聲合成。
鄭州seo公司老秦博客點(diǎn)評(píng)：
總體而言，在手機(jī)平臺(tái)的界面設(shè)計(jì)上，壹 先要知道手機(jī)設(shè)備的局限性，才能更好的圍繞其進(jìn)行巧妙地設(shè)計(jì)，對不同的手機(jī)平臺(tái)要有一個(gè)很好的理解，這樣才能讓你的手機(jī)網(wǎng)站能夠適用于不同的手機(jī)平臺(tái)，同樣你可以利用平臺(tái)開發(fā)商提供的模擬器來對你的網(wǎng)站進(jìn)行檢測。
版權(quán)聲明：本站部分文章，由 鄭州路普科技整理發(fā)表(信息來自互聯(lián)網(wǎng),不代表本站觀點(diǎn))，如有冒犯請聯(lián)系我們
