用心設(shè)計(jì)
網(wǎng)頁(yè)中的header，一般我們稱之為頂部導(dǎo)航欄，這里為了行文方便，以下都簡(jiǎn)稱頂部欄。頂部欄對(duì)于一個(gè)網(wǎng)站的用戶體驗(yàn)來說是至關(guān)重要的，因?yàn)楦鶕?jù)用戶的瀏覽習(xí)慣（從左到右，從上到下），當(dāng)他們進(jìn)入一個(gè)新的網(wǎng)站，頂部欄通常是他們看到的地方。我們都知道用戶對(duì)于你產(chǎn)品的第一印象是很重要的，因?yàn)樗鼤?huì)一直伴隨接下來的使用過程，而且第一印象無法更改。
搜索幾乎是現(xiàn)在所有網(wǎng)站，APP甚至操作系統(tǒng)的標(biāo)配，不論是電商還是論壇等等。它是一個(gè)站內(nèi)給用戶直接到達(dá)目的地的通道，起到了一個(gè)引導(dǎo)用戶走向的重要作用。在不同的系統(tǒng)，不同用途的網(wǎng)站上搜索呈現(xiàn)的方式都有所不同。
日期選擇器的設(shè)計(jì)很容易被我們忽視，因?yàn)槲覀儩撘庾R(shí)都覺得日期選擇器很簡(jiǎn)單。其實(shí)的確也很簡(jiǎn)單：一個(gè)輸入框，一個(gè)日歷圖標(biāo)，用戶點(diǎn)擊日歷圖標(biāo)就會(huì)彈出一個(gè)日歷浮層來供用戶選擇具體日期。這是每一個(gè)日期選擇器的基本樣式，看起來的確很簡(jiǎn)單。但是事實(shí)真的是這樣的嗎？在設(shè)計(jì)日期選擇器之前，設(shè)計(jì)師要問自己一下幾個(gè)問題：
QQ作為一個(gè)連接人、內(nèi)容與生活的社交平臺(tái)，其注冊(cè)帳號(hào)將是我們產(chǎn)品中非常重要的一環(huán)。基于Mobile端與Pc端的區(qū)別，我們?cè)谑謾C(jī)版QQ的設(shè)計(jì)上要求更輕、更快、更便捷的給用戶下發(fā)QQ號(hào)。目前手機(jī)版QQ的用戶量覆蓋率已達(dá)8億以上，所以現(xiàn)有新QQ號(hào)的注冊(cè)情況多為已有號(hào)碼登錄情況下的小號(hào)注冊(cè)。所以如何幫助用戶快速注冊(cè)新QQ號(hào)，并且使用戶在流程中獲得良好的用戶體驗(yàn)就是我們思考的問題。
一直在看奇葩說，聽到很多次的一個(gè)詞叫“刻板印象”。而人之所以有“刻板印象”，是因?yàn)橛衏ategorical thinking(類別型思維)，它往往使我們產(chǎn)生對(duì)事物的固有看法和理解，是在看到某些特定人、事、物時(shí)第一時(shí)間想到的，這些就形成了“刻板印象”。毋庸置疑，使用“刻板印象”（經(jīng)驗(yàn)）能無形中提升工作效率；減少溝通和開發(fā)測(cè)試成本；也不會(huì)太多的打破用戶習(xí)慣。然而，它也會(huì)帶來負(fù)面影響，讓我們對(duì)真實(shí)世界失去客觀判斷。
從早幾年前移動(dòng)互聯(lián)網(wǎng)大行其道，到如今VR/AR逐漸進(jìn)入大家的視野，回過頭看，PC端的網(wǎng)頁(yè)設(shè)計(jì)和體驗(yàn)作為一個(gè)“舊課題”似乎不再是企業(yè)和設(shè)計(jì)的核心問題。但是，我們真如想象中那樣遠(yuǎn)離電腦了么？
寫在前面：
設(shè)計(jì)是一門溝通的藝術(shù)，跟信息的溝通，跟設(shè)計(jì)的溝通，跟人的溝通，都是在溝通中獲取信息，達(dá)到目的。
下面我分享幾個(gè)自身工作的經(jīng)驗(yàn)，希望對(duì)大家有所幫助。
UI設(shè)計(jì)的最終目的就是為了更好的展示產(chǎn)品的內(nèi)容，讓用戶可以更好的接受。與傳統(tǒng)媒介相比，互聯(lián)網(wǎng)產(chǎn)品所包含的內(nèi)容更多，而且更加復(fù)雜。以書籍為例，我們讀書都是一頁(yè)一頁(yè)的翻，一句一句的讀，不能跳來跳去。但是對(duì)于app和網(wǎng)頁(yè)來說，我們無法期望用戶像讀書一樣來使用你的產(chǎn)品。這樣不現(xiàn)實(shí)，現(xiàn)在是快速讀圖時(shí)代，即使面對(duì)文字用戶也很少去“讀”，他們更習(xí)慣一目十行的去掃描。互聯(lián)網(wǎng)產(chǎn)品應(yīng)該做到讓用戶在短時(shí)間內(nèi)就可以獲取到他們期望的信息，找到他們想要使用的功能。
什么用戶如此熱衷動(dòng)效？
答案很簡(jiǎn)單，因?yàn)閯?dòng)效是對(duì)實(shí)時(shí)交互的本質(zhì)的補(bǔ)充。也就是說，動(dòng)效可以營(yíng)造一種跟物理世界的物體交互事的情感體驗(yàn)。無疑，交互能夠帶給用戶滿足感。本文介紹5個(gè)作者認(rèn)為在設(shè)計(jì)動(dòng)效事非常有用的交互設(shè)計(jì)核心原則。
最近在做項(xiàng)目的時(shí)候，發(fā)現(xiàn)項(xiàng)目上對(duì)于彈出框的使用有點(diǎn)混亂。例如，需要給用戶一個(gè)操作提示，用彈出框來完成。用戶對(duì)這個(gè)功能不了解，加一個(gè)“查看詳情”的圖標(biāo)，用戶點(diǎn)擊后跳出彈出框來給用戶展示詳情。用戶想查看這筆操作的詳細(xì)記錄，還是用一個(gè)彈出框來展示。因?yàn)橐憩F(xiàn)的內(nèi)容不一樣（表單，文字，插畫），所以彈出框的樣式不統(tǒng)一，設(shè)計(jì)的一致性被打破。而且彈出框出現(xiàn)的頻率過高，會(huì)對(duì)用戶的正常操作流程造成干擾。所以這篇文章我對(duì)彈出框的使用做了一些總結(jié)。
藍(lán)藍(lán)設(shè)計(jì)的小編 http://www.gyxygd.cn
