首頁

《Ant Design 設(shè)計模式周周看》階段總結(jié)篇· 與交互操作相關(guān)的設(shè)計模式

周周

《Ant Design 設(shè)計模式周周看》階段總結(jié)篇· 與交互操作相關(guān)的設(shè)計模式 

從6個層面,幫新手快速入門B端設(shè)計系統(tǒng)

周周

設(shè)計系統(tǒng)是在設(shè)計價值觀和原則、設(shè)計標(biāo)準(zhǔn)指導(dǎo)下的各種共享的設(shè)計模式和組件資產(chǎn),是將產(chǎn)品設(shè)計團隊聯(lián)合在一起共同打造的一套質(zhì)量和效率上都有所保障的可行性解決方案,能夠解決產(chǎn)品視覺、交互體驗一致性的問題、幫助傳達統(tǒng)一的品牌認(rèn)知。幫助團隊快速完成產(chǎn)品迭代和功能開發(fā)!

用超多案例,幫你學(xué)會經(jīng)典格式塔理論的7個視覺原則

周周

格式塔理論為界面設(shè)計準(zhǔn)則提供的相關(guān)的基礎(chǔ)理論和原理支撐,一起來了解下吧!

「格式塔」一詞并沒有確切的翻譯,因此我們采用了它的德文音譯(Gestalt),也有將其譯成「完形」也就是完形心理學(xué)。完形心理學(xué)和格式塔心理學(xué)只是不同譯法的區(qū)別而已。

交互設(shè)計:淺談B端用戶畫像

周周

本文淺談了B端如何制作在工作中具有實用性的用戶畫像,提供了一個相對比較通用的解決方法供大家參考。但實際上用戶畫像的方法還有很多

交互設(shè)計:頁面轉(zhuǎn)化率低?從 2 方面入手改善!

周周

講述了交互設(shè)計師在面對重要的轉(zhuǎn)化頁時應(yīng)該要著重將價值簡單高效的傳達給用戶,加強用戶的感知,可以通過貼標(biāo)簽、緊迫感文案、動態(tài)化、對比化、平鋪直述、亮數(shù)據(jù)內(nèi)容展示,更好的將產(chǎn)品價值傳達給到用戶,在具體內(nèi)容布局上建議準(zhǔn)尋線性的框架搭配顏色、動效、引導(dǎo)性文案的方式引導(dǎo)用戶操作。

交互B端,設(shè)計前期8大設(shè)計規(guī)范制定

周周

在做設(shè)計前我們都會提前了解清楚設(shè)計的需求目的,作為基礎(chǔ)的設(shè)計規(guī)范也是需要提前做好制定,并且清楚設(shè)計規(guī)范規(guī)則,不然到后期就會為設(shè)計工作以及開發(fā)人員帶來很多不便之處,無論是平面設(shè)計還是UI設(shè)計,都需要提前明確設(shè)計規(guī)范,這一期主要分享關(guān)于B端UI設(shè)計的前期規(guī)范制定。

網(wǎng)站視覺設(shè)計的本質(zhì)是什么?如何平衡「藝術(shù)」與「商業(yè)」?

周周

相信網(wǎng)站視覺設(shè)計的重要性大家應(yīng)該都清楚,對于普通訪客來說,網(wǎng)站的框架、交互邏輯等這些都是其次的,訪客首先感受到的是網(wǎng)站的視覺設(shè)計,同時視覺也能夠直觀地表達出我們所要傳遞的價值。因此,我們在建設(shè)網(wǎng)站時,一方面需要確保網(wǎng)站的視覺效果足夠優(yōu)秀,另一方面需要保證視覺能夠傳遞正確的商業(yè)價值。


經(jīng)驗總結(jié)|UX設(shè)計師必備的交互開發(fā)知識

周周

設(shè)計師在日常工作中,避免不了與開發(fā)、測試同事溝通交流。他們說的話,你真的聽明白了嗎?如何更快、更好的無障礙交流?這就需要我們設(shè)計師,多多了解開發(fā)、測試同事們常用的術(shù)語,以及一些與設(shè)計相關(guān)的代碼知識。

App 信息架構(gòu):如何讓用戶始終有掌控感

周周

信息架構(gòu)是產(chǎn)品的骨架。具體而言,就是一款產(chǎn)品有幾個一級頁面,以及支撐起整個產(chǎn)品的一級頁面、二級頁面各有幾種內(nèi)容樣式。所謂一級頁面,微信的“發(fā)現(xiàn)”頁就是一個一級頁面;在“發(fā)現(xiàn)”頁點“朋友圈”,進去的就是一個二級頁面。所謂內(nèi)容樣式,Banner 是一種內(nèi)容樣式,九宮格是一種內(nèi)容樣式,設(shè)置頁面那種列表也是一種內(nèi)容樣式。

