首頁

用一個實戰(zhàn)案例,帶你從零開始做用戶體驗研究

周周

編者按:設(shè)計師應(yīng)該如何做用戶體驗研究?今天譯者Lisa用一個實戰(zhàn)案例,從零開始帶你學(xué)習專業(yè)的用戶體驗研究方法。

當談?wù)摰藉憻挄r,這個世界上有三類人:

  1. 每時每刻都在健身的健康達人;
  2. 那些一天中全部鍛煉內(nèi)容就是從前門走到車里,每天在沙發(fā)看電視的人們;
  3. 在這兩者之間,想變的健康強壯但缺少一些動力去健身房的人(又稱在屁股上踢一腳才行動的人)。

我,和我知道的大多數(shù)人一樣,都是第三種類型的人。我們被稱為是價值數(shù)十億美元可穿戴健身追蹤器市場的目標消費者。這些年,我已經(jīng)嘗試了不少健康追蹤器,我當前最喜歡的是Fitbit。這是一個很好的追蹤器并且能夠激勵我變的更活躍一點,但是當我使用他們的iOS app的時候卻遇到了不少問題。所以我決定以我UX設(shè)計師的身份在這片沒人探索過的地方冒險,來看看是否有人遇到了和我一樣的問題并且我是否能給這個app帶來一些改進。

騰訊有30多個LOGO的重設(shè)計,都是靠這個思路完成的

周周

編者按:今年騰訊很多品牌進行了改版(QQ/騰訊云/QQ音樂等等),說出來你可能不信,盡管這30多個LOGO所處領(lǐng)域完全不同,但重設(shè)計卻都依照了一個思路(包括造型/質(zhì)感/色彩3方面),想跟上潮流,學(xué)到方法,這篇絕對不能錯過!

飛兒:在SNG(騰訊社交網(wǎng)絡(luò)事業(yè)群)品牌系統(tǒng)語言里,LOGO系統(tǒng)承載品牌視覺的最核心容器,是整個品牌視覺系統(tǒng)的靈魂,是品牌的精神文化理念、信譽、服務(wù)等特點的濃縮表現(xiàn),直接影響著社交網(wǎng)絡(luò)品牌的發(fā)展。本文核心剖析社交網(wǎng)絡(luò)產(chǎn)品LOGO設(shè)計系統(tǒng)。

銳變啟程

伴隨著我們的成長的QQ,2016年已經(jīng)成功銳變。新企鵝整體造型更加銳利、修身、簡潔。企鵝的視覺角度從略帶俯視變成了平視,讓其圖形更加的幾何化。更簡潔時尚的企鵝LOGO在年輕用戶心中成為“潮鵝”。

QQ不是孤軍奮戰(zhàn),是整個社交網(wǎng)絡(luò)產(chǎn)品體系在一起奮進。

我們的用戶群體是年輕且最有活力的一代。品牌的內(nèi)涵理念要持續(xù)提升,以保證品牌貼近市場和用戶。打造品牌語言系統(tǒng),表層價值是讓社交網(wǎng)絡(luò)產(chǎn)品脫穎而出。深層價值是塑造一個專業(yè)創(chuàng)新的內(nèi)容平臺,承載整個互聯(lián)網(wǎng)生活體系,反映社交網(wǎng)絡(luò)產(chǎn)品對優(yōu)質(zhì)設(shè)計體驗的追求。

品牌設(shè)計系統(tǒng)的背后是是整個社交網(wǎng)絡(luò)品牌生態(tài)策略。社交網(wǎng)絡(luò)品牌設(shè)計系統(tǒng)已經(jīng)悄然進行,第一個重塑品牌的是騰訊云,接著騰訊企點、天天P圖、微云等陸續(xù)刷新。

高手這么做LOGO!騰訊「游戲應(yīng)用中心」品牌重設(shè)計過程全揭秘

周周

編者按:一個完整 的LOGO 的設(shè)計流程是怎樣的?今天騰訊ISUX 的Amy 用「游戲應(yīng)用中心」的案例,帶你學(xué)習這個過程。

1. 品牌概述

游戲應(yīng)用中心是QQ空間用戶專屬的游戲平臺,、最火、最好玩的游戲一網(wǎng)打盡:角色扮演、模擬經(jīng)營、射擊、棋牌、街機、賽車等各類游戲應(yīng)有盡有。這里網(wǎng)羅了全平臺最全、最給力的游戲禮包,更有積分兌換頻道、各類精彩活動為玩家提供豐富給力的獎品。

