欧美高清不卡色色网_聊聊移動(dòng)應用界面設計7宗罪【保定分公司新聞】

聊聊移動(dòng)應用界面設計7宗罪

發(fā)布時(shí)間：2016-03-17 10:39:33

來(lái)源：A5站長(cháng)網(wǎng)

本文是移動(dòng)原型工具Proto.io的設計團隊8月份在自家博客上發(fā)表的一篇“軟文”，通過(guò)與移動(dòng)設計界大牛們的對話(huà)，幫助大家了解在進(jìn)行移動(dòng)設計時(shí)應該特別注意的禁忌，大家可以回顧一下自己團隊的應用正在觸犯哪些禁忌，讀完本文，相信你能找到優(yōu)化自家移動(dòng)應用設計的方向。

　　規則就是用來(lái)打破的?這完全取決于規則本身。在移動(dòng)應用界面設計(后續簡(jiǎn)稱(chēng)：移動(dòng)設計)的世界里，大家對美學(xué)、手勢和動(dòng)效的看法略有不同。有時(shí)一個(gè)簡(jiǎn)單的功能性應用比華麗的應用帶來(lái)的效果更好，而有時(shí)候卻恰恰相反。

　　不過(guò)，有些基本規則是人們不愿意去打破的。如果你的移動(dòng)設計使得用戶(hù)無(wú)法順利觸達關(guān)鍵功能，這顯然是行不通的。假使你的文字字號過(guò)小導致沒(méi)人能順利完成閱讀，那么你得回爐重做。淺色背景搭配白色文字?重來(lái)吧。

　　我們試圖了解優(yōu)秀的設計師們心目當中移動(dòng)設計的7宗罪是什么。經(jīng)過(guò)垂詢(xún)三組設計專(zhuān)家，我們得到了三個(gè)略有區別的結果，看看你是否能從其中找到一致的地方呢。

　　來(lái)自AKTA的意見(jiàn)

　　Alyssa Burke與Macy Nguyen是AKTA(一個(gè)數字體驗咨詢(xún)公司)的設計師，倆人都曾為財富500強的公司以及迅速增長(cháng)的創(chuàng )業(yè)公司效力，參與過(guò)原生移動(dòng)設計項目，為某些機構的頂級項目貢獻設計輸出。以下是他們認為無(wú)法接受的移動(dòng)設計7宗罪：

　　1、忽略上下文情境

　　目標用戶(hù)的個(gè)人檔案(年齡、生活習慣、技術(shù)潛能等)與他們的物理環(huán)境(室內室外，在線(xiàn)離線(xiàn)，早晨晚上等)會(huì )影響許多設計決策。移動(dòng)設計師應該在迭代流程中充分考慮上下文因素，以降低可用性不足的風(fēng)險。即使擁有平滑的過(guò)渡轉場(chǎng)、光滑的按鈕和美麗的字體，一些應用也會(huì )因為整體界面設計不符合特定用戶(hù)場(chǎng)景(深色界面用于戶(hù)外場(chǎng)景：糟糕的移動(dòng)設計)而失去成名機會(huì )。

　　2、閉門(mén)造車(chē)

　　設計和開(kāi)發(fā)數字產(chǎn)品是一項需要團隊協(xié)作的工作。即使有項目成員(開(kāi)發(fā)、新人、極客、狂熱者、朋友、陌生人、你的哥們兒和設計師潮人)對具體項目?jì)热萃耆?了解，將設計工作及早并及時(shí)推廣到整個(gè)項目周期中的不同角色之間也是非常關(guān)鍵的。我們需要讓他們了解到必要的上下文信息，并持續保持相關(guān)信息互通。與其在發(fā)布后修復問(wèn)題，不如在項目進(jìn)程早期預留調整空間。

　　3、怠慢開(kāi)發(fā)人員

　　程序員和工程師(以及偶爾酗酒的碼農)不僅是你的同伴，而且是技術(shù)先導。他們除了知道哪些能夠在現實(shí)中奏效之外，還能夠如你設想的那般確保你的想法得到完美落地。有些移動(dòng)設計在技術(shù)上行不通，有些或許可行，但這些都需要很多努力或時(shí)間在項目中驗證。如果不問(wèn)你或許永遠無(wú)法確定能否做到。在項目交付時(shí)，開(kāi)發(fā) 人員會(huì )把你的設計成果實(shí)現出來(lái)，此刻，他們可能很欣賞你，也可能很討厭你。

　　4、低估動(dòng)效設計