為了活動快速上線,交互設(shè)計師是如何“排雷”的?

seo達人


背景

活動類項目由于具有玩法時效性強的特點,經(jīng)常需要快速上線,但是需求變更頻繁、方案難以達成共識、上線物料被忽略等“地雷”遍布項目進程之中,如果不幸“踩到引爆”,必然嚴(yán)重影響上線速度。交互設(shè)計師作為項目鏈條中承上啟下的重要一環(huán),可以通過提前介入、專業(yè)支撐等“排雷”策略對項目高效準(zhǔn)時上線起到十分重要的促進作用。

筆者從2019年全面負(fù)責(zé)網(wǎng)易云音樂會員營收活動的交互設(shè)計工作,對從交互側(cè)保證活動類項目高效協(xié)作和快速上線有一些思考?,F(xiàn)按照一般活動類項目必經(jīng)的項目立項階段、項目執(zhí)行階段、項目收尾階段來梳理出影響活動快速上線的“地雷”,并且輸出對應(yīng)的策略,希望對其他做活動類項目的交互設(shè)計同學(xué)有所幫助。

 

一、項目立項階段

項目立項階段主要有兩個“地雷”,一個是運營玩法和策劃需求變更,一個是業(yè)務(wù)細(xì)節(jié)和熟識度不足導(dǎo)致的設(shè)計返工。交互設(shè)計師可以通過提前介入、整體活動邏輯可視化的梳理來避開“踩雷”,下面將分別闡述。

1.排除“運營玩法和策劃需求變更”的地雷

提前介入,從用戶體驗和開發(fā)成本角度管理運營玩法和策劃需求。眾所周知,一個活動從發(fā)起到下線流程如下圖, 筆者一般是在運營立項階段就開始介入項目,這個階段運營往往會有很多玩法的腦爆idea,且開發(fā)資源尚未介入,交互設(shè)計師一定要站好這個節(jié)點的“崗”,防止有紕漏的玩法方案溜進需求池。

提前參與玩法需求討論可以讓我們更全面地了解活動目標(biāo)、針對人群,以及運營想推的活動玩法,在想法產(chǎn)生之初通過交互設(shè)計師的專業(yè)建議使活動玩法更加落地可行、體驗優(yōu)雅、帶來更多轉(zhuǎn)化,降低返工可能性,提升上線效率。此時交互設(shè)計師一方面要站在用戶體驗角度上跟運營說明哪些idea會增加用戶認(rèn)知和操作成本,降低活動轉(zhuǎn)化率,以及優(yōu)化建議;另一方面站在開發(fā)角度跟運營說明哪些想法開發(fā)成本高,可能在限定的日期無法上線,如果堅持要做的話,需要與開發(fā)同學(xué)確認(rèn)技術(shù)方案或申請更多研發(fā)資源;第三方面是基于交互設(shè)計師對用戶心理學(xué)天然的了解,建議運營同學(xué)如何在活動中利用誘餌效應(yīng)、從眾效應(yīng)、目標(biāo)階梯效應(yīng)等方法提升用戶的轉(zhuǎn)化。

大家一定要謹(jǐn)記“提前介入”,否則等idea經(jīng)過運營策劃立項后推進到交互階段發(fā)現(xiàn)問題要修正的話,會浪費極多的項目時間和團隊精力。一方面是因為重新組織各方討論的協(xié)調(diào)難度很大;另一方面是因為運營和策劃已為玩法需求付出很多時間和精力,過程中必定相互洗腦要推的方案是可行且完美的,說服他們接受新修改意見的溝通難度和耗費的時間成本可想而知。

 

2.排除“業(yè)務(wù)玩法、技術(shù)方案等理解不足導(dǎo)致設(shè)計返工”的地雷

活動立項之后,盡可能地梳理完整的業(yè)務(wù)流程圖、功能流程圖。對于一些復(fù)雜的活動,業(yè)務(wù)流程圖一定要輸出(也可以和策劃協(xié)作一起輸出,或者規(guī)定讓策劃同學(xué)輸出)。梳理業(yè)務(wù)流程圖的過程就是理解活動玩法的過程,將運營用文案表達的玩法規(guī)則進行可視化。業(yè)務(wù)流程圖可以讓各方對活動玩法、流程、功能狀態(tài)流轉(zhuǎn)一目了然,便于讓各方發(fā)現(xiàn)新的問題點,及時修訂。梳理功能流程圖是促使策劃和開發(fā)將項目中所應(yīng)用功能的技術(shù)方案一一確認(rèn),減少后續(xù)設(shè)計階段的變數(shù),增加輸出設(shè)計文檔的確定性。

