92国产精品视频_亚洲a级在线观看_国产精品电影观看_国产精品免费观看在线_精品伊人久久97_亚洲人成在线观_尤物九九久久国产精品的特点_成人激情在线播放_成人黄色大片在线免费观看_亚洲成人精品久久久_久久免费视频在线观看_久久精品国产一区_国产一区二区三区18_亚洲欧美中文字幕在线一区_日韩美女中文字幕_日韩视频免费在线

案例實戰!淺聊淘寶閑魚發布界面的兩次改版

2015-12-24    高勁

如果您想訂閱本博客內容,每天自動發到您的郵箱中, 請點這里

taobao-xianyu-ui-redesign-1

編者按:建議剛學UI的同學多看這類改版經驗總結,提前學習交互設計的知識,在求職時能加不少分。習慣靠經驗/感覺做設計的新人也別放過,這種實戰的案例結合書本看,能幫你更透徹地理解那些設計原則。不多說了,直接看文!

講交互設計的書里有一本很有名的《簡約設計》(《Simple and UsableWeb, Mobliel, and Interaction Design》),相信很多設計師都看過,里面教了一個如何簡約四策略。為自己的設計做減法,做一個簡單的設計,基本成為一個設計師自我修養的重要信條。但是簡單這件事啊,沒那么簡單(唱),民主社會的規則并不是一句少數服從多數。

閑魚APP發布流程的第一次改版,也是從淘寶二手變身閑魚的第一次發布交互結構上的大改變。下圖是老版二手APP發布從入口到發布界面的樣式,當時二手的APP還是采用抽屜式導航,而發布入口就藏在導航中的一項。

1xx20151225_

發布主體界面在縱向空間上分了兩層,基本上就是一個很長的表單,列出各項希望賣家可以盡量填入的信息。意圖上其實很明顯,就是希望收集到盡量多的格式化信息,用于商品頁面的信息展示,幫助買家決策購買,促成交易。當然不同項信息的優先級是經過考慮過的,重要的信息,如圖片、標題和價格等項目排在了第一層,其它放到了第二層。不過第二層的信息項,需要發布用戶主動去觸發(向上撥動)才會出現。

對老版的淘寶二手發布設計改版很快就定了兩個目標:

  1. 要讓用戶能更簡單清晰的完成發布操作;
  2. 成為閑置(二手)商品發布的行業標準。

目標似乎沒有任何問題,設計方案的主要思路也很快就出來了:將發布流程拆分步驟,一步一步引導用戶填寫信息項,每一個流程都盡量合并同性質的信息項,簡化每一步的內容,流程分解為:

  1. 寶貝圖片添加
  2. 寶貝相關信息填寫
  3. 寶貝價格信息填寫

基于每一個步驟,方案上也精心去設計,包括設計了一個醒目的提示區,試圖窮舉各種發布過程中用戶會遇到的情況,給出對應的提示來引導用戶完成發布。

2xx20151225

但是上線結果卻不盡如人意,這個版本的方案上一個很大的問題就是對于“更”簡單清晰的發布流程,在設計上的主觀意愿過強,試圖讓用戶接受一種由我們自己定義的流程,而忽略了用戶在真實環境下的體驗。把一件事分成幾個步驟,以此達到簡化的目的,但實際上,并沒有從用戶的角度上去客觀分析“這件事”本身的意義,就已經進入一個。另外,預測用戶行為,讓系統來告知用戶下一步做什么的方式似乎很友好,但是你又怎么知道用戶是不是討厭這種被牽著鼻子走的人呢,就像大部分用戶根本不會看說明書,只想拿過來就用。

還有一個問題,和之前的老版發布流程類似,我們試圖讓用戶盡量多的精準的填入相關的發布寶貝信息,因為我們習慣于豐富詳盡的寶貝信息有助于促進成交這樣一個概念,這相當于把動銷的壓力轉嫁給發布的用戶。更不用說冗長的步驟流程,在用戶沒有強烈意愿的情況下,帶來的環節間用戶流失,很大一部分用戶不是在做一件非做不可的事情。

3xx20151225_

我們對閑魚的發布進行了第二次改版,在第一次改版獲得的事實依據上進行思考。把向用戶索要信息改成與用戶對話的過程,對話是在溝通,交換信息。信息的接受有一個由簡到繁的過程,能更好被吸收。理解這個過程,是設計思維的一個螺旋提升,決定了這種信息交換的基本交互結構,不是一次索要,而是一場對話,是從一種主觀的決斷到客觀對待的過程。對話,要說傾聽者明白的語言,說他想聽的話。我們決定:

  1. 減少所有不必要的填寫內容;
  2. 在發布入口做好分流引導,保證進入人群的目的效率;
  3. 整合所有步驟,盡量將需要填寫的內容集合在一屏之內。
