首頁

頂尖高手的經(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ī)則和用戶的使用習(xí)慣,但是標新立異的設(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)航

閱讀邏輯與視線的引導(dǎo)

用心設(shè)計

通過引導(dǎo)讀者的視線,讓讀者能夠更有興趣的接收信息,也使得文字變得更容易閱讀。用戶并不一定會完全按照我們?yōu)榘婷骖A(yù)設(shè)的視覺軌跡閱讀,因為每個人的閱讀習(xí)慣會有所差異。依照閱讀邏輯編排的版面會使人自然順暢的閱讀,而了解視覺心理,也有助于將讀者視線引導(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ā)揮主觀能動性積極溝通,最終讓方案變得更好。

實例教學(xué)!25個幫你運用好極簡風(fēng)格的設(shè)計方法

資深UI設(shè)計者

@喪心病狂十六夜貓 :在過去的幾年中我們時常會聽見別人說“極簡風(fēng)格(英: Minimalism)”這個詞,但這究竟是什么,我們又該怎么使用呢?這一次,就讓我們一起來看看極簡風(fēng)格具體的使用方法與參考案例吧。

極簡風(fēng)格,就是將設(shè)計省略到最小限度,只留下真正引人注意的內(nèi)容,這樣一種表現(xiàn)風(fēng)格。通過極簡風(fēng)格,可以將設(shè)計的意圖與目的更準確的傳達出來。

極簡風(fēng)格看起來很簡單,但完成作品也是需要大量的練習(xí)和長時間的制作的。


Web交互設(shè)計優(yōu)化方案+check list

用心設(shè)計

“優(yōu)化已有產(chǎn)品的體驗”這是用戶體驗相關(guān)崗位職責(zé)中常見的描述。我們的產(chǎn)品常常是在快速的迭代過程中不斷完善的,就像孩子生下來需要養(yǎng)育才能長大一樣,優(yōu)化已有功能/產(chǎn)品,和設(shè)計新功能/產(chǎn)品同樣重要,不可偏廢。

Web交互設(shè)計優(yōu)化方案+check list

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

周周

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

不要打破標簽導(dǎo)航的架構(gòu)

之前說過:在項目研發(fā)階段,我們應(yīng)該關(guān)注產(chǎn)品的主要功能,不應(yīng)該偏離方向,為了其他輔助功能去改變產(chǎn)品的主要格局。為什么呢?

在用戶使用這款產(chǎn)品的過程中,他們一定是為了達到某種目的或完成某項任務(wù)而去使用它,這說明產(chǎn)品一定擁有解決目標用戶問題的功能。

覆蓋層設(shè)計(上)-對話框&浮層

用心設(shè)計

什么是覆蓋層?從本文的角度來講,覆蓋層指在當前頁面上打開的臨時界面。這些臨時界面能夠完成提示性的或上下文相關(guān)的任務(wù),它們的打斷性較弱,為用戶保持較為連貫的使用體驗。我們?nèi)粘姷降?“浮層”、“彈層”、“彈框”等都在本文的討論范圍內(nèi)。

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

周周

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

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

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

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

日歷

鏈接

個人資料

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

存檔