2. 品牌更新目標

游戲應(yīng)用中心是QQ空間下基于網(wǎng)頁的游戲平臺。原名“應(yīng)用中心”,不僅有游戲還有其他應(yīng)用,所以舊Logo有“APP”字樣。隨著app的份額減少弱化,應(yīng)用中心決定把重心放在游戲的部分,因此需要重新設(shè)計品牌標志。

同時,為了讓Logo跟SNG的品牌系統(tǒng)保持一致。舊標志產(chǎn)生于SNG品牌系統(tǒng)建立之前,所以有些偏離了系統(tǒng)。

網(wǎng)頁設(shè)計中,如何突破柵格的限制又保持協(xié)調(diào)?

周周

現(xiàn)如今,柵格已經(jīng)幾乎是所有網(wǎng)頁設(shè)計的基礎(chǔ)。這些隱形的線條創(chuàng)造出空間的節(jié)奏感和視覺的流暢感,他們是讓網(wǎng)頁變得更加和諧的基礎(chǔ)。

但是,柵格存在的目的是幫你創(chuàng)造好的設(shè)計,當你開始逐漸適應(yīng)柵格的存在,千萬不要被它束縛住。你并沒有必要100%地受限于柵格,偶爾打破柵格的設(shè)計可能會讓你的設(shè)計更加抓人眼球。不過,想要打破柵格又保持網(wǎng)頁的協(xié)調(diào),是有技巧的,并非任何“破格”的設(shè)計都是好的。今天,我們來聊聊這個。

了解柵格系統(tǒng)

實戰(zhàn)經(jīng)驗!從0到1的騰訊微眾銀行APP項目小結(jié)

周周

ake:照搬他人的模式要比創(chuàng)造新的東西容易。做大家都知道如何去做的事,只會使世界發(fā)生從1到N的改變,增添許多類似的東西。但是每次我們創(chuàng)造新事物的時候,會使世界發(fā)生從0到1的改變?!?Peter Thiel,Blake Masters《從0到1:開啟商業(yè)與未來的秘密》

微眾銀行作為國內(nèi)第一家具有互聯(lián)網(wǎng)基因的民營銀行,正在創(chuàng)造新的金融模式,讓我們的世界開始發(fā)生從0到1的轉(zhuǎn)變。作為新的事物,它并不是簡單的“互聯(lián)網(wǎng)”與“銀行”相加,而是用互聯(lián)網(wǎng)的思維在金融領(lǐng)域進行創(chuàng)新。

過去的兩年,我們做了很多嘗試和探索。但創(chuàng)新絕不是一帆風順的事情,所以過程中的設(shè)計方法更值得記錄和分享。在項目初期,我們做了很多分析和準備,但由于時間關(guān)系,我們一直沒能好好的梳理成文?,F(xiàn)在微眾業(yè)務(wù)趨于成熟穩(wěn)定,促使我們重新回看剛開始那段珍貴的時光,把項目初期的的精華重新記錄下來,希望對大型項目的初期搭建能有一些啟發(fā)和指引。

頂尖高手的經(jīng)驗!FACEBOOK的產(chǎn)品設(shè)計師是如何思考的?

周周

@C7210 :之前發(fā)現(xiàn)這部 Julie Zhuo 在斯坦福大學(xué)的演講視頻,主題為“How Facebook Designer Thinks”,全長37分鐘,共分為四個主題,包括“怎樣識別問題、定義需求”、“解決真正重要的問題”、“為什么要設(shè)計新表情”以及“預(yù)先定義成功”。

想劍走偏鋒?試試這6種實驗性的網(wǎng)頁導(dǎo)航模式

周周

雖然絕大多數(shù)的設(shè)計都遵循設(shè)計規(guī)則和用戶的使用習慣,但是標新立異的設(shè)計仍然非常有市場。獨特的設(shè)計更容易讓人難忘,這一點是毋庸置疑的。在網(wǎng)頁的導(dǎo)航欄設(shè)計上,也是如此。隨著越來越多的網(wǎng)頁開始采用加粗的非襯線字體置于網(wǎng)頁頂部作為導(dǎo)航,許多有想法的設(shè)計師開始有意識的打破這一規(guī)律,別出機杼,采用不一樣的導(dǎo)航模式。