4xx20151225_

所謂不必要的填寫內容,是指像新舊程度這種買家強調需要,但是非職業賣家在發布時根本無法判斷,即使填寫也是非常主觀的內容,既然會讓發布用戶疑惑猶豫,那么就去掉。對于一些不能去掉的填寫字段,采用漸進出現的方式展現給用戶,比如用戶進入價格填寫時,才展現原價和郵費等信息。隱藏是為了適時的出現。

而在方案的客觀性上,也要有一些方式來獲得事實依據。比如數據分析,考察標題和描述內容填寫的重復性,作為標描合一的數據依據(由于搜索原因未上線);比如用研,把設計方案拿到用戶小調研里做快速的用戶測試,收集反饋;在一些新功能(不談錢)引入的切換交互上,借鑒一些已經存在的被用戶接受的交互模式。

對于發布入口的設計也有多次爭論,是讓用戶在一次點擊就進入發布界面,還是像微信一樣,在朋友圈的發布入口設計了一些指對性的選項。最后上線事實說明,在發布入口完成一些指對性的操作進入發布流程,可以發布成功率的促進有明顯的效用。

5xx20151225_

當設計師在產出設計方案時,習慣性的總是從自我經驗出發,主觀的下結論,這是一種追求效率決策的本能。我們總是擅于把毫無關系的兩件事情關聯起來,然后認為互為因果。但是這樣的聯系可能是錯的,或者說可能被錯誤的套用。設計師從一個自我體驗式的方式去分析問題,在自我的糾結中,提出一個主觀的設計方案,俗稱“憋大招”。

所以,我們如何來做一件簡化設計的事情?很重要的一點就是在簡化的點上要做到盡量的客觀。所謂的客觀就是要圍繞用戶事實的依據。以用戶為中心的設計,是要以用戶事實為依據的設計。作為設計師,我們總是希望馬上開始出設計方案,特別是習慣性倒推的工作流程里留給設計師的時間非常少。但是克制自己非常重要,太早設計意味著會遺漏重要的見解,甚至設計思路會完全錯誤,因為這種反應下的思維方式基本是一種自我經驗式的思維。設計需要以用戶心理、用戶行為相關的客觀事實為依據去執行,而非以一種自我體驗的方式。

  1. 確定所有事情原因的優先級是開始執行的第一步;
  2. 證明這些原因的真偽(即所謂尋找真正的用戶事實)。

設計師如何獲得事實的依據,在此依據上討論與設計:

  1. 數據事實的分析(達成共識的重要基礎):收集數據、分析數據、沉淀數據,嘗試用數據變化的維度來記錄設計的整個演化進程;數據作為目前公司被普遍的一種考量維度,已是一種團隊可以共同討論的重要語言;
  2. 各種渠道與方法的用研:各種用戶研究的方法(快速小調研、焦點小組、A/B test、用戶反饋系統、社交媒體的反饋);
  3. 利用好成熟的交互模式(效率與成本,已被證實的通用交互);
  4. 專家走查(啟發式評估),固定的專家評審,避免常規的錯誤。

其它的小撇步:用概念圖將系統視覺化;快速的原型產出參與測試,用測試結果來說明事實,來設計;邊做邊驗證,但一定要驗證,無論對錯都是指導下一個方案的經驗,工作并不是中止在這一次的方案上。

設計方案并不是最終的目的,一次次改版是我們不斷在向真實的用戶需求靠近努力,利用一次次的方案尋找真實才是最重要的,這么說來,方案只是接近用戶的手段,得到需求洞見才是目標。

歡迎關注淘寶UED的微信公眾號,第一時間獲取設計經驗!

藍藍設計m.skdbbs.com )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供有效的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 平面設計服務

 

日歷

鏈接

個人資料

藍藍設計的小編 http://m.skdbbs.com

存檔

