亚洲av无码成人专区片在线观看,亚洲av岛国动作片在线观看,少妇,喷水,亚洲av成人无遮挡网站在线观看,天堂网www资源在线

恭喜你成為UI中國推薦設(shè)計師 (詳情)
//百度統(tǒng)計 20220402 uicn

您的意見是我們 UI 中國進步的動力!
點擊立即反饋按鈕,發(fā)表您的意見!
立即反饋
QQ群反饋
您也可以加入UI中國官方反饋群進行反饋!
群號:302892100
備注:反饋問題后@管理員能讓我們及時了解您的意見

提交需求

賽事與廣告咨詢合作,請?zhí)顚懶枨蟊韱危覀儠诘谝粫r間與您聯(lián)系!

0/20
0/200

設(shè)計大賽

  • 設(shè)計大賽
  • 發(fā)布廣告
  • 發(fā)布招聘
  • 其它需求

提交完成
感謝您對UI中國的支持和信賴!
新入職交互的設(shè)計流程復盤
0.0°

1.新手的個人發(fā)展視角

新公司入職2個多月,作為交互設(shè)計師,經(jīng)歷了2種完全不同的工作方式!在各種“ux已死…”的背景下,簡單談下我個人的感受。

設(shè)計師是公司的一個成員,和其他所有崗位的成員一樣,存在的目標就是讓公司的產(chǎn)品成功、公司的收益最大化。所以,如果設(shè)計師只盯著設(shè)計產(chǎn)出這點東西,我認為是不合格的,設(shè)計產(chǎn)出的東西在見到真正的客戶之前,可以說都是一堆廢品,本身是沒有任何價值的。所以,我們要盡可能的讓產(chǎn)品成功、客戶滿意、公司賺到錢!能夠做到這些,不管這個行業(yè)變成什么樣,設(shè)計師的名字是叫交互設(shè)計師、用戶體驗設(shè)計師、全鏈路設(shè)計師,都沒有關(guān)系,我們的存在是有價值的,就不存在職業(yè)焦慮。因為我們是和行業(yè)、整個設(shè)計圈一起成長、改變。(是不是有點老生常談了?^_^)所以,我從不擔心設(shè)計師會失業(yè),只要盡可能做好當下每件事,不斷完善自己的工作方法即可。

觀點發(fā)表完畢,下面說說目前具體怎么做事,主要是做B端產(chǎn)品。

2.交互設(shè)計復盤

前公司是偏產(chǎn)品的交互(公司沒有產(chǎn)品經(jīng)理這個崗位),天天奔波于各類客戶之間,從訪談里挖掘客戶場景、痛點,提煉產(chǎn)品需求、功能、畫原型。現(xiàn)公司要求交互和視覺設(shè)計一起做(產(chǎn)品架構(gòu)和功能由PD輸出),所有細節(jié)是精確到像素級別,剛剛接手時,輸出的設(shè)計稿存在各種問題,產(chǎn)品實施也不如意。

問題越多就意味著進步空間越大。我整理了①約200個check問題、②與前后端的溝通記錄、③與PD的溝通記錄,總結(jié)這邊的工作流程,以及過程中的注意事項,希望能夠更高效的完成工作、讓產(chǎn)品完美的展現(xiàn)在客戶眼前。

以下純屬個人看法,不同公司、不同產(chǎn)品會有不同的工作方式。

目前的工作流程如下,會不斷迭代哦~~

2.1 需求分析

用懷疑的心態(tài)看產(chǎn)品經(jīng)理(PD)輸出的PRD。所有的產(chǎn)品都必然對他的目標用戶產(chǎn)生價值,否則這個產(chǎn)品本身就沒有意義,設(shè)計自然也沒有意義了。所以首先要自己搞清楚目標用戶是誰,最好能有用戶畫像;這個產(chǎn)品從架構(gòu)上分為幾個模塊,每個模塊給用戶帶來哪些價值、解決哪些問題。

常見的PRD問題如下:

Demo中功能優(yōu)先級與視覺優(yōu)先級不符。對數(shù)據(jù)分析產(chǎn)品而言,一個頁面一般有很多指標,這些指標是有優(yōu)先級的。對于界面設(shè)計而言,也是有視覺優(yōu)先級的,如動畫、圖片是最抓人眼球的,其次是文字。如果PRD中的二級功能指標用圖表,而一級指標用文字,這明顯不合邏輯。

不同頁面中,多數(shù)功能指標重復。指標重復是表象,PD當時為什么這么設(shè)置才是問題本身。這時候需要找到PD,這2個頁面想傳達的價值、解決的客戶問題是什么,如果價值相同那就刪除1個;但是價值不同,則理清楚傳達的價值點到底是什么,各采用哪些指標才合適

Demo中的鏈接按鈕沒有給出點擊后的頁面。同樣的,需要跟PD當面溝通,他是忘記寫了還是自己也沒有想清楚。模擬用戶在什么場景下會點擊按鈕,點擊按鈕是想要獲取什么內(nèi)容。再綜合考慮平臺(移動端、PC端)的用戶習慣給出解決方案

PRD表達的內(nèi)容特別復雜,設(shè)計師研究很久才搞清楚。但是用戶怎么會有那么多耐心去研究你的界面呢?且我始終遵循一個原則:1個界面只說清楚一件事情。對于一件事情一定有1個主要指標,少數(shù)次要指標,剩下的就是輔助信息,界面復雜說明這個邏輯關(guān)系沒有理清楚。所以這時候一定要回到最初的問題:想要給用戶傳達什么價值、解決什么問題?再去思考解決方案,理清楚界面設(shè)計的優(yōu)先級,這樣設(shè)計出來的界面一定會簡單很多。

對于一些說不清楚價值的功能點,可以說服產(chǎn)品經(jīng)理刪除