當然,如果你的網(wǎng)站用戶量大,并且需要盡量降低用戶的使用門檻,遵循常規(guī)的設(shè)計更合適。如果你的網(wǎng)站是更加偏向?qū)嶒炐缘男【W(wǎng)站,有趣而好玩的導(dǎo)航模式,反而更適宜于用戶探索。不同的導(dǎo)航模式對于網(wǎng)站的影響不盡相同,針對不同的內(nèi)容、不同的用戶,你需要仔細挑選導(dǎo)航模式。

實驗性的導(dǎo)航并不具備泛用性,但是如果你在追求別具一格的設(shè)計,那么下面這些獨特的導(dǎo)航設(shè)計應(yīng)該能激發(fā)你的靈感。

側(cè)邊欄導(dǎo)航

網(wǎng)易UEDC:6個方法幫交互設(shè)計師與上下游順暢合作!

周周

網(wǎng)易UEDC – 何巖:本文是剛?cè)胄械?/span>交互設(shè)計師結(jié)合整個實際項目實踐,嘗試探討交互設(shè)計師和產(chǎn)品經(jīng)理、其他上下游同事之間的“共生”關(guān)系,希望幫助設(shè)計新人找到與上下游配合的一點靈感。

(工作原因,文中配圖較模糊,請見諒)

協(xié)助產(chǎn)品經(jīng)理確定產(chǎn)品架構(gòu)

產(chǎn)品經(jīng)理才是最懂產(chǎn)品的人嗎?在項目初期,大家對產(chǎn)品的概念都很模糊,即使是產(chǎn)品經(jīng)理也是通過來自各方的需求、數(shù)據(jù)和競品分析等來大致搭起框架。這個框架是否合理,框架衍生的功能流程限定在什么范圍,這些問題即使是最有經(jīng)驗的產(chǎn)品經(jīng)理也不敢保證。

交互設(shè)計師雖然是產(chǎn)品經(jīng)理的下游,也應(yīng)盡早參與策略層(Strategy)的討論,如果你的領(lǐng)導(dǎo)了解交互設(shè)計的重要性并且邀請你參加項目前期的務(wù)虛會議,你就應(yīng)該珍惜機會,會前做好競品分析等準備工作,會上以交互崗位的專業(yè)視角提出建議; 如果你不夠幸運,不能參與到產(chǎn)品戰(zhàn)略決策,只是承接上游下達的交互任務(wù)的話,那么也不要只是淪為畫線框圖的工具,要發(fā)揮主觀能動性積極溝通,最終讓方案變得更好。

從1.2億次的點擊中,蘋果學(xué)到了這個提高用戶體驗的方法

周周

編者按:從iOS 9改版到iOS 10之后,鎖屏頁面的音樂控件變大了,用戶體驗明顯提高。那么最佳的按鈕觸摸大小應(yīng)該是多少?經(jīng)過1.2億次的實驗后,這個結(jié)果被微軟/蘋果等公司采用,強烈推薦學(xué)習。

@平行煎餅 :你可能說不出來,但你肯定知道這種感覺——當你觸摸手機應(yīng)用界面而它不能正常工作時候,當你感覺你只有精細的點擊,才能出發(fā)正確的命令時,那種混合起來的沮喪和失敗感。

但是,如果你可以自己創(chuàng)建用戶界面,你知道如何合理避免這種情況嗎?如果你知道可以通過創(chuàng)建可靠的觸摸元素,來幫助您的客戶減少錯誤,使用效率更快,使用感覺更開心嗎?

這是可能的。我們來探討一下為什么。

PM要多加底部導(dǎo)航時,設(shè)計師如何說服他打消念頭?

資深UI設(shè)計者

記得之前寫過關(guān)于標簽導(dǎo)航如何設(shè)計的一篇文章,大體上的介紹了幾種類型,這周正好遇到一個關(guān)于標簽導(dǎo)航的問題:產(chǎn)品經(jīng)理要求在底部的導(dǎo)航中由原來的五個主功能增加至六個,交互設(shè)計師如何說服產(chǎn)品打消這個念頭?本周就這個問題我詳細說下當中的幾個要點以及延伸出來的幾個問題。

日歷

鏈接

個人資料

藍藍設(shè)計的小編 http://www.yvirxh.cn

存檔