92国产精品视频_亚洲a级在线观看_国产精品电影观看_国产精品免费观看在线_精品伊人久久97_亚洲人成在线观_尤物九九久久国产精品的特点_成人激情在线播放_成人黄色大片在线免费观看_亚洲成人精品久久久_久久免费视频在线观看_久久精品国产一区_国产一区二区三区18_亚洲欧美中文字幕在线一区_日韩美女中文字幕_日韩视频免费在线
日本乱理伦在线| 最近2019好看的中文字幕免费| 精品免费av一区二区三区| 日韩av在线免费看| 大黄网站在线观看| 日韩欧美中文字幕电影| 久久综合国产精品| 日韩专区欧美专区| av2020不卡| 国产一区二区三区网| 国产精品久久天天影视| 中文字幕日本乱码精品影院| 日韩亚洲精品电影| 欧美一卡二卡三卡四卡| 一区二区三区四区高清精品免费观看| 桃花岛tv亚洲品质| 亚洲国产精品精华液2区45| 丁香婷婷深情五月亚洲| 国产精品久久久久久久app| 欧美国产精品劲爆| 精品国产一区二区三| 人狥杂交一区欧美二区| 欧美激情中文字幕乱码免费| 久久青青草原一区二区| 狠狠色伊人亚洲综合网站色| 国产凹凸在线观看一区二区| 在线精品在线| 久久青草欧美一区二区三区| 国产日韩av在线播放| 久久成人亚洲精品| 成人18视频在线播放| 97超级在线观看免费高清完整版电视剧| 成人亚洲一区二区一| 波多野结衣一区二区三区| 色诱视频网站一区| av免费在线一区二区三区| 成人av综合一区| 日韩精品视频一区二区三区| av资源一区| 日本高清中文字幕在线| 在线观看日韩www视频免费| 97se亚洲国产综合自在线不卡| 成人免费看片视频| 国产精品久久久亚洲| 国模吧一区二区| 亚洲精品成人精品456| 亚洲色图国产| а√天堂资源地址在线下载| 色婷婷综合久久久久中文一区二区| 欧美猛交ⅹxxx乱大交视频| 欧美激情综合五月色丁香小说| 亚洲欧洲国产精品| 国产精品区二区三区日本| 蜜桃国内精品久久久久软件9| 老司机精品视频一区二区三区| 欧美日韩三级一区| 亚洲成人av电影| 日韩综合网站| 91偷拍与自偷拍精品| 日韩高清电影免费| av资源一区二区| 欧美三级日韩三级| heyzo在线| 亚洲狠狠丁香婷婷综合久久久| 爱啪啪综合导航| 国产精品久久久久久久久妇女| 日韩视频中文| 青草在线视频在线观看| 欧美精品久久99| 99re视频| 亚洲欧洲二区| 欧美日韩一区二区在线观看视频| av第一福利在线导航| 97在线视频免费观看完整版| 欧美一级久久久久久久大片| 在线观看免费视频综合| 日本一区二区三区在线播放| 国产精品啊啊啊| 在线日韩欧美| 亚洲精品偷拍| 九色porny丨入口在线| 色综合久久中文综合久久牛| 精品国产一二三区| 欧美亚洲一级二级| 少妇高潮久久久久久潘金莲| 91老司机福利在线| 欧美日韩三级在线| 2019中文亚洲字幕| 国产精品nxnn| 欧美xxxx在线观看| 日韩一区二区三区电影| 91久久久久久久久| 欧美性猛片aaaaaaa做受| 国产在线999| 日韩成人在线观看视频| 精品va天堂亚洲国产| 日韩av网址在线| 欧美偷窥清纯综合图区| av中文在线| 成人福利片网站| heyzo在线播放| 日韩av在线播放中文字幕| 粉嫩av四季av绯色av第一区| 国产美女精品视频免费观看| 一区二区三区动漫| 欧美成人首页| 国产美女主播一区| 91大神精品| 午夜在线播放| 国产精品对白刺激| 国产精品69久久| 成人妇女淫片aaaa视频| 六九午夜精品视频| 日韩精品免费在线视频观看| 色图在线观看| 国产mv免费观看入口亚洲| 精品国模一区二区三区欧美| 国产精品77777竹菊影视小说| 日韩视频一区二区在线观看| 超碰免费公开在线| 日韩视频一区二区三区在线播放| 国产欧美日韩三级| 日本韩国欧美在线| 欧美日韩免费在线视频| 精品成人私密视频| 久久视频精品在线| 最爽无遮挡行房视频在线| 国产精品对白一区二区三区| 这里只有精品在线| 韩国理伦片久久电影网| 久久在线视频| 日韩电影免费看| 欧美日韩亚洲国产综合| 日韩丝袜情趣美女图片| 日韩精品成人一区二区在线观看| 国产片一区二区| 无码av中文一区二区三区桃花岛| 美女18一级毛片一品久道久久综合| 精品国产日韩欧美| 日本免费久久高清视频| 白嫩亚洲一区二区三区| 久久久久久99久久久精品网站| jizzjizz亚洲| 成人高h视频在线| 成人精品鲁一区一区二区| 日韩av电影手机在线观看| 欧美一区二区三区四区高清| 美女视频免费精品| av有码在线观看| 麻豆一区一区三区四区| 97欧美精品一区二区三区| 国产精品自拍一区| av观看在线| 国产精品欧美亚洲777777| 一区2区3区在线看| 我爱我色成人网| 日韩免费视频一区| 成年人在线看| 国产三级精品网站| 巨大荫蒂视频欧美大片| 久久久久一区二区三区| 日韩精品电影一区亚洲| 欧美1区视频| 欧美亚洲丝袜传媒另类|