首頁(yè)

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

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

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

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

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

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

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

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

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

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

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

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


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

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

從早幾年前移動(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)離電腦了么?

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

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

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

寫(xiě)在前面:

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

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


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

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

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

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

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

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

什么用戶(hù)如此熱衷動(dòng)效?


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

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

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

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

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

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

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

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

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

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

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

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

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

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

日歷

鏈接

個(gè)人資料

存檔