　　隨著(zhù)物聯(lián)網(wǎng)逐步成熟，數字界面在人們與周?chē)鎸?shí)世界的互動(dòng)中扮演了更重要的角色，界面設計的這一部分需要被設計師更加慎重的對待。人類(lèi)擁有與生而來(lái)的本能，從所處環(huán)境的變化中得到不同的感知與反應。使用合理的界面動(dòng)效是一種呈現優(yōu)先級和重要內容的有效方式。在某些情形下的恰當運用，甚至能夠引發(fā)用戶(hù)的愉悅。有興趣的讀者可以了解下迪斯尼動(dòng)畫(huà)的12項基本法則。

　　5、字號太小

　　比起紙質(zhì)內容，人們在手機屏幕上進(jìn)行閱讀的精確度和深入度略有不足。正如移動(dòng)設計拇指觸控規則所定義，數字界面的字號最少應該兩倍于印刷字號。不同情形適用不同的字體和設置，尤其當用戶(hù)試圖在移動(dòng)設備上完成多類(lèi)任務(wù)時(shí)。為了避免字號太小，還需要優(yōu)先考慮按鈕形狀、圖片及交互等界面元素對整體體驗有何影響。

　　6、忽略觸控目標

　　許多移動(dòng)設計師仍然對用戶(hù)手指大小不同的現狀缺乏重視。一旦涉及行動(dòng)或者任務(wù)導向的觸控目標，盡可能的使它簡(jiǎn)單而且容易點(diǎn)擊。為老人設計時(shí)要考慮觸控時(shí)的抖動(dòng)因素，同樣為兒童設計時(shí)需要考慮點(diǎn)擊的不準確性。建議為圖形資源周?chē)黾恿舭讌^域，以便本質(zhì)上提升觸控面積，幫助提升完成任務(wù)的速度。

　　7、死摳平臺規范

　　在A(yíng)ndroid和iOS平臺上統一一套設計方案有一定局限性，也容易對全局體驗目標帶來(lái)副作用。兩個(gè)平臺上有各自用戶(hù)熟悉的設計模式，設計師不應該只熟悉規范，而應該探索在兩個(gè)平臺上流行的應用。

中企動(dòng)力，專(zhuān)業(yè)企業(yè)網(wǎng)站建設17年，為您打造放心網(wǎng)站。中企動(dòng)力還有近80家分公司，如：保定網(wǎng)站建設分公司等。

　　來(lái)自Moblico Solutions的意見(jiàn)

　　我們同Moblico Solutions(一家提供移動(dòng)關(guān)系管理方案的企業(yè)，其目標是協(xié)助品牌“打造更多有意義的移動(dòng)瞬間”)的一些員工進(jìn)行了交流，他們不僅為諸多行業(yè)客戶(hù)提供了“如何讓他們的移動(dòng)應用體驗更棒”的建議，而且掌握移動(dòng)設計方面的竅門(mén)。以下是他們認為移動(dòng)設計的7大禁忌：

　　1、在用戶(hù)設備上占用過(guò)多容量只為了體現存在感

　　當用戶(hù)收到“磁盤(pán)空間不夠”的提示時(shí)，會(huì )馬上遍歷手機上已經(jīng)安裝的應用并開(kāi)始選擇刪除的對象。如果一個(gè)移動(dòng)應用體積很大，占用了過(guò)多的容量卻并未提供等同的價(jià)值會(huì )怎么樣?后會(huì )有期，用戶(hù)肯定拿你開(kāi)刀。記得保持應用在體積上足夠輕量，這樣至少用戶(hù)不會(huì )輕易把你刪掉。

　　2、在應用啟動(dòng)時(shí)及要求允許權限控制(推送、地理位置、攝像頭等)

　　回想下，有多少次我們興沖沖的下載一個(gè)應用并準備開(kāi)始使用時(shí)，一個(gè)對話(huà)框立馬跳出來(lái)掃了興?我不關(guān)心這個(gè)對話(huà)框描述什么內容，只想馬上關(guān)掉它并繼續使用應用功能。它是啥?好吧，菜鳥(niǎo)應用!

　　3、下載后在使用前就要求登錄、注冊甚至收費

　　實(shí)際上，這條或許應該排為第一禁忌，很難讓人忍受。你能對用戶(hù)所做最糟糕的事情就是：在他們下載你的應用后告訴他們必須付費才能使用。爛，爛，爛，重要的事情說(shuō)三遍，趕緊刪之。

　　4、設計的移動(dòng)應用界面看起來(lái)像網(wǎng)頁(yè)

