首頁(yè)

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

周周

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

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

提問(wèn)

來(lái)自@X丶field:請(qǐng)問(wèn)對(duì)于現(xiàn)在視覺(jué)和交互逐漸融合的UX/Product Designer崗位有什么看法?

C 回復(fù):

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

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

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

UI 設(shè)計(jì)規(guī)范的制作思路+常見(jiàn)問(wèn)題總結(jié)

資深UI設(shè)計(jì)者

編者按:制作UI 設(shè)計(jì)規(guī)范的大體思路應(yīng)該是怎樣的?制作規(guī)范時(shí)容易遇到哪些瓶頸?今天這篇好文是華為設(shè)計(jì)師總結(jié)的經(jīng)驗(yàn),幫你一次性搞定這兩個(gè)問(wèn)題!

2016已經(jīng)接近尾聲,上兩天剛參加完比賽,利用這幾天空閑時(shí)間,把最近沉淀下來(lái)的東西分享出來(lái)。

上個(gè)月團(tuán)隊(duì)幾個(gè)小組進(jìn)行友誼比賽,命題是“郵件”。規(guī)定大家以產(chǎn)品思維去設(shè)計(jì)一款全新的產(chǎn)品,形式不限。很難得的是所有人都參加了產(chǎn)品設(shè)計(jì)的每一個(gè)環(huán)節(jié)。我們秉著發(fā)現(xiàn)問(wèn)題、解決問(wèn)題的態(tài)度開(kāi)始了這次友誼比賽。

交互/視覺(jué)都需要掌握的APP加載動(dòng)畫知識(shí)體系

資深UI設(shè)計(jì)者

眾所周知,app服務(wù)器在加載數(shù)據(jù)的時(shí)候需要用戶等待一段時(shí)間,為了緩解用戶等待過(guò)程中的焦慮情緒,設(shè)計(jì)者可以采用加載動(dòng)畫的方式來(lái)緩解用戶的等待時(shí)間,使整個(gè)等待過(guò)程變得更加友好、流暢。

一個(gè)好的加載動(dòng)畫分為兩個(gè)層次,第一個(gè)層次是滿足用戶的基本心理預(yù)期,緩解等待的焦慮;第二個(gè)層次是要給出用戶一定的驚喜,甚至讓用戶對(duì)加載動(dòng)畫抱有期待、好奇的心理。

這里我們暫時(shí)先只討論第一個(gè)層次的內(nèi)容,因?yàn)檫@已經(jīng)能夠滿足大多數(shù)app的需求了,至于如何做出讓用戶驚喜的加載動(dòng)畫(如餓了么、京東的加載動(dòng)畫),我們可以另外討論。

如何理解“風(fēng)格”的含義

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

什么是?格?


最早的?格是在藝術(shù)品上形成的,它呈現(xiàn)出了具有代表性的特征,藝術(shù)家由于不同的生活經(jīng)歷、藝術(shù)素養(yǎng)、差異化審美,通過(guò)作品去表達(dá)自己的情感、反映社會(huì)環(huán)境…例如莫奈,在他的油畫中運(yùn)用對(duì)色彩、光影的理解,擺脫之前的寫實(shí)主義畫?,領(lǐng)導(dǎo)印象派的誕生,我認(rèn)為?格,無(wú)法用一個(gè)簡(jiǎn)單的詞匯去定義,舉個(gè)例子,比如我感覺(jué)一個(gè)人很強(qiáng)勢(shì),這是通過(guò)他平常的做事方式,衣服的搭配,走路的姿態(tài),說(shuō)話的語(yǔ)氣去塑造出來(lái)的這種感覺(jué),同理在設(shè)計(jì)中要想形成?格也應(yīng)該是從多方面去塑造,我并不認(rèn)同換個(gè)顏色=換個(gè)?格這種事情,縱觀各領(lǐng)域中app同質(zhì)化嚴(yán)重,表面上顏色不同,排版不同,實(shí)際上都是一樣。Image title

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

周周

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

uisdc-d-201612036

怎樣從登錄界面設(shè)計(jì)來(lái)提高用戶體驗(yàn)

ui設(shè)計(jì)分享達(dá)人

