首頁

這也許是最詳細(xì)的APP電商首頁設(shè)計(jì)分析

用心設(shè)計(jì)

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


這也許是最詳細(xì)的APP電商首頁設(shè)計(jì)分析

資深視覺詳解APP設(shè)計(jì)中的微妙細(xì)節(jié)

用心設(shè)計(jì)

寫在前面

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


視覺表現(xiàn)型問題

資深視覺詳解APP設(shè)計(jì)中的微妙細(xì)節(jié)

超實(shí)用!體驗(yàn)設(shè)計(jì)師如何自建知識體系?

資深UI設(shè)計(jì)者

為什么?

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

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

日期選擇器設(shè)計(jì)總結(jié)

用心設(shè)計(jì)

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

日期選擇器設(shè)計(jì)總結(jié)

如何避免交互設(shè)計(jì)中的“刻板印象”

用心設(shè)計(jì)

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

從案例中學(xué)習(xí)如何避免交互設(shè)計(jì)中的“刻板印象”


米大師web改版-設(shè)計(jì)總結(jié)

用心設(shè)計(jì)

米大師web是什么?

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

米大師web改版-設(shè)計(jì)總結(jié)

滴滴試駕商業(yè)B端平臺項(xiàng)目總結(jié)

用心設(shè)計(jì)

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

簡單的來說就是從滴滴試駕c端提取數(shù)據(jù)到B端以供廠商查尋。

實(shí)戰(zhàn)案例!滴滴試駕商業(yè)B端APP 項(xiàng)目設(shè)計(jì)經(jīng)驗(yàn)總結(jié)

用大屏帶你看不一樣的互聯(lián)網(wǎng)保險(xiǎn)

用心設(shè)計(jì)

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

用大屏帶你看不一樣的互聯(lián)網(wǎng)保險(xiǎn) ——眾安保險(xiǎn)PC官網(wǎng)改版總結(jié)

從零開始搭建數(shù)據(jù)可視化系統(tǒng)的實(shí)用指南

用心設(shè)計(jì)

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

從零開始搭建數(shù)據(jù)可視化系統(tǒng)的實(shí)用指南

UI設(shè)計(jì)中的對比應(yīng)用

用心設(shè)計(jì)

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

日歷

鏈接

個人資料

存檔