如果對規(guī)則和玩法復(fù)雜的活動沒有清晰的理解就盲目開始設(shè)計,很容易囿于細(xì)節(jié)而失去全局概念,后期如果規(guī)則玩法、活動流程或技術(shù)方案稍改就會被推倒重來,做很多無用功,耽誤上線時間。

 

二、項目執(zhí)行階段

項目執(zhí)行階段主要有三個“地雷”,一個是設(shè)計方案輸出效率低,二是各方信息沒有對齊,三是開發(fā)過程中各方溝通不順暢。交互設(shè)計師可以通過模塊化的組件設(shè)計、組織交互評審會和及時跟進開發(fā)測試中的突發(fā)問題來避開,下面將分別闡述。

1.排除“設(shè)計文檔輸出效率低”的地雷

在以往的活動中,我們搭建的活動配置后臺里已經(jīng)沉淀了很多復(fù)用性高的組件,可以用組件像樂高積木一樣快速搭建普通活動,這種方式可以極大的提高活動上線效率。

一些新玩法活動現(xiàn)有組件無法滿足,需要梳理后設(shè)計控件的樣式(采用按鍵、熱區(qū)、上下結(jié)構(gòu)、左右結(jié)構(gòu)等)。組件交互設(shè)計的優(yōu)先級是:穩(wěn)定性-易用性-拓展性。所謂穩(wěn)定性是活動組件設(shè)計的第一大原則,需要交互設(shè)計師盡量保證組件邏輯簡單、開發(fā)難度低且能承受活動短時間高并發(fā)環(huán)境的壓力,這樣才能保證開發(fā)同學(xué)在較短時間內(nèi)快速上線且bug少。所謂易用性是易于用戶理解和操作,這直接關(guān)系到用戶在此組件觸點的轉(zhuǎn)化率。所謂拓展性是兩方面:一是后續(xù)可以應(yīng)用到其他活動中,二是為活動的視覺設(shè)計階段保留了更多樣式發(fā)揮的可能性;拓展性強的組件可以在后續(xù)活動配置中持續(xù)使用,長期來看可提升活動上線效率。

 

2.排除“各方信息沒有對齊”的地雷

交互評審是促進各方信息對齊的最最重要的掃雷秘訣。因為交互設(shè)計師需要將運營玩法、產(chǎn)品需求、業(yè)務(wù)邏輯,以及用戶體驗相結(jié)合,轉(zhuǎn)化為各方可見可理解的低保真模型,所以交互評審十分重要,即使時間再緊也不可或缺。

交互評審的目的是讓運營、策劃、視覺、前后端開發(fā)、測試同學(xué)更加直觀和形象的了解活動上線的大致呈現(xiàn)效果。運營和策劃可以據(jù)此判斷方案是否符合他們的需求,視覺可以構(gòu)思活動頁面的裝飾元素和視覺風(fēng)格,研發(fā)可以據(jù)此確定前后端接口、評估開發(fā)工作量和預(yù)估工時,測試同學(xué)可以以此來進行測試用例的輸出。

評審方案的時候有兩個技巧可以提升評審效率。一是按照活動前中后三個階段來給大家進行講解,這樣會讓各方更易理解。二是前端組件樣式和對應(yīng)的后臺配置一起講,這樣不僅可以方便運營同學(xué)知道如何配置,和各配置項在前端如何展示,也方便開發(fā)同學(xué)快速梳理數(shù)據(jù)接口和核對參數(shù)。

交互設(shè)計師針對會上的功能點實現(xiàn)問題、前后端配置問題等暫時不能確定的,會后一定要拉各方核對定稿。即使活動上線周期十分緊急,也一定要進行交互評審,磨刀不誤砍柴工,千萬不能為了省時間而省略該步驟,否則各方在信息沒有對齊的情況下按自己的想法推進,一旦出現(xiàn)執(zhí)行偏差,必將需要更多的時間來彌補。

 

3.排除“視覺、開發(fā)和測試過程中各方溝通不順暢”的地雷

視覺設(shè)計過程中,視覺同學(xué)對活動控件有新的想法或做了方案調(diào)整,需要及時溝通確認(rèn)調(diào)整后的方案僅僅是樣式的變更還是修改了控件的邏輯或字段,一方面需要確定視覺改動是否可接受,另一方面如果改動控件邏輯或字段的話需要找對應(yīng)開發(fā)同學(xué)溝通,看是否增加開發(fā)難度和工作量,是否會影響上線時間。

開發(fā)過程中,開發(fā)、測試同學(xué)中對于交互文檔中的細(xì)節(jié)有疑問時,交互設(shè)計師需要及時答疑。部分功能或流程因為技術(shù)實現(xiàn)問題或開發(fā)周期問題,需要組織各方溝通討論出新的替代方案時,交互設(shè)計師要對設(shè)計方案進行及時修訂并將修訂記錄同步全組。