登陸和注冊(cè)表單的使用率非常高,一個(gè)表單的設(shè)計(jì)其實(shí)也不是簡(jiǎn)單的事情,用戶體驗(yàn)是必須要考慮的事情。有的喜歡把注冊(cè)和登陸都放在一個(gè)頁(yè)面,有的喜歡用AJAX無(wú)刷新效果來(lái)展示,反正很多花樣了,總之,一切以最佳用戶體驗(yàn)為出發(fā)。設(shè)計(jì)永無(wú)止境!哪怕是一個(gè)注冊(cè)表單,也值得再細(xì)心研究。如果不重視用戶體驗(yàn),就會(huì)致使網(wǎng)站流失大量用戶。那么,怎么從登錄界面開(kāi)始就提高用戶體驗(yàn)?zāi)兀?/span>

如何把握登錄界面設(shè)計(jì)的易用性和安全性

ui設(shè)計(jì)分享達(dá)人

不論是網(wǎng)頁(yè)設(shè)計(jì)師還是UI設(shè)計(jì)師,登錄和注冊(cè)頁(yè)面的設(shè)計(jì)是必然經(jīng)歷過(guò)的工作內(nèi)容。登錄界面的設(shè)計(jì)說(shuō)難不難,說(shuō)容易也不是那么輕松就可以做好的,要在安全和可用性之間找到登錄界面的平衡點(diǎn),還是需要相當(dāng)?shù)慕?jīng)驗(yàn)來(lái)支撐的。那么,具體怎么去把握好這個(gè)平衡點(diǎn)呢?

(1)輕松不費(fèi)力。通常,我們打開(kāi)登錄界面,并不是為了查看登錄表單本身,而是由此登錄賬戶。表單本身僅僅只是獲取個(gè)人信息的一個(gè)手段,而非目的。從這一點(diǎn)來(lái)看,登錄體驗(yàn)應(yīng)該輕松而不費(fèi)力,一切設(shè)計(jì)都應(yīng)盡力降低干擾,剪除障礙,讓你更輕松完成登錄這一任務(wù),而不用進(jìn)行任何多余的操作。

如何從登錄頁(yè)面的設(shè)計(jì)來(lái)提高論壇用戶體驗(yàn)

ui設(shè)計(jì)分享達(dá)人

論壇一直是用戶活躍度比較高的一個(gè)地方,在這里,人們可以根據(jù)自己的喜好來(lái)發(fā)表自己的看法。但是,有很多的論壇注冊(cè)用戶都反映出論壇不好注冊(cè)。那么今天我們就站在設(shè)計(jì)的角度來(lái)談?wù)勅绾卧O(shè)計(jì)出一個(gè)好的登錄頁(yè)面來(lái)提高注冊(cè)量。

(1)論壇注冊(cè)頁(yè)面整體的把握。我們知道,論壇注冊(cè)頁(yè)面就相當(dāng)于一個(gè)單頁(yè),雖然在搜索引擎嚴(yán)重不算是一個(gè)權(quán)重頁(yè)面并且很多做論壇站長(zhǎng)都會(huì)做一些特殊處理,例如采用添加noindex或者屏蔽蜘蛛的方式。但是,對(duì)于用戶和論壇來(lái)說(shuō),這樣一個(gè)頁(yè)面相當(dāng)重要。因?yàn)檫@直接決定網(wǎng)站的注冊(cè)量。因此,在登錄主頁(yè)面和注冊(cè)頁(yè)面就要求用戶來(lái)考慮方便注冊(cè)。一般論壇都會(huì)在最頂部添加一個(gè)注冊(cè)頁(yè)面或者輸入賬號(hào)和密碼。

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

周周

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

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

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

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

把握好這幾點(diǎn),你就是一個(gè)貼心的用戶體驗(yàn)設(shè)計(jì)師

ui設(shè)計(jì)分享達(dá)人

(1)種下一顆種子。早做準(zhǔn)備!在項(xiàng)目進(jìn)行過(guò)程中改變方向是非常困難的。在你開(kāi)始設(shè)計(jì)、畫草稿前,和你的老板聊聊,告訴他,做一個(gè)貼心的產(chǎn)品將會(huì)是你的一個(gè)核心設(shè)計(jì)原則。

(2)把你自己融入到用戶的世界中。簡(jiǎn)而言之就是要做調(diào)查。離開(kāi)電腦屏幕,和用戶在一起多交流交流,不要只關(guān)注用戶所說(shuō)的表面含義,要關(guān)注他們的語(yǔ)調(diào)和面部表情。需要注意的是,你需要多找?guī)讉€(gè)人聊聊,不要讓某個(gè)人的一面之詞影響了你的判斷。

日歷

鏈接

個(gè)人資料

存檔