首頁

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

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

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

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

手機(jī)QQ,是如何做注冊流程的?

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

QQ作為一個(gè)連接人、內(nèi)容與生活的社交平臺,其注冊帳號將是我們產(chǎn)品中非常重要的一環(huán)?;贛obile端與Pc端的區(qū)別,我們在手機(jī)版QQ的設(shè)計(jì)上要求更輕、更快、更便捷的給用戶下發(fā)QQ號。目前手機(jī)版QQ的用戶量覆蓋率已達(dá)8億以上,所以現(xiàn)有新QQ號的注冊情況多為已有號碼登錄情況下的小號注冊。所以如何幫助用戶快速注冊新QQ號,并且使用戶在流程中獲得良好的用戶體驗(yàn)就是我們思考的問題。

手機(jī)QQ,是如何做注冊流程的?

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

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

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

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


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

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

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

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

設(shè)計(jì)的溝通:每一步都算數(shù)

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

寫在前面:

設(shè)計(jì)是一門溝通的藝術(shù),跟信息的溝通,跟設(shè)計(jì)的溝通,跟人的溝通,都是在溝通中獲取信息,達(dá)到目的。

下面我分享幾個(gè)自身工作的經(jīng)驗(yàn),希望對大家有所幫助。


設(shè)計(jì)的溝通:每一步都算數(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)用

UI動效:提高用戶體驗(yàn)的完美解決方案

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

什么用戶如此熱衷動效?


答案很簡單,因?yàn)閯有菍?shí)時(shí)交互的本質(zhì)的補(bǔ)充。也就是說,動效可以營造一種跟物理世界的物體交互事的情感體驗(yàn)。無疑,交互能夠帶給用戶滿足感。本文介紹5個(gè)作者認(rèn)為在設(shè)計(jì)動效事非常有用的交互設(shè)計(jì)核心原則。

UI動效:提高用戶體驗(yàn)的完美解決方案

彈出框設(shè)計(jì)總結(jié)

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

最近在做項(xiàng)目的時(shí)候,發(fā)現(xiàn)項(xiàng)目上對于彈出框的使用有點(diǎn)混亂。例如,需要給用戶一個(gè)操作提示,用彈出框來完成。用戶對這個(gè)功能不了解,加一個(gè)“查看詳情”的圖標(biāo),用戶點(diǎn)擊后跳出彈出框來給用戶展示詳情。用戶想查看這筆操作的詳細(xì)記錄,還是用一個(gè)彈出框來展示。因?yàn)橐憩F(xiàn)的內(nèi)容不一樣(表單,文字,插畫),所以彈出框的樣式不統(tǒng)一,設(shè)計(jì)的一致性被打破。而且彈出框出現(xiàn)的頻率過高,會對用戶的正常操作流程造成干擾。所以這篇文章我對彈出框的使用做了一些總結(jié)。

彈出框設(shè)計(jì)總結(jié)

重新認(rèn)識滾動交互,讓你設(shè)計(jì)的網(wǎng)頁更適合這個(gè)時(shí)代

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

出于對新交互模式的探索和技術(shù)的發(fā)展,曾經(jīng)網(wǎng)頁設(shè)計(jì)中的許多禁忌,現(xiàn)如今反而成為了越來越受歡迎的趨勢,網(wǎng)頁中的滾動交互,就是如此。作為一項(xiàng)基本的交互方式,滾動交互并不是一成不變,它正將新的技巧和新的規(guī)則納入其中,逐步演進(jìn)。

今天的文章,我們會探討滾動交互在網(wǎng)頁中的新變化,探討新“滾動”的利弊,分享技巧。

實(shí)踐提煉:復(fù)雜To B產(chǎn)品的設(shè)計(jì)思路

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

ERP系統(tǒng)是典型的To B產(chǎn)品,擁有體量大、功能雜、專業(yè)強(qiáng)等特點(diǎn)。前段時(shí)間接觸了如此龐大系統(tǒng)中三個(gè)子系統(tǒng)的改版工作,從手足無措到冷靜思考,在無數(shù)磕磕絆絆中總結(jié)了一些面對大型B端項(xiàng)目時(shí)可用的設(shè)計(jì)思路。

因?yàn)轫?xiàng)目復(fù)雜,此篇是整體設(shè)計(jì)思路的提煉及方法論的提出,具體的案例及方法論闡述后續(xù)會有更多文章來和大家共同探討。

日歷

鏈接

個(gè)人資料

存檔