首頁

提高團(tuán)隊(duì)效率!SPOTIFY 總監(jiān)如何從零開始讓設(shè)計(jì)標(biāo)準(zhǔn)化?

周周

編者按:2012年的Spotify 設(shè)計(jì)團(tuán)隊(duì)還是一團(tuán)亂麻,到今天已經(jīng)是協(xié)同效率,有標(biāo)準(zhǔn)可循的頂尖團(tuán)隊(duì)。來看這位總監(jiān)如何從零開始改善它的。

歡迎關(guān)注譯者的微信公眾號:「非科班設(shè)計(jì)」

“設(shè)計(jì)無法標(biāo)準(zhǔn)化”在過去四年一直困擾著我。2012年我加入Spotify設(shè)計(jì)團(tuán)隊(duì)的時候,被當(dāng)時的混亂與分散嚇到了。說得詳細(xì)點(diǎn),字體、色彩、圖片、板式、信息架構(gòu)和交互方式好像全部都沒有能夠遵循的標(biāo)準(zhǔn)。

當(dāng)我開始跟他們談?wù)撨@件事時,我才知道整個團(tuán)隊(duì)也為此覺得沮喪。我們的結(jié)論是:支離破碎的產(chǎn)品恰巧反映這個團(tuán)隊(duì)的松散,設(shè)計(jì)師分散在不同的項(xiàng)目、時區(qū)和漫無目標(biāo)的時程表,當(dāng)然不可能有任何機(jī)會去改善。

可是,這些原因在現(xiàn)代科技公司不是很常見嗎?所以我第一次說出:“設(shè)計(jì)無法標(biāo)準(zhǔn)化”。

uisdc-standard-20161228-(0).webp

科普好文!交互設(shè)計(jì)師的價值與設(shè)計(jì)方案的評價維度

周周

編者按:很多同學(xué)不清楚交互設(shè)計(jì)師是做什么的,也不知道如何評價一個App 的交互,不過看完這篇你就懂啦。

一、交互設(shè)計(jì)師的價值

1. 職能價值

將需求轉(zhuǎn)化為解決方案的能力(將模糊抽象的需求轉(zhuǎn)化成清晰具體的可視化解決方案)。

這個價值是最基本的專業(yè)價值,但你千萬不要覺得你做的僅僅是用軟件畫幾個頁面而已。

例如你接到一個掃碼申請加入群聊的需求,你的任務(wù)不只是將申請加入的頁面畫出來,而是要考慮整個用戶場景,就比如用戶申請入群后,如果審批人沒有拒絕,也沒有同意,相當(dāng)于服務(wù)器沒有接收到任何指令,那申請的頁面怎么反饋呢,這些都是要考慮進(jìn)去的。

所有交互設(shè)計(jì)師要提供的是一整套解決方案,其中要考慮正向、反向、閉環(huán)等各種場景。

重回80年代!為網(wǎng)頁注入迷人的孟菲斯設(shè)計(jì)風(fēng)

周周

復(fù)古一直在流行,這也是為什么過去許多設(shè)計(jì)趨勢常常會沉寂若干年之后,又再次走到潮流的最前線。今天,我們要聊的是孟菲斯設(shè)計(jì)風(fēng)(Memphis Design),這種設(shè)計(jì)風(fēng)格充滿了80年代的特征,明亮的色彩和多樣的圖形與線條充斥其間,它也是近年重歸流行的設(shè)計(jì)風(fēng)格之一。

了解孟菲斯設(shè)計(jì)

孟菲斯設(shè)計(jì)是一種時髦的風(fēng)格,它擁有現(xiàn)代設(shè)計(jì)的特征,最初是源自于紡織品的設(shè)計(jì)。有人嗜好孟菲斯設(shè)計(jì)風(fēng)格,而有人則恰恰相反,一點(diǎn)也不適應(yīng)。

不是萬能!卡片式設(shè)計(jì)并不能支撐所有的設(shè)計(jì)需求

周周