2.2 設(shè)計分析

理解需求,且對功能點掌握清楚之后,不要著急打開軟件畫圖。先做好下面幾件事:

整理主業(yè)務(wù)流程:流程中哪些是跳轉(zhuǎn)新頁面、哪些是頁面的局部變化

主界面的排版布局,因為B端產(chǎn)品邏輯較復雜,先理清楚邏輯的上下級關(guān)系,然后再根據(jù)邏輯關(guān)系在紙上大致畫出布局樣式

根據(jù)檢索條件,羅列出一共有幾種場景組合,每種場景有哪些指標不同,確保不會落下。

由于本人對設(shè)計圖的美觀把控能力較差,根據(jù)產(chǎn)品布局樣式,對于一些圖形化界面、主界面在做之前在behance、花瓣等網(wǎng)站上找到類似的參考樣例,模仿別人的布局、間距、字體等元素

預先考慮產(chǎn)品平臺的特殊性,如微信小程序,提前跟前端開發(fā)溝通他使用什么組件,在設(shè)計上有沒有什么注意事項。我之前就是設(shè)計稿出來后,前端各種組件限制說實現(xiàn)不了,后面又做了大量修改。

2.3 UI設(shè)計與Checklist

設(shè)計與Check是相輔相成的。設(shè)計的時候考慮不全,在check的時候就需要補上;設(shè)計全面,check就簡單很多。人無完人,在設(shè)計的時候很難把所有的細節(jié)都考慮到,這就需要在設(shè)計的時候至少做到不遺漏產(chǎn)品功能,在checklist的幫助下把細節(jié)考慮的面面俱到。

總結(jié)入職后工作中遇到的問題,分為以下幾類(內(nèi)容會定期優(yōu)化迭代):


2.3.1 控件

表單、圖標、字體、表格、按鈕、面包屑、導航條、搜索框。這里面的內(nèi)容較繁瑣,見圖,既要遵循現(xiàn)有的設(shè)計規(guī)范又要考慮業(yè)務(wù),如表格的默認展示條數(shù)、表格默認排序方式、表格是否需要固定最后一列。如果具體設(shè)計的過程中,發(fā)現(xiàn)已有的設(shè)計規(guī)范有問題,可以記錄下來,為規(guī)范的迭代做積累。

2.3.2 功能齊全

功能齊全包含不亂加、不遺漏、表述精準三方面。這一點說起來是理所應當?shù)?,貌似也很簡單。但是因為產(chǎn)品經(jīng)理做PRD的時候不一定考慮周全,B端業(yè)務(wù)邏輯、交互復雜,想要做到完美還是有些難度的。這要求設(shè)計師完全理解用戶理解業(yè)務(wù)、反推產(chǎn)品、質(zhì)疑功能點本身的合理性,最終輸出完善的設(shè)計方案

2.3.3 其他

默認狀態(tài):系統(tǒng)加載出圖片前,默認展示的圖片;輸入框是否有默認值;表單是否有默認值

可調(diào)整大小的控件,要給出默認+最大+最小的寬度、高度

凡是有數(shù)字的地方,要考慮空值、最大值、最小值

……

2.4 設(shè)計評審、與前端交接、設(shè)計驗收

2.4.1 設(shè)計評審

評審前要提前把設(shè)計稿發(fā)出來,留出至少半天時間讓相關(guān)人員瀏覽。

評審過程中,要把所有的細節(jié)點都講到。做好會議記錄,會后抄送給相關(guān)人員。

如果產(chǎn)品菜單結(jié)果的改變給后端童鞋造成很大的工作量,建議調(diào)整方案,畢竟產(chǎn)品及時做出來了才有價值。

2.4.2 與前端交接

主要包含3個方面

在給前端切圖的時候,最好先跟前端溝通下有什么要求。在不同的開發(fā)平臺,交接給前端的圖標和圖片的大小、格式可能不同。

頁面跳轉(zhuǎn)需要注意的點:點擊按鈕或鏈接,如果是打開新頁簽一定標注出來

復雜的界面反饋邏輯務(wù)必要標注清楚,設(shè)計稿上不放其他任何的冗余信息,否則前端看不懂

2.4.3 設(shè)計驗收

設(shè)計驗收就是看開發(fā)對設(shè)計稿的還原度如何??梢砸贿吙丛O(shè)計稿一邊看開發(fā)的界面,這里

Powered by Froala Editor

更新:2021-03-15

收藏

5人已收藏

哇哇哇111

快樂,成長,分享!

  • 12

    作品

  • 24

    粉絲

  • 14

    關(guān)注

  • 交互設(shè)計師作品集
  • “用研”不是崗位,而應是你解決問題的手段!
  • 4px柵格 - UI布局新方式
  • 產(chǎn)品圖標制作規(guī)范及注意事項

    猜你喜歡

      新入職交互的設(shè)計流程復盤

      0.0°

      你確定要舉報新入職交互的設(shè)計流程復盤?

      如果查出惡意舉報,十天內(nèi)禁止提交任何舉報申請。

      0/200

      上傳證據(jù): 超過10M的附件請使用網(wǎng)盤地址

      點擊上傳附件

      對誰可見:

      全部設(shè)計師
      • 全部設(shè)計師
      • 推薦設(shè)計師和認證設(shè)計師

      您確認要推薦?

      該作品發(fā)布時間:2021年03月15日

      評分

      完整度

      啟發(fā)性

      勤奮性

      排版布局

      推薦心得

      建議20-200字以內(nèi)

      0/200

      4
      5
      0

      賬號或密碼錯誤,請重新輸入

      賬號或密碼錯誤,請重新輸入

      登錄

      手機號

      發(fā)送驗證碼 120s 驗證碼錯誤

      登錄
      第三方賬號登錄