中文字幕日韩精品一区二区免费_精品一区二区三区国产精品无卡在_国精品无码专区一区二区三区_国产αv三级中文在线

毀掉APP設(shè)計(jì)的5個(gè)致命錯(cuò)誤

2022-05-14    分類: App設(shè)計(jì)

這個(gè)世界上從來沒有一個(gè)針對App UI設(shè)計(jì)的通用公式(當(dāng)然如果有,你也可以分享給我們),但設(shè)計(jì)過程中總會產(chǎn)生一些致命的錯(cuò)誤。這些錯(cuò)誤會發(fā)生在不同設(shè)計(jì)師身上,不過如果你犯錯(cuò)了,不要覺得丟人,因?yàn)橐粋€(gè)好的UI設(shè)計(jì)是多方面的,不能以偏概全。不過,雖然許多由這些錯(cuò)誤產(chǎn)生的細(xì)微影響在某些情況中也是微不足道的,但這并不能成為我們忽視它們的理由。


今天,我們的主要目的不僅要指出這些錯(cuò)誤,更要去探討一下如何解決這些問題。下文中,我們將通過一些具體的情形描述這五個(gè)致命錯(cuò)誤,并將告訴你,如果以后你的團(tuán)隊(duì)再遇到這些問題,就知道如何處理啦~


Mistake I:字體的誤用


我們先從一些字體的樣式說起。


眾所周知,San Francisco是IOS系統(tǒng)的默認(rèn)字體,而Android則是使用Roboto,而這兩種字體都具備簡潔易辨認(rèn)的特點(diǎn)。當(dāng)然,使用系統(tǒng)默認(rèn)字體是一個(gè)安全可靠的選擇。但也有一些手機(jī)允許用戶更改系統(tǒng)默認(rèn)字體,比如三星,那你就會發(fā)現(xiàn)如果用戶將choco cooky字體設(shè)置為默認(rèn),你精心制作的App將會變的面目全非。。。


同時(shí),在很多情況下我們也需要使用自定義字體。這時(shí),設(shè)計(jì)師們需要記住以下兩點(diǎn):


“Less is more”,這句話想必你已經(jīng)聽了很多遍了。沒錯(cuò),確實(shí)有許許多多令人眼前一亮的字體形式,但使用時(shí)依然需要考慮這種字體的合理性。在選擇這些字體時(shí),需要結(jié)合App本身,是否可以配合以獨(dú)特的字體以提升用戶體驗(yàn),而不是一味的為了使用獨(dú)特設(shè)計(jì)的字體去使用它。


版權(quán)問題。對,你沒有看錯(cuò),是版權(quán)。當(dāng)你在用心設(shè)計(jì)產(chǎn)品的時(shí)候,你有沒有考慮過自己選用的字體和素材是不是擁有使用許可呢?如果這些本就是開源的,那么當(dāng)然會省很多時(shí)間和精力,但仍需要去了解一下,以防在后續(xù)的工作中產(chǎn)生更大的麻煩,甚至付出更大的代價(jià)。


Mistake II:過度密集的頁面


你知道,在一些移動端上,屏幕的界面空間其實(shí)并沒有你想象的那么充足,那這個(gè)時(shí)候你就需要有所取舍,而不是將自己認(rèn)為重要的內(nèi)容一股腦兒地添加上去。


有的時(shí)候,詳細(xì)并不是一件好事。用戶在遇到充滿大量信息的頁面時(shí),會產(chǎn)生迷茫,甚至排斥的心理。所以設(shè)計(jì)師們應(yīng)該將設(shè)計(jì)的重點(diǎn)聚焦到用戶的視線,才能更有效的讓用戶按照App的設(shè)計(jì)思路去獲得信息。


Mistake III:缺乏一致性


設(shè)計(jì)師的思路要保持一致,不能讓用戶產(chǎn)生混淆的感覺。比如說,如果你準(zhǔn)備使用一種元素或風(fēng)格去定義一個(gè)類目,那么請堅(jiān)持下去。用戶一向習(xí)慣在操作中進(jìn)行學(xué)習(xí),但是一旦他們遇到與預(yù)想中不同的操作,便會極大的影響他們的用戶體驗(yàn)。

另外,布局和風(fēng)格的一致性也同樣重要--嗯,在大部分的情況下。例如,可以創(chuàng)建一種風(fēng)格的標(biāo)準(zhǔn),防止自己在之后的設(shè)計(jì)中漸漸偏離軌跡。


延續(xù)性一直是極為重要的一點(diǎn)。但是,一些特殊情況下,你也可以考慮做一些不同的東西。例如嘗試將登錄界面或者使用時(shí)彈出的新窗口的風(fēng)格進(jìn)行改變,這就會產(chǎn)生畫龍點(diǎn)睛的作用。但也務(wù)必記住一點(diǎn):在嘗試使用脫離整體風(fēng)格之外的元素的時(shí)候,你仍然需要考慮到元素與整體風(fēng)格的相關(guān)性,或者互補(bǔ)性。


Mistake IV:IOS到Android的1:1轉(zhuǎn)換


如今,這種不同系統(tǒng)間的復(fù)制效果已經(jīng)變的不是那么理想了。


很多人會問,直接進(jìn)行這種1:1的復(fù)制難道不是很節(jié)省成本和時(shí)間嗎?


當(dāng)然,是這樣的。但是我們更追求用戶的體驗(yàn),不是嗎?用戶一直在使用他們自己的手機(jī),并且肯定已經(jīng)形成與其手機(jī)系統(tǒng)相對應(yīng)的習(xí)慣。那么,如果你創(chuàng)建出來的操作習(xí)慣與用戶的習(xí)慣完全不一樣,用戶就極有可能拋棄你的產(chǎn)品。