編者按:卡片式設(shè)計(jì)一直是以強(qiáng)兼容性和“百搭”的形象出現(xiàn)在大眾的面前,但是它同樣有無法滿足用戶需求的時候,今天的文章我們就在實(shí)戰(zhàn)中聊聊這件事~

Material Design的流行讓卡片式設(shè)計(jì)走上神壇,卡片式設(shè)計(jì)在如今的網(wǎng)頁設(shè)計(jì)中更是隨處可見。尤其是那些偏向于大量信息匯總的頁面,卡片式設(shè)計(jì)幾乎是不二的選擇。

卡片常常被用作信息詳情的進(jìn)入入口。

我們的用戶體驗(yàn)團(tuán)隊(duì)近期負(fù)責(zé)了好幾個重設(shè)計(jì)的項(xiàng)目。毫無疑問,其中有不少就是借用卡片式設(shè)計(jì)來實(shí)現(xiàn)的。而有意思的地方在于,我們通過這些項(xiàng)目實(shí)踐發(fā)現(xiàn)一些有意思的情況:卡片式設(shè)計(jì)在一些新聞類的網(wǎng)站,尤其是首頁和歸檔頁面,并不是那么適用。

騰訊ISUX丨揭秘QQ 新版表情背后的設(shè)計(jì)故事

周周

聆瀾子:遙想新版本表情上線,已經(jīng)過去了許久。隨著開發(fā)哥們不辭辛苦的版本優(yōu)化,我們終于如約迎來了QQ新表情的加入(撒花)。今天這篇為你揭秘這些表情是如何設(shè)計(jì)出來的!

尋找中國茶

茶表情的加入源于我們對于表情中華元素缺失的反思。不同于emoji表情,作為中國人獨(dú)有的表情包,QQ表情有義務(wù)更主動地去傳播中國自己的文化。茶表情,將是我們的開端。

茶文化博大精深,世界各地已經(jīng)形成了許多獨(dú)特的飲茶文化和風(fēng)格,但我們需要做的是中國人的茶。那么,如何讓我們的茶表情能夠一眼分辨出是“中國茶”,是設(shè)計(jì)上遇到的最大難題。

本著考據(jù)黨死磕到底的精神(微笑),我們地毯式地搜集了各種畫風(fēng)的茶文化。

uisdc-emoji-2016121122

案例實(shí)戰(zhàn)!如何將MATERIAL DESIGN 帶入到實(shí)際產(chǎn)品中?

周周

在進(jìn)行App設(shè)計(jì)時,有沒有什么規(guī)范參考標(biāo)準(zhǔn),還是自己想象一個出來?究竟如何去根據(jù)iOS的規(guī)范具體實(shí)現(xiàn)設(shè)計(jì)落地?今天@Jaret_杰瑞特 (優(yōu)酷土豆上海部設(shè)計(jì)經(jīng)理)這篇用優(yōu)酷的實(shí)戰(zhàn)案例帶你入門。

最近,與上海的“谷歌開發(fā)者社區(qū)”(GDG)一起策劃并與大家進(jìn)行了一期關(guān)于Material Design的話題分享會。

這幾天我抽空將當(dāng)天分享的PPT內(nèi)容再精簡整理了一下,并在關(guān)鍵頁面配上了對應(yīng)的文字說明,便于分享給沒有來得及到場及更多的朋友。

usdic—article—20161211

一對一提問!騰訊高級交互設(shè)計(jì)師C7210 的高質(zhì)量問答(一)

周周

編者按:今天這篇文章,是由騰訊高級交互設(shè)計(jì)師@C7210 向同學(xué)們征集問題后作出的回答,涉及交互設(shè)計(jì)、行業(yè)趨勢、職場、工具推薦等等,都是大家平時特別關(guān)心的,趕緊來收。

歡迎關(guān)注作者(高級交互設(shè)計(jì)師、貓奴、吉他手、鼓手、老狗、單身,現(xiàn)就職于騰訊ISUX)的微信公眾號:Beforweb

