移動(dòng)端產(chǎn)品最難的地方就是在很小的屏幕上展示出你所有的業(yè)務(wù)。因?yàn)橛辛似聊坏南拗疲由弦苿?dòng)端的客戶碎片化閱讀的習(xí)慣和高流失率。所以業(yè)務(wù)復(fù)雜的App是設(shè)計(jì)難度較高的。電商就是這種類型的App，既要保證首頁(yè)業(yè)務(wù)展示完整性，又要保證用戶體驗(yàn)滿意度，每一個(gè)頁(yè)面設(shè)計(jì)都要考慮一些技巧和思考維度，非?？简?yàn)設(shè)計(jì)師的設(shè)計(jì)功力。所以電商類App是要展示內(nèi)容最多也是最難做的一類App。所以我們以電商為例來(lái)分析首頁(yè)設(shè)計(jì)。

寫在前面

隨著移動(dòng)優(yōu)先的趨勢(shì)，APP的設(shè)計(jì)也越來(lái)越受到公司重視，不斷地提高APP的設(shè)計(jì)質(zhì)量是每個(gè)設(shè)計(jì)師的追求，有哪些設(shè)計(jì)中的細(xì)節(jié)被你忽略了呢？讓我們一起來(lái)看看這些細(xì)節(jié)你都把握住了嗎。

視覺(jué)表現(xiàn)型問(wèn)題

為什么？

我們有這樣的焦慮，其實(shí)是因?yàn)槲覀儗?duì)交互知識(shí)的整個(gè)體系無(wú)法預(yù)估（事實(shí)上設(shè)計(jì)的高度非標(biāo)準(zhǔn)性也令我們無(wú)法感知整個(gè)知識(shí)體系的邊界，事實(shí)上它本身也沒(méi)邊界），所以導(dǎo)致我們常常不夠安心。

事實(shí)上，知識(shí)學(xué)習(xí)本身就有一條學(xué)習(xí)曲線：剛開始是成長(zhǎng)期，隨后就是平穩(wěn)期，然后就進(jìn)入瓶頸期，需要學(xué)得更深，否則只會(huì)一直停滯。越到瓶頸期，越不知道要學(xué)什么。

日期選擇器的設(shè)計(jì)很容易被我們忽視，因?yàn)槲覀儩撘庾R(shí)都覺(jué)得日期選擇器很簡(jiǎn)單。其實(shí)的確也很簡(jiǎn)單：一個(gè)輸入框，一個(gè)日歷圖標(biāo)，用戶點(diǎn)擊日歷圖標(biāo)就會(huì)彈出一個(gè)日歷浮層來(lái)供用戶選擇具體日期。這是每一個(gè)日期選擇器的基本樣式，看起來(lái)的確很簡(jiǎn)單。但是事實(shí)真的是這樣的嗎？在設(shè)計(jì)日期選擇器之前，設(shè)計(jì)師要問(wèn)自己一下幾個(gè)問(wèn)題：

一直在看奇葩說(shuō)，聽(tīng)到很多次的一個(gè)詞叫“刻板印象”。而人之所以有“刻板印象”，是因?yàn)橛衏ategorical thinking(類別型思維)，它往往使我們產(chǎn)生對(duì)事物的固有看法和理解，是在看到某些特定人、事、物時(shí)第一時(shí)間想到的，這些就形成了“刻板印象”。毋庸置疑，使用“刻板印象”（經(jīng)驗(yàn)）能無(wú)形中提升工作效率；減少溝通和開發(fā)測(cè)試成本；也不會(huì)太多的打破用戶習(xí)慣。然而，它也會(huì)帶來(lái)負(fù)面影響，讓我們對(duì)真實(shí)世界失去客觀判斷。

米大師web是什么？

米大師web是計(jì)費(fèi)平臺(tái)部為公司以及合作方提供的，web端泛娛樂(lè)業(yè)務(wù)支付解決方案。后臺(tái)以SDK包提供給業(yè)務(wù)，前端以支付彈窗形式適配所有業(yè)務(wù)場(chǎng)景。

商業(yè)B端平臺(tái)app是滴滴出行旗下試駕針對(duì)廠商內(nèi)部開發(fā)的一款app，通過(guò)進(jìn)入試駕B端，廠商能夠快速的獲取相關(guān)數(shù)據(jù)。app內(nèi)有滴滴試駕在c端的基本數(shù)據(jù)和畫像分析。合作廠商還可以查詢具體與試駕合作項(xiàng)目的基本情況、畫像分析、車輛情況等數(shù)據(jù)。

簡(jiǎn)單的來(lái)說(shuō)就是從滴滴試駕c端提取數(shù)據(jù)到B端以供廠商查尋。

從早幾年前移動(dòng)互聯(lián)網(wǎng)大行其道，到如今VR/AR逐漸進(jìn)入大家的視野，回過(guò)頭看，PC端的網(wǎng)頁(yè)設(shè)計(jì)和體驗(yàn)作為一個(gè)“舊課題”似乎不再是企業(yè)和設(shè)計(jì)的核心問(wèn)題。但是，我們真如想象中那樣遠(yuǎn)離電腦了么？

如何搭建數(shù)據(jù)可視化系統(tǒng)，用豐富的設(shè)計(jì)語(yǔ)言清晰表達(dá)復(fù)雜和龐大數(shù)據(jù)，并形成鮮明的設(shè)計(jì)風(fēng)格？我們把數(shù)據(jù)可視化的元素進(jìn)行拆分并建立相應(yīng)的規(guī)范體系。

UI設(shè)計(jì)的最終目的就是為了更好的展示產(chǎn)品的內(nèi)容，讓用戶可以更好的接受。與傳統(tǒng)媒介相比，互聯(lián)網(wǎng)產(chǎn)品所包含的內(nèi)容更多，而且更加復(fù)雜。以書籍為例，我們讀書都是一頁(yè)一頁(yè)的翻，一句一句的讀，不能跳來(lái)跳去。但是對(duì)于app和網(wǎng)頁(yè)來(lái)說(shuō)，我們無(wú)法期望用戶像讀書一樣來(lái)使用你的產(chǎn)品。這樣不現(xiàn)實(shí)，現(xiàn)在是快速讀圖時(shí)代，即使面對(duì)文字用戶也很少去“讀”，他們更習(xí)慣一目十行的去掃描。互聯(lián)網(wǎng)產(chǎn)品應(yīng)該做到讓用戶在短時(shí)間內(nèi)就可以獲取到他們期望的信息，找到他們想要使用的功能。