首頁(yè)

掌握這5個(gè)方面,讓你具備真正的交互設(shè)計(jì)思維!

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

交互思維是什么?網(wǎng)上的搜索結(jié)果大多是一些交互設(shè)計(jì)的方法。但是我這里要講的,是真正做交互設(shè)計(jì)所具備的思維方式。交互設(shè)計(jì)在國(guó)內(nèi)發(fā)展的并不成熟,還有很長(zhǎng)一段路要走。很多人,甚至包括交互設(shè)計(jì)師自身,對(duì)這一工作的性質(zhì)和價(jià)值都未必有足夠的了解。

交互設(shè)計(jì),聽(tīng)上去是“設(shè)計(jì)”,但是其本質(zhì)和常見(jiàn)的UI和視覺(jué)設(shè)計(jì)相去甚遠(yuǎn)?!敖换ァ敝傅氖侨祟?lèi)與機(jī)器之間的溝通,與美學(xué)、界面、按鈕什么的,其實(shí)沒(méi)有半毛錢(qián)關(guān)系。領(lǐng)域細(xì)分之前,也許我們考慮的東西越多越好,但是在細(xì)分之后的今天甚至未來(lái),交互設(shè)計(jì)就要有它不一樣的價(jià)值。

由于目前的大環(huán)境對(duì)這一細(xì)分領(lǐng)域仍舊缺乏了解,所以我希望在這篇文章里,寫(xiě)幾個(gè)做交互設(shè)計(jì)所需要的思維方式。

煩人的“小妖精”:淺談小紅點(diǎn)的設(shè)計(jì)

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

導(dǎo)語(yǔ)

隨著各類(lèi)App的業(yè)務(wù)功能不斷豐富,小紅點(diǎn)已經(jīng)成為互聯(lián)網(wǎng)從業(yè)者們最常使用的運(yùn)營(yíng)工具之一,每當(dāng)有新的運(yùn)營(yíng)內(nèi)容或新功能上線(xiàn),大家的做法往往是“在那放個(gè)紅點(diǎn)就行了”。然而簡(jiǎn)單粗暴的形式以及不加節(jié)制的投放,讓小紅點(diǎn)變成了人人厭煩的“小妖精”。本文從設(shè)計(jì)的角度出發(fā)淺談小紅點(diǎn)的一些設(shè)計(jì)細(xì)節(jié),期望引起大家對(duì)小紅點(diǎn)的關(guān)注,在這里拋磚引玉,也期待感興趣的小伙伴一起探討。

煩人的小紅點(diǎn)

人類(lèi)似乎天生對(duì)不對(duì)稱(chēng),不和諧的事物有厭煩心理,并且想要去糾正這些“錯(cuò)誤”,簡(jiǎn)而言之就是大家平時(shí)所說(shuō)的“強(qiáng)迫癥”。而小紅點(diǎn)則完美利用了這一人性的弱點(diǎn),它就像白嫩臉頰上長(zhǎng)出的一顆小痘痘,讓人忍住不去要去擠破它。因此,小紅點(diǎn)也成為了一把產(chǎn)品運(yùn)營(yíng)利器,只要投放在某個(gè)業(yè)務(wù)入口,就幾乎沒(méi)有用戶(hù)會(huì)對(duì)它熟視無(wú)睹,而當(dāng)用戶(hù)忍不住要去輕觸消除它時(shí),產(chǎn)品側(cè)為業(yè)務(wù)導(dǎo)流的目的也就達(dá)到了。

那么問(wèn)題來(lái)了,用戶(hù)喜歡小紅點(diǎn)嗎?在Google和必應(yīng)上搜索關(guān)鍵詞“App 小紅點(diǎn)”,幾乎有一半的搜索結(jié)果是“教你如何消除小紅點(diǎn)”。

網(wǎng)頁(yè)頂部導(dǎo)航欄設(shè)計(jì)總結(jié)

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

網(wǎng)頁(yè)中的header,一般我們稱(chēng)之為頂部導(dǎo)航欄,這里為了行文方便,以下都簡(jiǎn)稱(chēng)頂部欄。頂部欄對(duì)于一個(gè)網(wǎng)站的用戶(hù)體驗(yàn)來(lái)說(shuō)是至關(guān)重要的,因?yàn)楦鶕?jù)用戶(hù)的瀏覽習(xí)慣(從左到右,從上到下),當(dāng)他們進(jìn)入一個(gè)新的網(wǎng)站,頂部欄通常是他們看到的地方。我們都知道用戶(hù)對(duì)于你產(chǎn)品的第一印象是很重要的,因?yàn)樗鼤?huì)一直伴隨接下來(lái)的使用過(guò)程,而且第一印象無(wú)法更改。


網(wǎng)頁(yè)頂部導(dǎo)航欄設(shè)計(jì)總結(jié)

搜索框中有那些細(xì)節(jié)?

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

搜索幾乎是現(xiàn)在所有網(wǎng)站,APP甚至操作系統(tǒng)的標(biāo)配,不論是電商還是論壇等等。它是一個(gè)站內(nèi)給用戶(hù)直接到達(dá)目的地的通道,起到了一個(gè)引導(dǎo)用戶(hù)走向的重要作用。在不同的系統(tǒng),不同用途的網(wǎng)站上搜索呈現(xiàn)的方式都有所不同。

搜索框中有那些細(xì)節(jié)?

日期選擇器設(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)。基于Mobile端與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)用

日歷

鏈接

個(gè)人資料

存檔