提問

來自@X丶field:請問對于現(xiàn)在視覺和交互逐漸融合的UX/Product Designer崗位有什么看法?

C 回復(fù):

好問題,也是我個人以及一些朋友正在親身面對、體會和見證的所謂“行業(yè)趨勢”。

首先排除全能型個人以一當(dāng)十的情況,單就通常意義上的團(tuán)隊(duì)協(xié)作的形式而言,目前我所能看到的“融合”分為兩類:

第一類:交互設(shè)計(jì)師與視覺設(shè)計(jì)師在產(chǎn)品層面統(tǒng)一認(rèn)知,理解并認(rèn)同商業(yè)意義及產(chǎn)品目標(biāo),以此為基礎(chǔ),在各施所長、各盡其職的同時,更多的學(xué)習(xí)、了解彼此職能的目標(biāo)、焦點(diǎn)和工作方法,互相理解,融會貫通,減少分歧,降低成本,以最大化的合力完成產(chǎn)品設(shè)計(jì)工作。這種模式下,所謂“UX/產(chǎn)品設(shè)計(jì)師”是對兩種職能的統(tǒng)稱。本質(zhì)上講,這就是對于我們?nèi)缃袼煜さ膫鹘y(tǒng)團(tuán)隊(duì)模式的一種漸進(jìn)式提升。

交互丨有理有據(jù)做設(shè)計(jì)之如何明確設(shè)計(jì)目標(biāo)?

周周

晶晶:獨(dú)立項(xiàng)目中,交互設(shè)計(jì)師的工作可以分成四個核心環(huán)節(jié):定義方向策略、確定解決方案、有理有據(jù)的進(jìn)行設(shè)計(jì)輸出、上線效果跟蹤。本期要和大家分享的是:方向策略。

uisdc-d-201612036

UI丨歷經(jīng)實(shí)戰(zhàn),我總結(jié)了這四個界面設(shè)計(jì)規(guī)范的經(jīng)驗(yàn)

周周

雨涵_Zoe:最近為了設(shè)計(jì)提率和質(zhì)量,我開始研究如何做規(guī)范??戳艘蝗e人做的設(shè)計(jì)規(guī)范,又回想了一下自己以前做的,總結(jié)了以下幾個經(jīng)驗(yàn)。

說到設(shè)計(jì)規(guī)范,這里有一篇絕對不能錯過的:《內(nèi)部教程!超實(shí)用6步透視網(wǎng)易設(shè)計(jì)規(guī)范(附完整PDF下載)》

設(shè)計(jì)規(guī)范的共性

不同的規(guī)范雖然內(nèi)容差別很大,但是對比一下它們的目錄,卻又很多相似之處,通常包含:布局、組件、配色、圖標(biāo)這四部分。組件里的分類無非是導(dǎo)航、菜單、表單、列表、表格、按鈕、彈出框諸如此類,我就不一一列出了。

排版|為長文進(jìn)行排版設(shè)計(jì)有哪些講究?

周周

先撇開用戶興趣和碎片時間的爭論,我們來聊聊較長的內(nèi)容在網(wǎng)頁設(shè)計(jì)中應(yīng)當(dāng)注意的問題吧。對于網(wǎng)站和APP而言,長內(nèi)容,或者說長文,可能是內(nèi)容策略中最有價值的一個組成部分(前提是它并不是無聊內(nèi)容的堆砌)。用戶喜歡好故事,而長內(nèi)容所提供的沉浸式的閱讀感受則能夠?yàn)橛脩籼峁┮巳雱俚捏w驗(yàn)。

為了能夠讓用戶保持興趣不停讀下去,你必須提供令人愉悅的設(shè)計(jì)和交互,讓內(nèi)容從頭到尾的體驗(yàn)都是一致的。想要達(dá)成這個目標(biāo),需要有針對性地進(jìn)行設(shè)計(jì)。

日歷

鏈接

個人資料

存檔