国产欧美三级日韩_可以免费看日韩无码黄色电影_91九色成人在线_亚洲伊人精品久久久久_国产精选视频一区二区三区不卡播放无码_影音先锋在线资源观看男士天堂影院网站_黄色软件免费网站_人妻中文字幕无码久久αV_欧美亚洲国产成人一区二区_欧美日韩一级特黄大片免色

UX和UI到底怎樣分工呢？

有時(shí)候咱們會(huì)遇到這樣一個(gè)事情，一個(gè)功能或者內(nèi)容，到底是UX做，還是UI做？

如果是在小公司就沒(méi)有這樣的顧慮，可能一個(gè)人需要同時(shí)擔(dān)任UX和UI兩種職責(zé)，只要是APP相關(guān)事宜，找到某位設(shè)計(jì)師就行了。但在大廠，因?yàn)槁氊?zé)分得比較細(xì)，而設(shè)計(jì)又是一項(xiàng)知識(shí)交叉比較多的業(yè)務(wù)，于是邊界也就不那么清楚，需要去判斷，到底一項(xiàng)活應(yīng)該由交互去做呢還是由UI去做。

分清楚這件事的目的并不是為了推卸責(zé)任不去干活，而是為了明確事情比較適合哪個(gè)崗位的設(shè)計(jì)師去做，以達(dá)到時(shí)間和資源利用率上的最大化，用最少的人力去達(dá)到最大的效果。

以下是閣主所羅列的交互設(shè)計(jì)師的職責(zé)，如下圖。

今天咱們就用keep的個(gè)人頁(yè)面來(lái)說(shuō)說(shuō)，哪些事情是UX設(shè)計(jì)師應(yīng)該做，哪些是UI設(shè)計(jì)師應(yīng)該做的事，哪一項(xiàng)是兩者需要共同配合，一同完成的。請(qǐng)先查看keep的個(gè)人頁(yè)面，如下圖。

需求角度

首先拿到PM給過(guò)來(lái)的需求之后，UX會(huì)開(kāi)始從需求的角度分析問(wèn)題，需求分為商業(yè)需求和用戶需求。

商業(yè)需求PM會(huì)比閣主講的更專業(yè)，在這里閣主只做初略解釋，即產(chǎn)品的目的是直接想達(dá)到讓用戶進(jìn)行購(gòu)買的行為，或者說(shuō)收集用戶的數(shù)據(jù)進(jìn)行間接盈利，通俗地說(shuō)就是產(chǎn)品是怎樣賺錢的。用戶的需求，即用戶為什么要使用該產(chǎn)品，使用該產(chǎn)品可以幫助用戶解決他的哪些問(wèn)題，為他帶去哪些好處，為了達(dá)到這個(gè)目的，用戶愿意付出哪些成本。

再回到這個(gè)案例中，keep的產(chǎn)品定位為，為用戶提供優(yōu)質(zhì)的健身視頻教程，并形成相應(yīng)的社交圈子，讓用戶形成習(xí)慣之后靠電商去進(jìn)行盈利。典型的從一個(gè)工具，到社交，再到電商的營(yíng)銷模式。它能幫助減肥，保持健康與好的身形，用戶為了達(dá)到目的，可以長(zhǎng)時(shí)間沉浸在APP中。而好的身形本來(lái)就有利于社交，于是形成一個(gè)良性循環(huán)，健身-社交-更多社交-營(yíng)銷。

在這種情況下，UX要做的事情是什么呢？一方面提高用戶在使用健身視頻中的愉悅感，另一方便將用戶往社交的方向引導(dǎo)。所有的出發(fā)點(diǎn)都是朝著這兩點(diǎn)進(jìn)行前進(jìn)。

設(shè)計(jì)角度

原則確定之后，再來(lái)看看對(duì)于個(gè)人頁(yè)面，UX需要做什么。流程是指，用戶在APP中的主流程，對(duì)應(yīng)到keep中，則是打開(kāi)APP——選擇訓(xùn)練內(nèi)容——跟著視頻做訓(xùn)練——結(jié)束訓(xùn)練——分享訓(xùn)練的這樣這個(gè)路徑。信息架構(gòu)是指APP的樹(shù)形結(jié)構(gòu)，即它是由哪幾個(gè)tab組成，每個(gè)tab的內(nèi)容是什么，大體如下圖。

