<strike id="cy2gs"><menu id="cy2gs"></menu></strike>
  • <del id="cy2gs"><dfn id="cy2gs"></dfn></del>
  • 【譯文】移動應用界面設(shè)計7宗罪

    2022-3-2    博博

    本文是移動原型工具Proto.io的設(shè)計團隊8月份在自家博客上發(fā)表的一篇“軟文”,通過與移動設(shè)計界大牛們的對話,幫助大家了解在進行移動設(shè)計時應該特別注意的禁忌,大家可以回顧一下自己團隊的應用正在觸犯哪些禁忌,想必會有點意思。

    【譯者注】本文是移動原型工具Proto.io的設(shè)計團隊8月份在自家博客上發(fā)表的一篇“軟文”,通過與移動設(shè)計界大牛們的對話,幫助大家了解在進行 移動設(shè)計時應該特別注意的禁忌,順便推了一下Proto這個工具。大家可以回顧一下自己團隊的應用正在觸犯哪些禁忌,想必會有點意思。讀完本文,相信你能 找到優(yōu)化自家移動應用設(shè)計的方向。


    規(guī)則就是用來打破的?這完全取決于規(guī)則本身。在移動應用界面設(shè)計(后續(xù)簡稱:移動設(shè)計)的世界里,大家對美學、手勢和動效的看法略有不同。有時一個簡單的功能性應用比華麗的應用帶來的效果更好,而有時候卻恰恰相反。


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

    我們試圖了解優(yōu)秀的設(shè)計師們心目當中移動設(shè)計的7宗罪是什么。經(jīng)過垂詢?nèi)M設(shè)計專家,我們得到了三個略有區(qū)別的結(jié)果,看看你是否能從其中找到一致的地方呢。


    0c0156e773ac32f875520f0b7ce5.jpg




    來自AKTA的意見


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


    1、忽略上下文情境


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


    2、閉門造車


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


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


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


    4、低估動效設(shè)計


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


    5、字號太小


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


    6、忽略觸控目標


    許多移動設(shè)計師仍然對用戶手指大小不同的現(xiàn)狀缺乏重視。一旦涉及行動或者任務(wù)導向的觸控目標,盡可能的使它簡單而且容易點擊。為老人設(shè)計時要考慮觸控時的 抖動因素,同樣為兒童設(shè)計時需要考慮點擊的不準確性。建議為圖形資源周圍增加留白區(qū)域,以便本質(zhì)上提升觸控面積,幫助提升完成任務(wù)的速度。


    7、死摳平臺規(guī)范


    在Android和iOS平臺上統(tǒng)一一套設(shè)計方案有一定局限性,也容易對全局體驗目標帶來副作用。兩個平臺上有各自用戶熟悉的設(shè)計模式,設(shè)計師不應該只熟悉規(guī)范,而應該探索在兩個平臺上流行的應用。


    230656e773cb6ac7255885014da5.jpg




    來自Moblico Solutions的意見


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


    1、在用戶設(shè)備上占用過多容量只為了體現(xiàn)存在感


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


    2、在應用啟動時及要求允許權(quán)限控制(推送、地理位置、攝像頭等)


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


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


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


    4、設(shè)計的移動應用界面看起來像網(wǎng)頁


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


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


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


    6、消息推送過載


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


    7、移動賬號缺乏單點登錄支持


    當移動開發(fā)者認同并尊重用戶不愿意重復勞動的想法時,最好的體驗才可能產(chǎn)生。沒人愿意為你的應用重新登錄一次。我們得接受單點登錄的現(xiàn)行趨勢,F(xiàn)acebook在這點上非常成功,繼續(xù)加油吧。


    208456e773e232f875520f8802a6.jpg




    來自Ideaware的意見


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


    1、用戶點擊后無反饋


    看在上帝的份上,當用戶在你的應用中進行點擊后請給予及時的反饋吧,否則用戶會以為你的應用掛了,并且馬上退出。


    2、無休止的引導


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


    3、觸控熱區(qū)尺寸不對


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


    4、使用古怪的導航模式


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


    5、選取糟糕的配色色系


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


    6、留白


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


    7、無休止的推送


    為了上帝,請不要每天推送20條消息給用戶了。用戶在收到幾條推送后,就會深深的感覺到想要卸載應用的那股沖動。


    3a6956e773f26ac7255885dc59a7.jpg



    你心目中的移動設(shè)計7宗罪是什么呢?


    盡管不同設(shè)計師心目中的7宗罪不盡相同,我們依然可以看到不少相似點和共識。最重要的兩條是:1、除非確有必要,避免推送消息;2、通過使用符合習慣與直覺的導航,以及提供其當尺寸的視覺元素,讓你的移動設(shè)計具備可用性。


    我們還能想到的一條是:忽略數(shù)字原型。在原型設(shè)計階段能夠發(fā)現(xiàn)很多移動設(shè)計問題,以及讓它們更具可用性更加出色的寶貴反饋。這也是Proto.io為什么堅持提供強大又易用的原型解決方案的原因。




    譯者:1688事業(yè)部/無線交互/舒舟
    文章來源:站酷   作者:阿里巴巴CBU設(shè)計

    分享此文一切功德,皆悉回向給文章原作者及眾讀者.

    免責聲明:藍藍設(shè)計尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問題,請及時與我們?nèi)〉寐?lián)系,我們立即更正或刪除。

    藍藍設(shè)計( m.skdbbs.com )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)


    日歷

    鏈接

    個人資料

    藍藍設(shè)計的小編 http://m.skdbbs.com

    存檔

    主站蜘蛛池模板: 国产精品污视频| 精品国产黑色丝袜高跟鞋| 9999国产精品欧美久久久久久| 伊人久久无码精品中文字幕| 四虎国产精品永久一区| 国产精品丝袜一区二区三区| 无码人妻一区二区三区精品视频 | 四虎永久在线精品免费一区二区| 欧美黑人巨大精品| 国产a视频精品免费观看| 伊人久久精品无码二区麻豆| 精品国产成人国产在线观看| 中文字幕成人精品久久不卡| 99精品全国免费观看视频..| 久久婷婷国产综合精品| 亚洲午夜精品久久久久久浪潮| 国内精品久久久久久麻豆| 99久久99久久精品国产片| 日韩精品在线一区二区| 精品999久久久久久中文字幕| 99精品国产高清一区二区麻豆| 国产国拍亚洲精品mv在线观看| 久久精品国产网红主播| 久久精品国产亚洲av麻豆小说| 日韩精品无码中文字幕一区二区| 亚洲日韩中文在线精品第一| 无码人妻一区二区三区精品视频 | 亚洲精品无码久久一线| 亚洲精品麻豆av| 在线亚洲精品福利网址导航| 最新国产乱人伦偷精品免费网站| 香蕉依依精品视频在线播放| 无码精品第一页| 亚洲精品二三区| 日韩精品免费一线在线观看| 完整观看高清秒播国内外精品资源| 美女岳肉太深了使劲国产精品亚洲专一区二区三区 | 国产A√精品区二区三区四区| 久久精品无码专区免费东京热| 乱精品一区字幕二区| 精品久久久久香蕉网|