　　如果這樣，還需要移動(dòng)應用干嘛呢?要說(shuō)有一件事情可以毀掉一個(gè)移動(dòng)開(kāi)發(fā)者，那就是把網(wǎng)頁(yè)的體驗縮小到移動(dòng)端并且稱(chēng)之為移動(dòng)應用。移動(dòng)應用應該有其具體優(yōu)勢，只提供縮水的網(wǎng)頁(yè)體驗遠不能滿(mǎn)足用戶(hù)期望。

　　5、粗暴投放廣告，或者只提供極難點(diǎn)擊的廣告關(guān)閉按鈕

　　當你在滾動(dòng)瀏覽移動(dòng)站點(diǎn)時(shí)，只是手指不小心長(cháng)按了某張圖片就觸發(fā)了瀏覽器廣告，這難道不是讓人煩躁的事情?偏偏還提供極小的關(guān)閉按鈕，誰(shuí)能點(diǎn)得到?想要點(diǎn)擊簡(jiǎn)直跟賭博一樣。嘗試點(diǎn)擊關(guān)閉的時(shí)候還總是因為手指觸控面積較大誤觸了廣告，真是要了命!

　　6、消息推送過(guò)載

　　沒(méi)錯，現在你的應用出現在數百萬(wàn)人的手機屏幕上，它有巨大的影響力。不過(guò)，在推送之前請三思，捫心自問(wèn)：推送是否與用戶(hù)相關(guān)?用戶(hù)是否真的需要它?當然，你可以在你的移動(dòng)店鋪每次上新時(shí)都推送一下，但真的至于么?影響力越大，責任也越大，慎重使用消息推送吧。

　　7、移動(dòng)賬號缺乏單點(diǎn)登錄支持

　　當移動(dòng)開(kāi)發(fā)者認同并尊重用戶(hù)不愿意重復勞動(dòng)的想法時(shí)，最好的體驗才可能產(chǎn)生。沒(méi)人愿意為你的應用重新登錄一次。我們得接受單點(diǎn)登錄的現行趨勢，Facebook在這點(diǎn)上非常成功，繼續加油吧。

中企動(dòng)力是一家專(zhuān)注于網(wǎng)站建設、網(wǎng)站設計、網(wǎng)站制作、建網(wǎng)站、制作網(wǎng)站的高端網(wǎng)站制作公司。

　　來(lái)自Ideaware的意見(jiàn)

　　Andres Max是數字創(chuàng )新機構Ideaware(致力于幫助創(chuàng )業(yè)團隊和財富500強的公司打造有競爭力的移動(dòng)應用)的創(chuàng )始人。在創(chuàng )建Ideaware之前，Max 是Mashable設計團隊的負責人。經(jīng)歷過(guò)為眾多行業(yè)巨頭設計移動(dòng)產(chǎn)品之后，Max對移動(dòng)設計7宗罪有自己深刻的見(jiàn)解：

　　1、用戶(hù)點(diǎn)擊后無(wú)反饋

　　看在上帝的份上，當用戶(hù)在你的應用中進(jìn)行點(diǎn)擊后請給予及時(shí)的反饋吧，否則用戶(hù)會(huì )以為你的應用掛了，并且馬上退出。

　　2、無(wú)休止的引導

　　如果使用自己的手機，我只想快速完成相關(guān)任務(wù)。別問(wèn)我各種問(wèn)題或者讓我填寫(xiě)亂七八糟的內容。

　　3、觸控熱區尺寸不對

　　請停止把按鈕和輸入框做的太小，這不是網(wǎng)頁(yè)。我的手指需要輕松觸及行動(dòng)按鈕，而不是要進(jìn)行精確到像素級的點(diǎn)擊。

　　4、使用古怪的導航模式

　　想讓用戶(hù)可以快速熟悉你的應用?那就不要以自己獨特的方式來(lái)組織導航。Apple的人機交互規范和Google的設計指南就是最好的參照標準。導航設計方面別引入爭議，從而給潛在用戶(hù)一個(gè)卸載應用的理由。

　　5、選取糟糕的配色色系

　　給眼睛一些休息的空間，你不必采用黃黑色文本那樣的出挑配色。

　　6、留白

　　移動(dòng)應用需要很多留白空間，把各種視覺(jué)元素進(jìn)行區分，按鈕得加大處理，所有一切都依靠留白來(lái)提供視覺(jué)緩沖。移動(dòng)端首屏的概念沒(méi)有網(wǎng)頁(yè)那么夸張，所以切忌把所有東西都塞到首屏當中。