而剩下的內(nèi)容則都屬于單個(gè)頁(yè)面信息，包括頁(yè)面的布局，是像現(xiàn)在頁(yè)面分為兩大塊，上面一大塊是關(guān)于個(gè)人社交相關(guān)信息，包括頭像昵稱、粉絲數(shù)、關(guān)注數(shù)、動(dòng)態(tài)數(shù)，而下面一大塊則是關(guān)于用戶個(gè)人的產(chǎn)出數(shù)據(jù)，又分為主頁(yè)和相冊(cè)兩個(gè)tab進(jìn)行內(nèi)容分區(qū)。在此案例中，布局中也包含了導(dǎo)航。

而信息的來(lái)源、屬性、優(yōu)先級(jí)、字段、關(guān)系，又代表著什么呢？打比方說(shuō)，在圖中有個(gè)明顯地字體，KG.6，是指用戶的等級(jí)，由keep平臺(tái)制定規(guī)則，用戶達(dá)到相應(yīng)的要求之后，等級(jí)數(shù)就會(huì)呈現(xiàn)。

那么這個(gè)“KG.6”的描述就是字段，由英文和阿拉伯?dāng)?shù)字組成；它的來(lái)源是由平臺(tái)的規(guī)則和用戶自己的貢獻(xiàn)一起產(chǎn)生；屬性在這里暫時(shí)可以理解成為描述和評(píng)估性質(zhì)；優(yōu)先級(jí)和關(guān)系可以和整個(gè)頁(yè)面聯(lián)系起來(lái)考慮，它在個(gè)人主頁(yè)這個(gè)頁(yè)面來(lái)說(shuō)重要級(jí)別低于整個(gè)頁(yè)面的個(gè)人數(shù)據(jù)表達(dá)，但是在單個(gè)主頁(yè)tab上，卻比其他的數(shù)據(jù)更加重要，所以在顏色和字體大小上做了強(qiáng)調(diào)。

動(dòng)作是指什么呢，在這個(gè)個(gè)人主頁(yè)上，用戶的操作主要是上下滑動(dòng)以及點(diǎn)擊的操作，那么用戶的滑動(dòng)以及點(diǎn)擊的行為即用戶的動(dòng)作。動(dòng)作之后所帶來(lái)的頁(yè)面的變化即交互方式，點(diǎn)擊之后是會(huì)出現(xiàn)彈框呢還是push到一個(gè)子頁(yè)面，這些都屬于interaction交互方式。

而UI設(shè)計(jì)師則偏向于視覺(jué)語(yǔ)言的設(shè)計(jì)，顏色、字體、間距、插畫等等方面的工作。但也有UX和UI需要進(jìn)行合作的，比方說(shuō)空頁(yè)面，UX可以定義空頁(yè)面有哪些文本以及引導(dǎo)的動(dòng)作，UI設(shè)計(jì)師可以繪制更幽默或者情感化的插畫進(jìn)行表達(dá)，是可以進(jìn)行合作的。

以上只是用一個(gè)案例從狹義的方面去表述交互設(shè)計(jì)師的工作內(nèi)容具體有哪些，如果說(shuō)要?dú)w納起來(lái)的話，只要與用戶體驗(yàn)的相關(guān)的內(nèi)容，UX都需要進(jìn)行考慮。能夠提高用戶感受或者效率的事情，UX都可以進(jìn)行一些嘗試。還需要秉承一觀點(diǎn)，不管是UX、UI，哪怕是開(kāi)發(fā)GG、QA童鞋，所提出的意見(jiàn)，能對(duì)項(xiàng)目有好處的，都可以進(jìn)行決定，以及進(jìn)行采納。

往期精彩文章

《小公司做事，大公司做人》

《大公司的工作流程及時(shí)間分配》

《體驗(yàn)設(shè)計(jì)應(yīng)有的意識(shí)（高手進(jìn)階之路）》

《傳說(shuō)中的用戶體驗(yàn)地圖Sketch文件》

作者簡(jiǎn)介：Sophia的玲瓏閣，一枚愛(ài)折騰，愛(ài)健身的交互設(shè)計(jì)妹紙。

職場(chǎng)設(shè)計(jì)技能，更多教程搶先看，請(qǐng)關(guān)注作者的微信公眾號(hào)：Sophia的玲瓏閣