首頁

常識(shí)小科普!12個(gè)常見的網(wǎng)站交互設(shè)計(jì)錯(cuò)誤

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

當(dāng)瀏覽網(wǎng)站時(shí),我們喜歡看頁面設(shè)計(jì)展示出干凈、清爽的對(duì)比。對(duì)比達(dá)到了一個(gè)重要的目的——它使內(nèi)容可讀,并毫不費(fèi)力地在頁面上指導(dǎo)用戶。這是一個(gè)最基本的設(shè)計(jì)概念,只是很奇怪,有些網(wǎng)站似乎就是不明白。

沒有足夠的對(duì)比度的話,不管是顏色或整體展示,一個(gè)網(wǎng)站看起來,在最好的情況下,也會(huì)讓你覺得有點(diǎn)兒丈二和尚摸不著頭腦,在最壞的情況下,將會(huì)使頁面完全不可讀。

interaction-design-mistakes-01

用用戶的眼睛看用戶

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

“想看到真正的世界,就要用天的眼睛去看天,用云的眼睛去看云,用風(fēng)的眼睛去看風(fēng),用花草樹木的眼睛去看花草樹木,用石頭的眼睛去看石頭,用大海的眼睛去看大海,用動(dòng)物的眼睛去看動(dòng)物,用人的眼睛去看人?!?

圖片6

如何在用戶體驗(yàn)與業(yè)務(wù)目標(biāo)之間尋求設(shè)計(jì)平衡點(diǎn)?

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

設(shè)計(jì)師眼中,似乎所有與業(yè)務(wù)、營銷相關(guān)的東西都是垃圾。首先,它們不是垃圾。其次,就算它們是垃圾,你覺得誰更應(yīng)該站出來做好清潔工作?你覺得誰更適合于將各種復(fù)雜、混亂、差勁的東西梳理清楚,整合成為既能讓用戶開心又能推動(dòng)業(yè)務(wù)發(fā)展的表現(xiàn)形式?在很多時(shí)候,答案是“設(shè)計(jì)師”。

屏幕快照 2016-02-03 下午2.32.23.png


交互技巧,淺析四個(gè)主流的頁面間跳轉(zhuǎn)動(dòng)效

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

多出現(xiàn)于信息內(nèi)容頁面,用戶將絕大部分注意力集中在內(nèi)容信息本身上。當(dāng)信息不足或者展現(xiàn)形式上不符合自身要求,臨時(shí)調(diào)用工具對(duì)該頁面內(nèi)容進(jìn)行添加、編輯等操作。在臨時(shí)頁面停留時(shí)間短暫,只想快速操作后重新回到信息內(nèi)容本身上面。Tool   Tool

先用紙和筆來畫草圖能讓整個(gè)設(shè)計(jì)過程變得更爽

藍(lán)藍(lán)設(shè)計(jì)的小編

我爹是一個(gè)插畫師,所以我記得小時(shí)候,家里到處都擺著老爹干活的家當(dāng)。用大頭筆在畫紙上畫畫時(shí)發(fā)出的沙沙聲,和大白兔糖一樣成了我最回味的童年記憶。長大之后我成了一枚設(shè)計(jì)師,但是來到這個(gè)時(shí)代我發(fā)現(xiàn),真的掏出紙筆來畫畫的機(jī)會(huì)是越來越少有了。今時(shí)今日,人們能很容易就下載到各類高保真的UI kits,各種精美的libraries,更有多到泛濫的軟件能幫助我們很容易就做出一個(gè)炫酷到爆的高保真原型。

在為Design Sprint干活的那幾年里,我常常喜歡用各種不同的作死方法來進(jìn)行我的工作。期間我發(fā)現(xiàn),回歸到用紙和筆來畫低保真的原型這種做法真是深得我心,畫草圖能讓你的腦筋騰出更多的空間來思索新的點(diǎn)子,挖掘出真正有意義的問題,讓我有更多的時(shí)間和產(chǎn)品或者視覺或者開發(fā)撕逼,而不是浪費(fèi)在畫一個(gè)個(gè)炫到不發(fā)朋友圈天理難容原型上。

Image title

專業(yè)干貨!如何用科學(xué)方法幫你提升用戶粘性?

周周

improve-users-healthy-habits-1

編者按:如何提高用戶粘性?今天阿里錦笙同學(xué)翻譯的好文,從心理學(xué)、用戶行為習(xí)慣、鉤狀模型、觸發(fā)器、動(dòng)機(jī)等方面給出了科學(xué)專業(yè)的分析,行文流暢自如,循序漸進(jìn),有不少閃光知識(shí)點(diǎn),來收!

停止不必要的UI動(dòng)效設(shè)計(jì)

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

短文將會(huì)探討UI設(shè)計(jì)中動(dòng)畫的過度使用,并將其與早期的視覺設(shè)計(jì)進(jìn)行對(duì)比,提出一些對(duì)于有效的GUI動(dòng)效設(shè)計(jì)的建議。

我們將在下文中,簡(jiǎn)單探討如何改善下面的這個(gè)交互。

相關(guān)好文推薦:盤點(diǎn)那些應(yīng)該杜絕濫用的設(shè)計(jì)

1-Example of Poor UI

設(shè)計(jì)師必看!一個(gè)專業(yè)設(shè)計(jì)流程的7個(gè)步驟

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

根據(jù)客戶的需求完成一個(gè)高質(zhì)量的設(shè)計(jì)工作是不容易的,而且大多數(shù)設(shè)計(jì)師知道構(gòu)建你的有效的時(shí)間管理結(jié)構(gòu)是非常重要的。

你有很多方法可以構(gòu)建這個(gè)過程,但幾個(gè)關(guān)鍵階段,如調(diào)查研究或修訂,應(yīng)始終是你的時(shí)間表的一部分。

這里有7個(gè)步驟,大多數(shù)設(shè)計(jì)項(xiàng)目必須經(jīng)過從最初的客戶簡(jiǎn)報(bào)中得到一個(gè)成功的設(shè)計(jì)。

1

 

想強(qiáng)調(diào)重點(diǎn)該用粗體、下劃線還是斜體?

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

在 Office 軟件的設(shè)定中,i, B 兩個(gè)按鈕可以把任意字體變成斜體或粗體。如果一套字體里真的有粗體、斜體那倒不會(huì)有問題(例如微軟正黑體有粗體);但是如果缺乏粗體、斜體,就會(huì)用程序演算出來一個(gè)替代的版本。這其實(shí)不是一個(gè)字體最天然的設(shè)計(jì)。

false-1new

阿里交互設(shè)計(jì)專家:國外的視覺設(shè)計(jì)好在哪里?

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

近為了團(tuán)隊(duì)能做好產(chǎn)品首頁設(shè)計(jì),我研究了很多國外to B類的相關(guān)產(chǎn)品設(shè)計(jì)。發(fā)現(xiàn)國外這類設(shè)計(jì)作品在整體水準(zhǔn)上比國內(nèi)高了不止一個(gè)檔次(國內(nèi)to B產(chǎn)品起步較晚,在設(shè)計(jì)方面的研究幾乎空白),而這種差距和設(shè)計(jì)技法沒有太多關(guān)系,更多的是對(duì)產(chǎn)品個(gè)性的把握和傳達(dá)。

8lj20151125

日歷

鏈接

個(gè)人資料

存檔