測試驗收過程中,測試同學(xué)完成第一輪冒煙測試后,交互設(shè)計師就可以進行交互走查驗收。第一,將走查發(fā)現(xiàn)的問題創(chuàng)建驗收清單,采用有道云協(xié)作來創(chuàng)建截圖、問題、終端、備注的表格,將走查過程中發(fā)現(xiàn)的問題整理進去,便于測試、開發(fā)同學(xué)查看和跟進。第二,確定修bug的優(yōu)先級,按照普通用戶參與活動路徑設(shè)立優(yōu)先級,及時跟進和更新修bug的結(jié)果,上線前一定要再走查一遍,防止一些修好的bug復(fù)發(fā)和一些修bug過程中新產(chǎn)生的bug。第三,關(guān)注高并發(fā)壓測環(huán)境下可能出現(xiàn)的問題,如果時間緊急沒法變更技術(shù)方案,就需要通過采用用戶體驗的方法來進行引導(dǎo)或補救。

為了保證各方溝通順暢,除了及時跟進處理各方遇到的問題外,交互設(shè)計師需將每日跟進的溝通結(jié)果和修訂記錄在項目組里同步。這樣一方面讓運營、策劃、開發(fā)、項目管理等各方了解項目最新變動和進度;另一方面營造一種大家共同推進活動的感覺,讓項目組同事更愿意相互協(xié)作配合工作。

 

三、項目收尾階段

項目收尾階段主要是物料準(zhǔn)備不充分的“地雷”,交互設(shè)計師可以通過走查物料準(zhǔn)備情況來避開。

排除“物料準(zhǔn)備不充分”的地雷

活動項目中有很多物料需要準(zhǔn)備,在線上活動項目中設(shè)計師需要重點關(guān)注的是活動冷啟動階段前置假寫數(shù)據(jù)的準(zhǔn)備和上線預(yù)演。假寫數(shù)據(jù)的益處顯而易見,例如在某些活動中前置假寫的彈幕數(shù)據(jù)可以在冷啟動階段很好的營造場面熱烈的氛圍,激勵用戶“從眾心理”參與活動,但在真實數(shù)據(jù)進入后要立即清理掉假數(shù)據(jù)避免造成用戶信任危機。

活動上線前各方聯(lián)調(diào)時,由于大家都忙于走查功能、合并代碼、準(zhǔn)備預(yù)發(fā)等,經(jīng)常會出現(xiàn)假寫數(shù)據(jù)準(zhǔn)備不充分或者遺漏的情況,這個階段交互設(shè)計師一定要檢查到位,并且確定假寫數(shù)據(jù)的上下線策略。

 

總結(jié)

交互設(shè)計師也可以在整個項目過程中實時收集各方從項目立項到項目收尾過程中對活動項目的想法和建議,包括玩法策略、業(yè)務(wù)邏輯、交互視覺設(shè)計、開發(fā)過程等,一些好的建議可以在后續(xù)開發(fā)中推行,讓項目協(xié)作更加順暢,項目上線更加快速高效。

以上是我在近兩年時間參與活動類項目過程中,交互設(shè)計師促進活動類項目快速上線的一些經(jīng)驗沉淀。雖然不同公司、項目在活動流程、團隊協(xié)作中有所差異,但交互設(shè)計師在項目前、中、后階段遇到的“地雷”大致相似,希望對大家有所幫助。

 

原文地址:網(wǎng)易UEDC (公眾號)
作者:于康康

轉(zhuǎn)載請注明:學(xué)UI網(wǎng)》為了活動快速上線,交互設(shè)計師是如何“排雷”的?

藍藍設(shè)計建立了UI設(shè)計分享群,每天會分享國內(nèi)外的一些優(yōu)秀設(shè)計,如果有興趣的話,可以進入一起成長學(xué)習(xí),請掃碼藍小助,報下信息,藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作,也請與我們聯(lián)系。

截屏2021-05-13 上午11.41.03.png

分享此文一切功德,皆悉回向給文章原作者及眾讀者.
免責(zé)聲明:藍藍設(shè)計尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問題,請及時與我們?nèi)〉寐?lián)系,我們立即更正或刪除。

藍藍設(shè)計sillybuy.com )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標(biāo)定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)

UI設(shè)計公司、界面設(shè)計公司、UI設(shè)計服務(wù)公司、數(shù)據(jù)可視化設(shè)計公司、UI交互設(shè)計公司、高端網(wǎng)站設(shè)計公司、UI咨詢、用戶體驗公司、軟件界面設(shè)計公司



日歷

鏈接

個人資料

藍藍設(shè)計的小編 http://sillybuy.com

存檔