舉個(gè)比較典型的例子,IOS和Android都有自己系統(tǒng)獨(dú)特的互動模式,暫且不提產(chǎn)品是否能夠在兩個(gè)系統(tǒng)間平滑的進(jìn)行轉(zhuǎn)換,但如果你讓一個(gè)系統(tǒng)的用戶從零開始學(xué)習(xí)另一個(gè)系統(tǒng)的互動模式,那么他們肯定會不太愉快。


但也不需要過于極端,同一個(gè)產(chǎn)品在不同的系統(tǒng)之間也不需要完完全全的不同,因?yàn)轱L(fēng)格的一致性依然是你需要考慮到的因素,以確保考慮到更多的使用情況,也能延續(xù)自己產(chǎn)品的風(fēng)格。拿租車App Silvercar為例,他們創(chuàng)造了屬于自己的導(dǎo)航風(fēng)格,在不同的系統(tǒng)中也堅(jiān)持維持著使用相同的元素,這就讓這種風(fēng)格完全扎根到他們的產(chǎn)品中,體現(xiàn)了其產(chǎn)品的特色。


Mistake V:貧乏的信息層級


當(dāng)你設(shè)計(jì)一些產(chǎn)品,不管是一張名片、一面網(wǎng)頁還是一個(gè)軟件,用戶總是會以不同的途徑去與之產(chǎn)生互動,那么你就需要考慮如何基于產(chǎn)品與用戶的互動途徑,來表現(xiàn)自己想要呈現(xiàn)的信息。


在開始工作前,抽一點(diǎn)時(shí)間,坐下來想一想什么才是這個(gè)產(chǎn)品你最想突出和呈現(xiàn)的。我相信,一旦你理清了所傳達(dá)信息的層級,那么你一定會產(chǎn)生一個(gè)清晰的想法,如何使用不同的字體、顏色、尺寸、位置去體現(xiàn)這種層級。并且你也需要考慮產(chǎn)品針對的用戶群體以及他們的使用習(xí)慣,制定出理想型和非理想型的方案,并圍繞這些在后續(xù)的工作中設(shè)計(jì)和測試。


- 實(shí)踐中解決問題的途徑 -


現(xiàn)在,我們將告訴你這些問題通常是如何在實(shí)踐中表現(xiàn)出來的,并且應(yīng)該如何去解決它們。我們在這里將使用一個(gè)訂餐軟件的界面修改作為例子。


假定一個(gè)開發(fā)訂餐軟件的客戶需要增加一個(gè)餐廳評級的選項(xiàng),那我們該怎么做。那我們就開始吧:


之前的界面是在iPhone 5仍占有極大市場份額的時(shí)候所設(shè)計(jì)的,所以界面上一些小的單元格、logo、文本在新設(shè)備上查看時(shí)會變的更為密集,極大地影響用戶的操作。從上面對比圖你應(yīng)該已經(jīng)能看出一些不同,而下圖給你放大展現(xiàn)了我們做出改變的地方:


正如你所看到的,單元格之間的距離變的更遠(yuǎn)了,現(xiàn)在的整體更為清晰且不會被互相影響。同時(shí)通過字體、字號的改變,信息層次也得到了改善,品牌的logo得到了突出。用戶現(xiàn)在完全可以通過logo找到自己的需求,而不是費(fèi)勁地去閱讀餐廳的名字和信息。


我們做的另外一個(gè)工作就是排版,我們使用了Oswald的字體去做名稱和標(biāo)簽。最初,我們只預(yù)計(jì)有一行標(biāo)簽,但后來考慮到餐廳一些多樣化的優(yōu)惠報(bào)價(jià),所以現(xiàn)在采取了適應(yīng)更多標(biāo)簽的方式。


我們還考慮到了不同版本Android內(nèi)系統(tǒng)字體和三星系統(tǒng)內(nèi)choco cooky字體的可視化,在這一點(diǎn)上面,我們以添加Roboto作為自定義字體作為解決方法。


而對于評級的標(biāo)志,我們愿意使用與酒店評分、米其林評分相同的星星標(biāo)志,直觀且有意義。但我們同時(shí)也發(fā)現(xiàn)了一個(gè)問題,我們曾經(jīng)使用星星作為用戶標(biāo)記喜愛餐廳的標(biāo)志,現(xiàn)在創(chuàng)新互聯(lián)就無法將這兩個(gè)標(biāo)記同時(shí)放出,因?yàn)闀鹩脩舻睦Щ?。我們不想產(chǎn)生近似標(biāo)志含義不一致,也不想更改評分星星的設(shè)計(jì)。最后,我們通過增加了一個(gè)頁面,以告知用戶增加了新功能的方式去解決了這個(gè)問題。


(酷九合金社)

新聞名稱:毀掉APP設(shè)計(jì)的5個(gè)致命錯(cuò)誤
當(dāng)前URL:http://m.rwnh.cn/news/153212.html

網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián),是專注品牌與效果的網(wǎng)站制作,網(wǎng)絡(luò)營銷seo公司;服務(wù)項(xiàng)目有App設(shè)計(jì)

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)

網(wǎng)站建設(shè)網(wǎng)站維護(hù)公司
山丹县| 隆安县| 锡林郭勒盟| 公主岭市| 大兴区| 类乌齐县| 互助| 卫辉市| 乐陵市| 革吉县| 碌曲县| 浮山县| 和硕县| 墨竹工卡县| 大洼县| 彝良县| 四会市| 太保市| 凤翔县| 太仆寺旗| 永靖县| 德格县| 鹰潭市| 防城港市| 米林县| 永宁县| 隆林| 华宁县| 三门峡市| 景东| 介休市| 东乡族自治县| 达日县| 吴忠市| 阿合奇县| 象山县| 贵定县| 临武县| 青冈县| 天全县| 全椒县|