首頁

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

用心設(shè)計

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

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

interaction-design-mistakes-01

用用戶的眼睛看用戶

用心設(shè)計

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

圖片6

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

用心設(shè)計

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

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


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

用心設(shè)計

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

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

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

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

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

Image title

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

周周

improve-users-healthy-habits-1

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

停止不必要的UI動效設(shè)計

用心設(shè)計

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

我們將在下文中,簡單探討如何改善下面的這個交互。

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

1-Example of Poor UI

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

用心設(shè)計

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

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

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

1

 

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

用心設(shè)計

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

false-1new

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

用心設(shè)計

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

8lj20151125

日歷

鏈接

個人資料

存檔