91成人精品,神马影院东京干,国产一级做a爰片久久 亚洲日韩欧美一区二区三区_国产AV无码专区亚洲AV

首頁

簡潔之美,細(xì)節(jié)成就卓越:打造極致移動端彈窗體驗

前端達(dá)人

細(xì)節(jié)成就卓越,從精致彈窗設(shè)計開始。
在移動端應(yīng)用的世界里,彈窗不僅是信息傳遞的橋梁,也是用戶體驗的微妙觸點。一個精心設(shè)計的彈窗能夠在正確的時刻捕捉用戶的注意力,以一種既美觀又功能性強(qiáng)的方式提供必要信息或引導(dǎo)用戶操作。從視覺清晰度到操作簡便性,再到出現(xiàn)的時機(jī)和頻率,每一個細(xì)節(jié)都關(guān)乎著用戶對應(yīng)用的整體感受和滿意度。讓我們一起探索如何通過細(xì)致入微的設(shè)計思考,打造既符合業(yè)務(wù)目標(biāo)又讓用戶感到愉快的移動端彈窗,提升體驗,創(chuàng)造細(xì)節(jié)之美。
簡潔之美,細(xì)節(jié)成就卓越:打造極致移動端彈窗體驗
 
 
簡潔之美,細(xì)節(jié)成就卓越:打造極致移動端彈窗體驗
 
 
簡潔之美,細(xì)節(jié)成就卓越:打造極致移動端彈窗體驗
 
 
簡潔之美,細(xì)節(jié)成就卓越:打造極致移動端彈窗體驗
 
 
簡潔之美,細(xì)節(jié)成就卓越:打造極致移動端彈窗體驗
 
 
簡潔之美,細(xì)節(jié)成就卓越:打造極致移動端彈窗體驗
 
 
簡潔之美,細(xì)節(jié)成就卓越:打造極致移動端彈窗體驗
 
 
簡潔之美,細(xì)節(jié)成就卓越:打造極致移動端彈窗體驗
 
 
簡潔之美,細(xì)節(jié)成就卓越:打造極致移動端彈窗體驗
 
 
簡潔之美,細(xì)節(jié)成就卓越:打造極致移動端彈窗體驗
 
 
簡潔之美,細(xì)節(jié)成就卓越:打造極致移動端彈窗體驗
 
 
簡潔之美,細(xì)節(jié)成就卓越:打造極致移動端彈窗體驗

作者:Miao_C
鏈接:https://www.zcool.com.cn/article/ZMTYxMTIyOA==.html
來源:站酷
著作權(quán)歸作者所有。商業(yè)轉(zhuǎn)載請聯(lián)系作者獲得授權(quán),非商業(yè)轉(zhuǎn)載請注明出處。

彈框關(guān)閉的七種交互方式

前端達(dá)人

前言:日常設(shè)計工作中,我們設(shè)計師可能會面臨以下設(shè)計問題:
  1.  
    移動端彈框什么時候需要關(guān)閉按鈕?什么時候不需要關(guān)閉按鈕?
  2.  
    界面中間的確認(rèn)取消警示彈框,是否需要在右上角添加“關(guān)閉”icon按鈕?
  3.  
    手勢關(guān)閉彈框需要注意什么?
  4.  
    iOS和安卓兩端關(guān)閉彈框有什么區(qū)別?
  5.  
    點擊彈框中的任務(wù)按鈕,彈框是關(guān)閉還是不收起?
彈框關(guān)閉的七種交互方式
 
 
彈框關(guān)閉的七種交互方式
 
 
彈框關(guān)閉的七種交互方式
 
 
 
彈框關(guān)閉的七種交互方式
 
 
統(tǒng)一使用圖標(biāo)按鈕,以icon“x”的形式,顯示在底部彈框的右上角,用戶通過點擊“關(guān)閉icon”圖標(biāo)按鈕來關(guān)閉彈框。
使用場景
當(dāng)彈框中包含內(nèi)容和功能操作時,應(yīng)提供一個關(guān)閉icon“x”的圖標(biāo)按鈕,以讓用戶能夠主動關(guān)閉彈框并進(jìn)行相應(yīng)的操作。
何時不需要關(guān)閉按鈕icon“x”?
1.操作型彈框,需要用戶確認(rèn)或選擇操作項,不需要顯示關(guān)閉按鈕,需統(tǒng)一使用文字主按鈕,以文本“取消”的按鈕形式,顯示在彈框面板底部,用戶通過點擊“取消”按鈕來關(guān)閉彈框。例如當(dāng)用戶進(jìn)行刪除或提交操作時,彈出的確認(rèn)框通常只需要“確定”和“取消”按鈕,而不需要顯示關(guān)閉按鈕。
2.全局提示toast(自動關(guān)閉)。
3.功能入口類型彈框,為了保持界面簡潔,不需要“關(guān)閉icon”,如智能文檔編輯模式的底部懸浮工具欄。
4.警示或通知類型的彈框,不要關(guān)閉icon。
彈框關(guān)閉的七種交互方式
 
 
關(guān)閉按鈕位置
關(guān)閉按鈕需統(tǒng)一顯示在彈框右上角。遵循iOS和Android系統(tǒng)規(guī)范、用戶使用習(xí)慣、閱讀習(xí)慣「Z字型」、避免誤操作「關(guān)閉之前需要先確認(rèn)信息和操作項」。
關(guān)閉按鈕icon“x”何時需要展示在左上角?
頁面級:當(dāng)頁面層級超過3級時,為了便于用戶能快速回到一級頁面,無需原路返回,可以將關(guān)閉按鈕“x” 置于左上角,位于「返回」按鈕右側(cè)。
多語言和國際化用戶習(xí)慣:特定語言和文化習(xí)慣,從右向左閱讀順序,遵循用戶閱讀習(xí)慣。例如臺灣、日本等。
彈框關(guān)閉的七種交互方式
 
 
用戶點擊彈框外部區(qū)域,即遮罩層,可關(guān)閉彈框。
彈框關(guān)閉的七種交互方式
 
 
遮罩層不可點擊場景
1、模態(tài)彈框,即“阻斷式”,必須要用戶確認(rèn)彈框內(nèi)操作。例如刪除等需要用戶確認(rèn)的警示彈框。
2、彈框的內(nèi)容區(qū)域,包含表單輸入框等需要用戶提交數(shù)據(jù),為了防止誤操作導(dǎo)致用戶輸入的數(shù)據(jù)丟失,遮罩層不可點擊。
3、有前置限制條件,需要用戶完成特定操作或滿足特定條件才可關(guān)閉彈框。例如用戶隱私協(xié)議場景,必須要用戶主動勾選同意協(xié)議選項。
 
遮罩層展示邏輯
1、非模態(tài)彈框,不加遮罩層;模態(tài)彈框,加遮罩層;
2、遮罩層統(tǒng)一使用半透明黑色蒙層,色值和不透明度的數(shù)值由UI定義;
3、遮罩層可視高度,遵循移動端最小點擊區(qū)域48dp*48dp高度的交互熱區(qū),保證用戶可點擊
 
遮罩層的覆蓋范圍
  1.  
    遮罩層需覆蓋標(biāo)題欄,需遵循iOS、Android、微信小程序平臺規(guī)范。其中微信小程序端,遮罩層覆蓋標(biāo)題欄,但不可覆蓋標(biāo)題欄右側(cè)膠囊按鈕。
  2.  
    若是內(nèi)嵌H5頁面,因客觀條件限制,則彈框之下的遮罩層無需覆蓋標(biāo)題欄。
  3.  
    以上提到模態(tài)彈框和非模態(tài)彈框兩種彈框模式,要想更清晰理解兩種模式彈框的關(guān)閉交互方式,需要理解兩者之間的交互區(qū)別。‍‍
 
模態(tài)彈框和非模態(tài)彈框的交互區(qū)別
模態(tài)彈框‍‍‍‍‍‍‍‍‍‍‍‍:
用戶只能操作彈框內(nèi)的交互元素,彈框外部區(qū)域不可操作,需要加半透明遮罩層。例如底部操作型彈框。
非模態(tài)彈框‍‍‍‍‍‍‍‍‍‍‍
用戶可以并行操作彈框內(nèi)和彈框外部區(qū)域的交互元素,不要加半透明遮罩層。例如蘋果地圖App。
 
彈框關(guān)閉的七種交互方式
 
 
用戶在底部彈框區(qū)域向下滑動手指,彈框會隨之向下移動,當(dāng)?shù)竭_(dá)當(dāng)前彈框高度的1/2位置后,會觸發(fā)關(guān)閉交互,用戶繼續(xù)向下滑動松手則關(guān)閉彈框。
彈框關(guān)閉的七種交互方式
 
 
交互邏輯
1、支持下拉關(guān)閉的彈框,頭部區(qū)域需統(tǒng)一展示水平條icon,樣式由UI定義
2、交互熱區(qū):底部彈框全部區(qū)域
3、手勢方向:手指只能向下移動
4、下拉觸發(fā)關(guān)閉彈框閾值:當(dāng)前底部彈框高度的1/2位置
 
使用場景
長內(nèi)容類型彈框,需使用下拉關(guān)閉交互手勢,關(guān)閉彈框
 
不可用下拉手勢關(guān)閉彈框的場景
1、模態(tài)彈框,即“阻斷式”,必須要用戶確認(rèn)彈框內(nèi)操作。例如刪除等需要用戶確認(rèn)的警示彈框。
2、彈框的內(nèi)容區(qū)域,包含表單輸入框等需要用戶提交數(shù)據(jù),為了防止誤操作導(dǎo)致用戶輸入的數(shù)據(jù)丟失,不可下拉關(guān)閉彈框。
3、有前置限制條件,需要用戶完成特定操作或滿足特定條件才可關(guān)閉彈框。例如用戶隱私協(xié)議場景,必須要用戶主動勾選同意協(xié)議選項。
 
彈框關(guān)閉的七種交互方式
 
 
用戶在屏幕上向下滑動(包括左下或右下滑動方向)至任意位置后松手釋放,可關(guān)閉彈框;當(dāng)用戶手指下滑未松手,繼續(xù)向上滑動到任意位置后松手釋放,則可取消關(guān)閉彈框。
彈框關(guān)閉的七種交互方式
 
 
使用場景
僅圖片大圖模式場景使用。用戶向下滑動屏幕,圖片隨之向下移動,松手后觸發(fā)關(guān)閉圖片查看器,關(guān)閉圖片彈框
例如:手機(jī)相冊
彈框關(guān)閉的七種交互方式
 
 
用戶從彈框區(qū)域左邊緣向右輕掃,即快速向右滑動后松手,則觸發(fā)關(guān)閉彈框操作,關(guān)閉彈框。
彈框關(guān)閉的七種交互方式
 
 
不可從界面左邊緣向右輕掃場景
1、模態(tài)彈框,即“阻斷式”,必須要用戶確認(rèn)彈框內(nèi)操作。例如刪除等需要用戶確認(rèn)的警示彈框
2、彈框的內(nèi)容區(qū)域,包含表單輸入框等需要用戶提交數(shù)據(jù),為了防止誤操作導(dǎo)致用戶輸入的數(shù)據(jù)丟失,不支持向右輕掃關(guān)閉彈框。
3、有前置限制條件,需要用戶完成特定操作或滿足特定條件才可關(guān)閉彈框。例如用戶隱私協(xié)議場景,必須要用戶主動勾選同意協(xié)議選項。
除以上場景外,均需要支持彈框左邊緣向右輕掃手勢關(guān)閉彈框,包括Android、iOS、小程序。
 
特殊場景
1、當(dāng)同時存在頁面向右滑和彈框向右輕掃手勢時,在彈框區(qū)域向右輕掃,先關(guān)閉彈框,再次沿著屏幕左邊緣向右滑動,則返回上級頁面。
2、鍵盤展開場景,iOS端不支持左邊緣向右輕掃收起鍵盤,遵循iOS平臺規(guī)范。
彈框關(guān)閉的七種交互方式
 
 
對于安卓設(shè)備,用戶可以使用設(shè)備上的物理返回按鈕來關(guān)閉彈框。當(dāng)用戶按下返回按鈕時,可關(guān)閉彈框。
交互用法
1、點擊物理按鍵,需原路逐級返回,不允許跳級返回
2、模態(tài)彈框,遮罩層覆蓋物理返回按鍵,不支持左邊緣向右輕掃關(guān)閉彈框
3、安卓手機(jī)將系統(tǒng)導(dǎo)航方式切換到全面屏手勢,則不存在物理返回按鍵
彈框關(guān)閉的七種交互方式
 
 
  1.  
    點擊彈框中的功能按鈕,通常需要立即執(zhí)行并關(guān)閉彈框。一定是先執(zhí)行再關(guān)閉彈框,而不是先關(guān)閉彈框再執(zhí)行。用戶執(zhí)行某功能按鈕后,遵循即時響應(yīng)原則,系統(tǒng)必須要反饋用戶在執(zhí)行用戶操作。
  2.  
    為什么點擊執(zhí)行功能按鈕需要關(guān)閉彈框?因為彈框是否關(guān)閉,和用戶目標(biāo)有關(guān)。用戶主動觸發(fā)某操作喚起彈框,首先是有用戶目標(biāo)的,其次,用戶通過點擊彈框內(nèi)某功能按鈕,執(zhí)行任務(wù)來實現(xiàn)用戶目標(biāo)。
  3.  
    此外,也存在點擊執(zhí)行功能按鈕立即執(zhí)行不關(guān)閉彈框的場景,比如開關(guān)選擇器,但本質(zhì)還是圍繞當(dāng)前用戶目標(biāo)來進(jìn)行決策是否關(guān)閉彈框。
 
結(jié)語:任何設(shè)計都有它遵循的規(guī)律
彈框關(guān)閉的七種交互方式
 
 
 
 
 
 
 
 
 


作者:CNLILY
鏈接:https://www.zcool.com.cn/article/ZMTYxMTQzNg==.html
來源:站酷
著作權(quán)歸作者所有。商業(yè)轉(zhuǎn)載請聯(lián)系作者獲得授權(quán),非商業(yè)轉(zhuǎn)載請注明出處。

思考|B端產(chǎn)品如何建立用戶畫像

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

在做C端產(chǎn)品設(shè)計時,我們常常將碎片化的用戶調(diào)研信息,通過歸類整理將用戶進(jìn)行分類,賦予姓名性別等用戶信息以及用戶性格,建立起一個個立體的用戶畫像,幫助我們快速了解用戶,建立對用戶的有效認(rèn)知。

 

談?wù)勗O(shè)計創(chuàng)意獲取的思路

前端達(dá)人

談?wù)勗O(shè)計創(chuàng)意獲取的思路
 
 
讀了一本書,杰夫戴維森的《The 60 sencond Innovation 》,講的是
創(chuàng)意的獲取方式
。因為國外的設(shè)計環(huán)境與國內(nèi)還是有很大區(qū)別的(所以這本書的微信讀書書評并不是很高),我摘選了幾個我認(rèn)為
適合國內(nèi)現(xiàn)狀的創(chuàng)意獲取方法,與大家共享
。
談?wù)勗O(shè)計創(chuàng)意獲取的思路
 
 
一、關(guān)于設(shè)計趨勢
設(shè)計創(chuàng)意是符合設(shè)計趨勢的,我們需要關(guān)注設(shè)計趨勢。
我覺得趨勢這個詞,書里面有個觀點還是可以的:
關(guān)注長期趨勢
。
為什么這么說呢,因為趨勢不是朝三暮四的,往往會保持很長的時間。所以我們在做設(shè)計創(chuàng)意的時候可以適當(dāng)關(guān)注長期趨勢。
1.1關(guān)注社會趨勢的重要性
最直接影響的就是職業(yè)生涯的發(fā)展
。譬如你是一名UI設(shè)計師或者即將畢業(yè)的學(xué)生,在當(dāng)前的形勢下UI設(shè)計師已經(jīng)趨于飽和,你想完成一次職業(yè)方向的確定或轉(zhuǎn)變,你會往哪里走?
那么你需要關(guān)注設(shè)計趨勢。
如果你選擇的是一個接近飽和的方向,那么你的薪資幾年內(nèi)肯定也得不到提高。有的設(shè)計師經(jīng)常會說我做UI設(shè)計5-7年了,但是薪資依然還是1萬,我
只能說你現(xiàn)在沒有什么競爭力。
所以趁著年輕,你可以考慮換一條細(xì)分的賽道。
譬如逐漸趨于飽和的車載HMI設(shè)計,即將爆發(fā)的類似于Vision Pro的增強(qiáng)現(xiàn)實設(shè)計。。。
來自于蘋果官網(wǎng)
來自于蘋果官網(wǎng)
 
1.2如何了解設(shè)計趨勢
首先,最直觀的就是設(shè)計大事件。
譬如蘋果等著名品牌引導(dǎo)的設(shè)計承載方式的變革。從羅永浩推出無限屏概念開始,其實類似的空間設(shè)計就已經(jīng)處于慢熱狀態(tài)。直到蘋果正式發(fā)布了Vision Pro,這種大事件直接將增強(qiáng)空間設(shè)計推向了高潮。
我們可以通過蘋果的官方網(wǎng)站,去了解Vision Pro的使用方法,以此來感受Vision pro可以改變什么?文本編輯、影視、閱讀以及游戲等等用戶體驗與手機(jī)操作的不同點,從而延伸出未來可以商業(yè)化的場景方向,可以做預(yù)知性的推斷。
有興趣的設(shè)計師還可以通過蘋果發(fā)布的
Vision pro模擬器
,來嘗試性地輸出一些創(chuàng)新的想法和創(chuàng)意,以此來建立自己在增強(qiáng)空間設(shè)計上的設(shè)計經(jīng)驗和競爭力。
其次,可以通過設(shè)計網(wǎng)站、社區(qū)和平臺。
譬如優(yōu)設(shè)、站酷、人人都是產(chǎn)品經(jīng)理等一些設(shè)計資訊平臺。很多設(shè)計師會將國外的一些好的設(shè)計趨勢的文章翻譯,我們可以通過這些文章來獲取設(shè)計趨勢。
再者,可以通過行業(yè)內(nèi)的研究報告。
譬如艾瑞咨詢發(fā)布的《2023年AIGC場景應(yīng)用展望研究報告》,里面就闡述了下一年甚至是未來AIGC的發(fā)展方向。
二、經(jīng)驗積累促進(jìn)設(shè)計創(chuàng)意輸出
2.1經(jīng)驗積累到一定程度的好處
一般設(shè)計師在自身發(fā)展的同時,也都會留意身邊設(shè)計師發(fā)展的如何,嫉妒和對比是很正常的。有的設(shè)計師會覺得為什么他年紀(jì)不大卻能當(dāng)領(lǐng)導(dǎo),為什么他的薪資比我多那么多,為什么每次任務(wù)下來后他總是做的又快又好。。。
因為這是工作/設(shè)計經(jīng)驗給他帶來了各種紅利。
為什么經(jīng)驗豐富的設(shè)計師創(chuàng)意那么多呢?那就是
尤尼卡效應(yīng)(靈感的悄然而至)
。有經(jīng)驗的設(shè)計師,職業(yè)生涯過程中看過無數(shù)的案例,想過無數(shù)的方案,做過無數(shù)的作品。所以,他們可以在看到問題的時候,立馬給你輸出設(shè)計方案。如果你能達(dá)到這種地步,你的競爭力也將無可匹敵。
2.2經(jīng)驗積累下的靈感輸出
做到兩點:
【建立方向】和【埋頭苦干】
。
畢業(yè)5年內(nèi)的設(shè)計師,可以不用過多的去關(guān)注別人與自己的差別,你要做的就是【建立方向】和【埋頭苦干】,幸運只光顧有準(zhǔn)備的頭腦。
那些有經(jīng)驗的設(shè)計師也都是摸爬滾打一點一滴練出來的。過年的時候跟大學(xué)同學(xué)吃飯,設(shè)計耕耘10余載,他已經(jīng)是某設(shè)計院的總監(jiān)了。想想與他一起住過的小黑屋,想想我們打地鋪黑燈瞎火的做項目,為了錢么?是因為熱愛,想做出更好的作品。再看看他一路走來的工作歷程,他基本上在一個垂直方向上深耕細(xì)作,從場館的設(shè)計方案到制定預(yù)算,從項目投標(biāo)到施工流程,整個一套流程都駕輕就熟了。
2.3不斷嘗試后的靈感輸出
設(shè)計師們都知道,靈感不會輕易上門。
創(chuàng)意是被逼出來的
!這一點設(shè)計師們都很有感觸。
這里的經(jīng)驗積累不完全是工作年限的意思,也有深度挖掘之意
尤尼卡效應(yīng)要求我們,即使在設(shè)計工作中沒有靈感的時候,繼續(xù)嘗試著梳理思路不斷鉆研,肯定會有靈感乍現(xiàn)的那一刻。就像書中說的那樣:
因為創(chuàng)新是一個漸進(jìn)的過程,一次加上一點思考,最終會柳暗花明。
MIdjourny輸出:設(shè)計師絞盡腦汁
MIdjourny輸出:設(shè)計師絞盡腦汁
 
三、創(chuàng)意匯報
3.1高中低方案戰(zhàn)略
要想實現(xiàn)創(chuàng)意被大家更好地接受,通??梢詼?zhǔn)備三種可能的方案:1.最佳方案2.中間方案3.最差方案
領(lǐng)導(dǎo)的決策,也需要有一定的參考。我們給出的方案,盡量涵蓋高中低三種維度,以便進(jìn)行對比。
3.2選擇時機(jī)進(jìn)行推薦
創(chuàng)意方案出來后,你可以安排一次會議/宣講會,闡述一下自己的設(shè)計方案。聰明的做法就是在會議召開之前,先私下把方案簡單過一下,以獲得一定的支持。
3.3學(xué)會傾聽
你在匯報項目的過程中,別人會有一些想法和建議,麻煩你認(rèn)真傾聽。不要著急去打斷,以免造成厭惡性溝通。
3.4不要放棄
創(chuàng)意被否定很正常。
真正能一次通過的創(chuàng)意實屬罕見,就好比不能因為拿不到第一就不上場比賽一樣,你也不應(yīng)該因為創(chuàng)意被否一次就永遠(yuǎn)自暴自棄。
四、創(chuàng)意輸出需要心流狀態(tài)
心流狀態(tài)是指自己已經(jīng)完全沉浸在設(shè)計創(chuàng)意中了。
心流狀態(tài)可以很好地幫助設(shè)計師提高工作效率,促進(jìn)設(shè)計創(chuàng)意的輸出。
4.1如何獲得心流狀態(tài)
環(huán)境很重要。
對于設(shè)計師而言,通過調(diào)整周圍的環(huán)境,比如說引進(jìn)一些比較明亮的色彩、圖片、標(biāo)語等,可以大大激發(fā)一個人的學(xué)習(xí)能力。
開放、整潔、平整的表面有助于整理人的思維,所以一般來說,你的桌子越干凈,就越容易提高工作效率,應(yīng)對工作中的各種挑戰(zhàn)。
五、創(chuàng)意伙伴日常溝通
眾人拾柴火焰高。
5.1與什么樣的人溝通
與相同價值的人溝通。
《探尋第一名》(Looking Out for Number One)一書中,作者羅伯特·林格(Robert Ringer)指出,持久的關(guān)系——一方為另一方提供相同的價值,雙方的利益交織在一起,讓這種關(guān)系持續(xù)下去——非常有價值。
因此
你找的人必定是彼此都珍視的人,可以成為創(chuàng)意伙伴
。你可以每個月找創(chuàng)意伙伴聊聊天喝喝茶充充電,獲取一些新的想法,讓自己的大腦保持常青常新。馬云說過,企業(yè)在不缺錢的時候融資,而不是缺錢了再去融資。
設(shè)計圈有認(rèn)識的大佬都很重視溝通,會經(jīng)常跟身邊的朋友聊天,其實這很大程度上
可以讓一個人擁有多個人的經(jīng)驗和能力。
所以設(shè)計師應(yīng)該嘗試著開放一些,而不是閉門造車。
MIdjourny輸出:設(shè)計師聊天
MIdjourny輸出:設(shè)計師聊天
 
六、公司層面:討論/溝通氛圍的重要性
公司層面,應(yīng)該鼓勵設(shè)計師在會議上多闡述自己的意見。
很多公司是不是有這樣一種現(xiàn)象:開會的時候鴉雀無聲,只聽到匯報的人膽怯地練著演講稿或者說著自己的方案,讓其他人給意見的時候基本無人舉手,只能等領(lǐng)導(dǎo)給一些修改意見,
然后這個設(shè)計方案就變成了領(lǐng)導(dǎo)認(rèn)可的設(shè)計方案了。
其實這種工作氛圍真的非常糟糕,限制了設(shè)計師的創(chuàng)意的發(fā)揮,同時也讓產(chǎn)品成為了一個片面性的產(chǎn)品。
6.1建立討論溝通氛圍的好處
所以團(tuán)隊的討論氛圍一定要建立起來。
書里這樣描述:
1.當(dāng)一個人感覺自己的想法受人歡迎的時候,他會想出更多有創(chuàng)意的點子來解決眼前的問題——有時可能會在會上發(fā)表看法,有時則是在私下里提出建議;
2.如果團(tuán)隊的每個成員都感覺更有滿足感,他們的參與熱情就會高漲。想想看,如果人人都愿意獻(xiàn)計獻(xiàn)策,事情將會變得多么容易啊!
6.2好好先生對設(shè)計創(chuàng)意的阻礙
討論溝通,也促進(jìn)了不同聲音的展現(xiàn)。團(tuán)隊需要不同的聲音,團(tuán)隊需要謙和而堅定的人來告訴我們事情的本來面目,要聽到赤裸裸的現(xiàn)實。
 
感謝大家閱讀。
【阿琦設(shè)計日記】,用最接地氣的語言,講述設(shè)計師成長道路上的故事。

藍(lán)藍(lán)設(shè)計(www.b186.net )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計、B端界面設(shè)計、桌面端界面設(shè)計、APP界面設(shè)計、圖標(biāo)定制、用戶體驗設(shè)計、交互設(shè)計UI咨詢、高端網(wǎng)站設(shè)計、平面設(shè)計,以及相關(guān)的軟件開發(fā)服務(wù),咨詢電話:01063334945。

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

銀行金融軟件UI界面設(shè)計、能源及監(jiān)控軟件UI界面設(shè)計氣象行業(yè)UI界面設(shè)計、軌道交通界面設(shè)計、地理信息系統(tǒng)GIS UI界面設(shè)計航天軍工軟件UI界面設(shè)計醫(yī)療行業(yè)軟件UI界面設(shè)計、教育行業(yè)軟件UI界面設(shè)計、企業(yè)信息化UI界面設(shè)計、軟件qt開發(fā)、軟件wpf開發(fā)、軟件vue開發(fā)



作者:阿琦Aqi
鏈接:https://www.zcool.com.cn/article/ZMTYwOTk3Ng==.html
來源:站酷
著作權(quán)歸作者所有。商業(yè)轉(zhuǎn)載請聯(lián)系作者獲得授權(quán),非商業(yè)轉(zhuǎn)載請注明出處。

C端產(chǎn)品體驗設(shè)計走查模型

博博

設(shè)計輸出質(zhì)量對于設(shè)計團(tuán)隊來說是極為重要的事情,在設(shè)計過程中,存在著許多潛在的風(fēng)險,這些風(fēng)險可能會導(dǎo)致用戶直接流失,甚至是品牌形象受損,且對于C端產(chǎn)品來說更是如此。因此,作為一名用戶體驗設(shè)計師,降低體驗設(shè)計風(fēng)險是我們工作中不可或缺的一部分。
當(dāng)然體驗問題可能來自技術(shù)、設(shè)計、運營等多個環(huán)節(jié),本文主要從體驗設(shè)計師的視角去思考如何降低體驗風(fēng)險。
 
C端產(chǎn)品體驗設(shè)計走查模型
 
 
一、設(shè)計團(tuán)隊如何降低體驗風(fēng)險
1、可以建立一套體驗設(shè)計走查模型,通過建立走查模型,我們可以對設(shè)計過程進(jìn)行全面檢查,及時發(fā)現(xiàn)并解決設(shè)計中的問題。
2、建立設(shè)計內(nèi)審機(jī)制,通過多名設(shè)計師和關(guān)鍵項目組角色共同內(nèi)審,減少出錯風(fēng)險。
3、需要將體驗問題的發(fā)現(xiàn)和解決納入設(shè)計師工作當(dāng)中,并且有明確的責(zé)任劃分,確保產(chǎn)品遺留問題得到有效解決。
C端產(chǎn)品體驗設(shè)計走查模型
 
 
二、建立適合自己的體驗走查模型
走查模型的作用是幫助設(shè)計師產(chǎn)出全面的設(shè)計方案,盡可能避免有遺漏場景,造成體驗事故和不必要的返工。市面上有很多不同的體驗走查模型,具體需要根據(jù)自身產(chǎn)品情況確定。
所以好的體驗走查模型需要符合3個要求。
1、實用性:需要通過模型將主觀感受描述成客觀的場景、標(biāo)準(zhǔn),確保大家理解一致,不要造成使用偏差。
2、符合平臺自身屬性:結(jié)合自身產(chǎn)品類型和過往最常見的問題類型,有選擇性的制定,不用追求大而全。
3、能夠真正納入工作當(dāng)中:走查模型建立后,一定要在真實的項目中發(fā)揮作用,比如作為設(shè)計內(nèi)審的具體通過標(biāo)準(zhǔn)之一。
C端產(chǎn)品體驗設(shè)計走查模型
 
那么如何制定出符合平臺要求的走查模型?其中比較有效的方法是梳理過往遇到的體驗問題,并按照場景歸類,梳理出典型的問題,并納入到走查模型中。
比如在一些偏活動屬性的產(chǎn)品設(shè)計中,我們發(fā)現(xiàn)設(shè)計師經(jīng)常遺漏平臺品牌性的信息,于是我們把品牌識別性也納入到了走查模型當(dāng)中。
C端產(chǎn)品體驗設(shè)計走查模型
 
 
三、沉淀體驗走查模型
體驗走查表確定后,可以打印出來并且以表格的形式進(jìn)行共享。
C端產(chǎn)品體驗設(shè)計走查模型
 
四、如何避免流于形式,讓走查模型真正發(fā)揮作用
一、以走查模型為交付標(biāo)準(zhǔn)。
產(chǎn)品從需求到落地,中間會經(jīng)歷多個環(huán)節(jié)和角色,體驗走查模型一般在2個環(huán)節(jié)著重使用。
1、需求梳理階段:幫助設(shè)計師圍繞具體需求明確設(shè)計范圍。
2、設(shè)計交付前:對照自查表,查漏補(bǔ)缺。
二、作為設(shè)計內(nèi)審?fù)ㄟ^標(biāo)準(zhǔn)之一
在設(shè)計內(nèi)審階段,可以將體驗走查模型當(dāng)作通過的標(biāo)準(zhǔn)之一,走查模型可以和設(shè)計規(guī)范配合使用,確保在設(shè)計輸出的時候是盡可能完整的。
C端產(chǎn)品體驗設(shè)計走查模型
 
 
C端產(chǎn)品體驗設(shè)計走查模型
 
 


作者:微店UED
來源:站酷

藍(lán)藍(lán)設(shè)計(www.b186.net )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計、B端界面設(shè)計桌面端界面設(shè)計、APP界面設(shè)計圖標(biāo)定制、用戶體驗設(shè)計交互設(shè)計、UI咨詢、高端網(wǎng)站設(shè)計平面設(shè)計,以及相關(guān)的軟件開發(fā)服務(wù),咨詢電話:01063334945。

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

銀行金融軟件UI界面設(shè)計、能源及監(jiān)控軟件UI界面設(shè)計、氣象行業(yè)UI界面設(shè)計、軌道交通界面設(shè)計、地理信息系統(tǒng)GIS UI界面設(shè)計、航天軍工軟件UI界面設(shè)計、醫(yī)療行業(yè)軟件UI界面設(shè)計教育行業(yè)軟件UI界面設(shè)計、企業(yè)信息化UI界面設(shè)計、軟件qt開發(fā)軟件wpf開發(fā)、軟件vue開發(fā)

如何巧妙的呈現(xiàn)龍年氛圍感

前端達(dá)人

龍年春節(jié)已結(jié)束,回顧一下各大產(chǎn)品是如何營造龍年氛圍感的,今天黑馬哥精選了部分場景,我們一起來看看吧!
如何巧妙的呈現(xiàn)龍年氛圍感
 
 
 
 
一、封面邊框營造氛圍感
 
通過對主界面配圖營造氛圍感相對直接,可以針對封面設(shè)計進(jìn)行創(chuàng)意,也可以在邊框上面進(jìn)行裝飾。
 
愛奇藝首頁推薦的影片封面設(shè)計中,在不改變結(jié)構(gòu)布局的基礎(chǔ)上,對封面邊框進(jìn)行氛圍裝飾,簡潔直觀地呈現(xiàn)出龍年氛圍感。通過對封面設(shè)計進(jìn)行創(chuàng)意,可以避免改變產(chǎn)品結(jié)構(gòu),方便隨時更換,靈活性較高。
如何巧妙的呈現(xiàn)龍年氛圍感
 
 
 
 
 
二、通過圖標(biāo)配色營造氛圍感
 
營造氛圍感最直接的表現(xiàn)就是顏色層面,可以通過配色突出主題氛圍。
 
馬蜂窩 App 首頁金剛區(qū)圖標(biāo),春節(jié)期間運用紅黃漸變進(jìn)行圖標(biāo)配色,以此強(qiáng)化春節(jié)氛圍感。不改變圖標(biāo)造型,也能便于用戶記憶和適應(yīng)變化,表現(xiàn)形式簡潔有效。
如何巧妙的呈現(xiàn)龍年氛圍感
 
 
 
 
 
三、主題活動替換品牌區(qū)域
 
利用品牌 Logo 進(jìn)行主題演變可以是品牌造型層面設(shè)計,也可以在品牌區(qū)域位置上面替換內(nèi)容,針對預(yù)留的位置發(fā)揮性更強(qiáng)。
 
夸克 App 在主頁默認(rèn)展示品牌 Logo,春節(jié)期間以主題活動進(jìn)行替換,不僅突出氛圍也能增加活動曝光度。
如何巧妙的呈現(xiàn)龍年氛圍感
 
 
 
 
 
四、煙花動效突出頂部視覺區(qū)域
 
通過春節(jié)元素進(jìn)行動效表現(xiàn),可以讓氛圍感更突出,比如綻放的煙花、鞭炮、祥云、生肖元素等。
 
攜程旅行首頁頂部視覺區(qū)域,春節(jié)期間以綻放的煙花動效進(jìn)行表現(xiàn),氛圍感十足。不僅突出年味,也能讓區(qū)域視覺感更突出。
如何巧妙的呈現(xiàn)龍年氛圍感
 
 
 
 
 
五、主題文案嵌入圖標(biāo)設(shè)計
 
金剛區(qū)就如同百變金剛一般,更換內(nèi)容非常便利,靈活性很高。針對圖標(biāo)設(shè)計風(fēng)格、主題風(fēng)格、主題文案等形式進(jìn)行設(shè)計融入,均可突出各類主題風(fēng)格。
 
安居客 App 首頁金剛區(qū)圖標(biāo)設(shè)計,在春節(jié)期間結(jié)合主題文案進(jìn)行嵌入,氛圍感表現(xiàn)得直觀清晰。再配合春節(jié)氛圍的 Banner 展示,新春氛圍渲染得非常到位。
如何巧妙的呈現(xiàn)龍年氛圍感
 
 
 
 
 
六、按鈕設(shè)計中的畫龍點睛
 
針對主按鈕設(shè)計進(jìn)行發(fā)揮較為常見,可以在按鈕造型、配色、裝飾等層面發(fā)揮,表現(xiàn)形式豐富多樣。
 
攜程旅行訂票查詢按鈕設(shè)計中,可謂是畫龍點睛。將中國龍和春節(jié)元素融入到按鈕裝飾中,不僅突出氛圍感,眨眼睛的動效也是點睛之筆。
如何巧妙的呈現(xiàn)龍年氛圍感
 
 
 
 
 
七、主題皮膚氛圍感拉滿
 
在產(chǎn)品的各區(qū)域都可以進(jìn)行主題氛圍營造,形成不一樣的主題皮膚,帶給用戶節(jié)日的沉浸式體驗。
 
嘀嗒出行 App 從不錯過每個節(jié)日的表達(dá),春節(jié)期間在多個場景營造氛圍感,使得主題皮膚氛圍感拉滿。在背景區(qū)域、各局部視覺區(qū)域、圖標(biāo)、彈窗、按鈕、配圖等,把春節(jié)氛圍表現(xiàn)得淋漓盡致。
如何巧妙的呈現(xiàn)龍年氛圍感
 
 
 
 
 
八、滿屏紅包搶不停
 
對于春節(jié)而言怎能少得了搶紅包的環(huán)節(jié),將搶紅包的游戲結(jié)合到活動中,氛圍感和參與度都非常到位。
 
騰訊視頻 App 就將搶紅包的游戲結(jié)合到活動表達(dá)中,滿屏的紅包讓你搶不停,用戶的參與度瞬間被激活啦!通過游戲化的形式表達(dá)活動主題,更能符合年輕用戶的需求。
如何巧妙的呈現(xiàn)龍年氛圍感
 
 
 
 
 
九、主題化 IP 形象表達(dá)
 
針對 IP 形象進(jìn)行主題換膚,是強(qiáng)化主題氛圍最直接的設(shè)計形式。
 
自如將主題化 IP 融入到個人中心和頭像等表達(dá)中,也能突出春節(jié)氛圍。在金剛區(qū)圖標(biāo)設(shè)計中也將春節(jié)元素進(jìn)行發(fā)揮,整體的氛圍營造非常到位。
如何巧妙的呈現(xiàn)龍年氛圍感
 
 
 
 
 
十、無處不在的云放煙花
 
燃放煙花爆竹才能體現(xiàn)出年味,在產(chǎn)品中的云放煙花也能讓用戶感受到樂趣。
 
高德地圖無處不在的云放煙花,不僅讓用戶感受到煙花的樂趣,也能讓云端年味變得更有氛圍感。
如何巧妙的呈現(xiàn)龍年氛圍感
 
 
 
 
 
十一、突出卡片設(shè)計氛圍
 
卡片式設(shè)計通常較為簡單,以白色卡片居多,特殊情況下也會進(jìn)行局部氛圍營造。
 
高德地圖個人中心在春節(jié)期間,推出了拜年相關(guān)的版塊,以春節(jié)氛圍營造卡片設(shè)計,氛圍感十足。
如何巧妙的呈現(xiàn)龍年氛圍感
 
 
 
 
 
十二、營造底部標(biāo)簽欄氛圍感
 
底部標(biāo)簽欄圖標(biāo)發(fā)揮是營造主題氛圍的最佳選擇之一,各大產(chǎn)品都會在這個區(qū)域進(jìn)行設(shè)計發(fā)揮。
 
結(jié)合春節(jié)元素進(jìn)行圖標(biāo)設(shè)計,或者在背景層面突出氛圍等,設(shè)計表現(xiàn)形式非常多樣化。
如何巧妙的呈現(xiàn)龍年氛圍感
 
 
 
 
 
小結(jié)
 
營造龍年氛圍感的形式和案例非常多,這里僅選擇了小部分作為欣賞。希望可以拋磚引玉,和大家一起在體驗和積累中不斷進(jìn)步。
 
作者:黑馬青年(vx: heimaux)
本文由 @黑馬青年 原創(chuàng)發(fā)布。未經(jīng)許可,禁止轉(zhuǎn)載。
 


作者:黑馬青年
鏈接:https://www.zcool.com.cn/article/ZMTYxMDU5Ng==.html
來源:站酷
著作權(quán)歸作者所有。商業(yè)轉(zhuǎn)載請聯(lián)系作者獲得授權(quán),非商業(yè)轉(zhuǎn)載請注明出處。

設(shè)計規(guī)范全方位指南

博博

一、設(shè)計規(guī)范的目標(biāo)?
首先需要明確設(shè)計規(guī)范的目標(biāo),也就是為什么建立設(shè)計規(guī)范,這里包括提高用戶體驗、降低開發(fā)成本、提高團(tuán)隊協(xié)作斜率等。這些目標(biāo)將為后續(xù)的規(guī)范制定提供方向。
還有就是大家都知道,在做項目時如果沒有明確的目標(biāo)和價值,是很難推動的。
從混沌到有序:設(shè)計規(guī)范全方位指南
 
 
二、什么時候建立設(shè)計規(guī)范?
在項目全面進(jìn)入ui設(shè)計之前,先設(shè)計幾個核心頁面的demo,確立整體的基礎(chǔ)規(guī)范和設(shè)計風(fēng)格,把一些基礎(chǔ)的設(shè)計規(guī)范定義出來,例如命名、尺寸、間距、顏色、字體、核心控件等、這樣在開展設(shè)計的過程中保持一致性和統(tǒng)一性,當(dāng)然,在項目設(shè)計過程中,UI設(shè)計規(guī)范也需要根據(jù)實際情況去調(diào)整補(bǔ)充。
從混沌到有序:設(shè)計規(guī)范全方位指南
 
 
三、設(shè)計規(guī)范具體要怎么做?
這里先講一些基礎(chǔ)通用的規(guī)范
3.1、間距
在間距部分我們需要把一些頁面間距、模塊間距、元素間距,這些要定義出來像我平時在工作中通常以8px作為基數(shù),以此衍生出8、16、24、32、48、64
,這6個間距數(shù)值,完全能夠滿足絕大多數(shù)的使用場景。當(dāng)然,針對信息較少的頁面也會使用到120、160、200...其他間距數(shù)值,例如缺省頁、登錄頁面等。出去這些特殊頁面,基本上通用的就上面那6個就足夠了
從混沌到有序:設(shè)計規(guī)范全方位指南
 
3.2、顏色規(guī)范
我們要先把主色調(diào)和輔助色,通常主色都是根據(jù)品牌形象和目標(biāo)用戶的需求選擇。
拿在顏色的定義中需要注意以下幾點
1、使用色彩心理學(xué):
根據(jù)不同的顏色和情感聯(lián)想,選擇適合的顏色來傳達(dá)品牌形象和用戶體驗。例如,藍(lán)色通常被認(rèn)為具有專業(yè)、信任和穩(wěn)定的感覺,而紅色則具有激情、活力和創(chuàng)新的聯(lián)想。
2、建立層次結(jié)構(gòu):
使用顏色的飽和度和明度來建立層次結(jié)構(gòu)。將重要的設(shè)計元素設(shè)置為高飽和度和明亮的顏色,使其在頁面上突出顯示,而將次要的設(shè)計元素設(shè)置為低飽和度和較暗的顏色。
3、避免使用過多的顏色:
過多的顏色可能會使頁面顯得混亂和難以聚焦。在設(shè)計過程中,盡量使用有限的顏色組合,并且要避免使用過多的對比色或互補(bǔ)色。
從混沌到有序:設(shè)計規(guī)范全方位指南
 
3.3、文字規(guī)范
我們需要把字體、字號、顏色、行距、這些給定義清楚,有規(guī)律的大小字號更有利于閱讀,(另外要注意一些特殊字體的版權(quán)問題)常用的字體大小20px、24px、28px、32px、36px,44px,48px,且都是間隔4px,設(shè)計師需要根據(jù)具體場景去決定字體大小,以確保用戶能夠輕松閱讀和理解界面信息層級比重。
 
3.4、UI圖標(biāo)規(guī)范
圖標(biāo)是UI設(shè)計的重要組成部分,它可以使圖標(biāo)看起來更加美觀、易用、統(tǒng)一和有吸引力。也傳達(dá)著整個UI視覺風(fēng)格調(diào)性,和系統(tǒng)功能的作用。在圖標(biāo)設(shè)計上一定要簡單清晰,定義規(guī)范時要對圖標(biāo)的大小、圓角、線條粗細(xì)、等有明確的指示,在繪制的時候我們可以制定自己的
網(wǎng)格規(guī)范,以便參考。
從混沌到有序:設(shè)計規(guī)范全方位指南
 
 
3.5、按鈕
按鈕尺寸:
一般來說,按鈕的尺寸應(yīng)該能夠適應(yīng)不同的屏幕尺寸和分辨率,并且應(yīng)該能夠突出顯示。
按鈕形狀:
應(yīng)該具有清晰的輪廓和圓潤的邊角,圓角大小是多少
按鈕顏色:
按鈕的顏色應(yīng)該與整體UI設(shè)計風(fēng)格相協(xié)調(diào),并且應(yīng)該能夠突出主題和重點信息。一般主按鈕大多使用主題色。
按鈕文本:
按鈕的文本應(yīng)該簡短明了,并且應(yīng)該能夠清晰地表達(dá)按鈕的功能。還需要定義清楚按鈕中限制的字?jǐn)?shù)。
按鈕內(nèi)邊距:
按鈕的內(nèi)邊距應(yīng)該能夠擴(kuò)大按鈕的可點擊范圍,并且應(yīng)該能夠提高用戶點擊按鈕的準(zhǔn)確性。需要考慮極限情況下,最小應(yīng)該保持多少內(nèi)邊距。
按鈕狀態(tài):
按鈕的狀態(tài)應(yīng)該能夠表達(dá)按鈕的狀態(tài)和功能。一般來說,按鈕的狀態(tài)包括正常狀態(tài)、點擊狀態(tài)等。
從混沌到有序:設(shè)計規(guī)范全方位指南



作者:考思考
來源:站酷

藍(lán)藍(lán)設(shè)計(www.b186.net )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計、B端界面設(shè)計、桌面端界面設(shè)計、APP界面設(shè)計圖標(biāo)定制、用戶體驗設(shè)計、交互設(shè)計、UI咨詢、高端網(wǎng)站設(shè)計、平面設(shè)計,以及相關(guān)的軟件開發(fā)服務(wù),咨詢電話:01063334945。

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

銀行金融軟件UI界面設(shè)計、能源及監(jiān)控軟件UI界面設(shè)計氣象行業(yè)UI界面設(shè)計、軌道交通界面設(shè)計、地理信息系統(tǒng)GIS UI界面設(shè)計航天軍工軟件UI界面設(shè)計、醫(yī)療行業(yè)軟件UI界面設(shè)計、教育行業(yè)軟件UI界面設(shè)計、企業(yè)信息化UI界面設(shè)計、軟件qt開發(fā)軟件wpf開發(fā)、軟件vue開發(fā)

產(chǎn)品體驗改版應(yīng)該這樣做!

前端達(dá)人

前言

hi 大家好,最近忙里偷閑,對過去在團(tuán)隊中主導(dǎo)的一次產(chǎn)品改版進(jìn)行了深入的梳理?,F(xiàn)在,來和大家分享這次改版的思路和方法,以及我是如何逐步推動整個過程的。
在這次改版中,我運用了一系列的方法論和思路,以確保我們能夠更好地滿足用戶需求和市場趨勢。同時,我也遇到了一些挑戰(zhàn)和困難,但通過不斷嘗試和調(diào)整,我們最終成功地完成了改版。
文章內(nèi)容較長,但相信耐心閱讀后,你一定會有所收獲。希望通過我的經(jīng)驗總結(jié)能夠為大家提供一些啟示和幫助,讓我們在未來的工作中更加順利和高效。
我將拆分為六個階段:1.準(zhǔn)備、2.探索、3.收攏、4.制定、5.執(zhí)行、6.成果對大家理解整個流程會更加清晰一些。

 

壹、準(zhǔn)備

在執(zhí)行前我們要做好哪些準(zhǔn)備工作呢?并能有效幫助我們提前規(guī)避一些問題,且更有序順利的推進(jìn)項目,通過后續(xù)項目復(fù)盤我大概總結(jié)了以下三個比較核心點:1.編寫SOP文檔、2.明確參與人員、3.制定執(zhí)行策略。

 

一、編寫SOP文檔

更重要的是明確執(zhí)行流程,提高工作效率,它能夠清晰地展示整個執(zhí)行過程,讓協(xié)作者更容易理解和掌握執(zhí)行步驟,一份詳情的SOP大綱可以減少在執(zhí)行過程中犯錯概率,我們可以通過它明確規(guī)劃過程或任務(wù)應(yīng)該如何執(zhí)行,包括具體的步驟、方法、所需材料和注意事項等。這有助于我們在執(zhí)行過程中更好掌握方向避免失焦。

二、明確參與人員

在執(zhí)行前需要明確參與到整個流程中的角色,我將參與人員分為了兩類,固定參與非固定可調(diào)配,正如詞意固定參與人員指的是在整個流程中起到主要作用,需要長期緊密協(xié)作的人員,比如方案制定者、設(shè)計師、PM、開發(fā)人員等。而非固定可調(diào)配人員則是在特定情況下才參與的人員,在項目中起到輔助作用,比如協(xié)助進(jìn)行訪談或上機(jī)測試、通過調(diào)用內(nèi)部團(tuán)隊資源組織虛擬小組進(jìn)行用戶體驗研究的協(xié)調(diào)員等。不同的人員在流程中扮演不同的角色和承擔(dān)不同的職責(zé),總之可以將自己當(dāng)作成這個項目中的Owner所有事物都由你來制定。

例如1:方案產(chǎn)出后可以邀請公司一線同學(xué),進(jìn)行測試以驗證方案是否解決了用戶痛點和方案完整度。通過收集反饋數(shù)據(jù)可以評估方案的效果和可行性,從而進(jìn)行調(diào)整和優(yōu)化,較多個維度度量。
例如2:當(dāng)需要進(jìn)行頭腦風(fēng)暴或其他研究時可以調(diào)用內(nèi)部團(tuán)隊資源,通過組織虛擬小組的方式進(jìn)行。這樣可以方便我們了解不同用戶的反饋聲音,使我們更加精準(zhǔn)找到方向,提高工作效率。

三、制定執(zhí)行策略

在執(zhí)行時需要明確具體的執(zhí)行策略和計劃以確保能夠按時、按質(zhì)地完成計劃,根據(jù)目標(biāo)和范圍、資源和時間等因素,制定具體的執(zhí)行策略包括任務(wù)分解、時間表負(fù)責(zé)人等核心價值觀要做到“試試有回應(yīng),件件有著落”。

在制定執(zhí)行策略計劃排期時,我總結(jié)了五個注意事項:

  1. 任務(wù)分解要具體、明確,包括具體的任務(wù)名稱、工作內(nèi)容、完成標(biāo)準(zhǔn)等信息。
  2. 時間節(jié)點要合理、緊湊,確保任務(wù)能夠按時完成。
  3. 負(fù)責(zé)人要明確,并分配合理的工作量和職責(zé)。
  4. 風(fēng)險和問題的預(yù)測要全面、準(zhǔn)確,并制定相應(yīng)的應(yīng)對措施。
  5. 調(diào)整和優(yōu)化要及時、靈活,根據(jù)實際情況進(jìn)行調(diào)優(yōu)。

總之,制定執(zhí)行策略計劃排期是項目或任務(wù)成功執(zhí)行的關(guān)鍵之一。通過合理的任務(wù)分解、時間節(jié)點安排和負(fù)責(zé)人分配等措施,可以更好地規(guī)劃和管理項目或任務(wù)的執(zhí)行過程,確保按時、按質(zhì)地完成。
小結(jié):以上是我對項目改版前期準(zhǔn)備工作總結(jié)的心得,做足前期準(zhǔn)備工作,可以確保項目改版的方向更加明確,團(tuán)隊之間的合作更加順暢,從而為后續(xù)的執(zhí)行和推進(jìn)奠定有利的基礎(chǔ)。

 

貳、探索

在探索階段制定明確的策略是至關(guān)重要的,以確保能夠有效地深入洞察問題并識別出產(chǎn)品中存在的“體驗問題”“用戶需求”。以下是我制定的策略:

 

一、體驗層策略
體驗層將通過A.可用性測試、B. 數(shù)據(jù)分析、C.競品分析三大板塊進(jìn)行深入洞察,并識別出產(chǎn)品存在的體驗問題。

 

A. 可用性測試:

通過小規(guī)模的可用性測試,邀請目標(biāo)用戶參與,以觀察他們?nèi)绾闻c產(chǎn)品進(jìn)行交互。通過這種方式,可以發(fā)現(xiàn)用戶在操作過程中的問題、困擾和需求。對于可性測試網(wǎng)上有很多介紹以及使用方法,這里我就不過多展開講解了,簡單總結(jié)一些我在使用過程中制定的流程和方法。

  1. 組織虛擬小組:因為可用性測試需要大量的樣本的數(shù)據(jù)支撐,我們可以調(diào)動內(nèi)部團(tuán)隊資源組建成2人一組或3人一組小團(tuán)隊,并分配角色和職責(zé)如:觀察員,記錄員等。分別進(jìn)行觀察用戶上機(jī)測試。
  2. 確定測試目的:明確測試的目標(biāo),是為了評估產(chǎn)品的可用性、找出問題、改進(jìn)設(shè)計等。
  3. 選擇測試對象:可以邀請公司內(nèi)部具有代表性的用戶(外部用戶邀請不到情況下),需要考慮不同的用戶類型、背景和需求,以便更全面地評估產(chǎn)品的可用性。
  4. 制定測試任務(wù):根據(jù)產(chǎn)品的特點和用戶需求,設(shè)計產(chǎn)品核心關(guān)鍵操作任務(wù),包括對產(chǎn)品界面的瀏覽、功能的使用、信息的搜索等,最好是可以通過和PM共創(chuàng)共同制定,以免走錯方向。
  5. 準(zhǔn)備測試環(huán)境:選擇合適的測試場所如公司會議室,辦室,確保測試過程中不會受到干擾和影響,同時準(zhǔn)備好測試所需的所有設(shè)備和記錄工具。
  6. 用戶上機(jī)測試:讓用戶在測試環(huán)境中完成預(yù)設(shè)的任務(wù),觀察員和開發(fā)人員在一旁觀察、記錄和分析用戶的行為、反應(yīng)和反饋。
  7. 體驗問題分類:可將問題分為6大類(功能問題、性能問題、技術(shù)異常、布局框架、操作交互、視覺問題)。
  8. 體驗問題定級:可將問題分為4個等級來評估問題的重要程度(致命、嚴(yán)重、一般、輕微)。
  9. 分析結(jié)果總結(jié):根據(jù)觀察和記錄的結(jié)果最后進(jìn)行匯總,對產(chǎn)品進(jìn)行分析找出問題和改進(jìn)點。

在可用性測試中,我總結(jié)了四個注意事項:

  1. 選取適當(dāng)?shù)臉颖荆?/strong>樣本應(yīng)該具有代表性,能夠涵蓋不同的用戶類型和需求,以便更全面地評估產(chǎn)品的可用性。
  2. 設(shè)計合理的任務(wù):任務(wù)應(yīng)該與產(chǎn)品的實際使用場景和用戶需求相關(guān),同時考慮不同用戶的能力和偏好。
  3. 舒適的測試環(huán)境:測試環(huán)境應(yīng)該舒適、安靜、無干擾,以減少用戶的不安和壓力,同時提供必要的設(shè)備和工具。
  4. 觀察用戶的行為:觀察員應(yīng)仔細(xì)觀察和分析用戶的行為、反應(yīng)和反饋,以便更準(zhǔn)確地了解產(chǎn)品的問題所在。

B. 數(shù)據(jù)分析:
通過CSM團(tuán)隊對企業(yè)產(chǎn)品購買數(shù)據(jù)的分析,可以更直觀的看到企業(yè)在購買過程的問題和機(jī)會,從而挖掘企業(yè)對產(chǎn)品的訴求最后將數(shù)據(jù)進(jìn)行過濾抽取有效信息轉(zhuǎn)化為用戶需求,幫助我們明確產(chǎn)品體驗優(yōu)化范圍和與競品拉開差異化機(jī)會點,從而更準(zhǔn)確地解決用戶在使用過程中遇到的問題。

 

在提煉產(chǎn)品問題和用戶需求時,我們可以從以下四個維度進(jìn)行提煉,便于更加準(zhǔn)確性的判斷問題的根源:

  1. 使用場景卡點:用戶在使用產(chǎn)品遇到的具體問題和難點,我們可以針對性地解決用戶在使用過程中遇到的實際問題,提高用戶的使用體驗。
  2. 核心使用場景:用戶使用產(chǎn)品核心場景和目的,通過了解核心使用場景,我們可以更好地理解用戶的需求和痛點,并針對性地提供解決方案。
  3. 產(chǎn)品核心功能:產(chǎn)品或服務(wù)的主要功能和特點,我們還可以了解用戶對產(chǎn)品核心功能的認(rèn)知和滿意度,發(fā)現(xiàn)潛在的問題和機(jī)會。
  4. 客戶產(chǎn)品訴求:用戶對產(chǎn)品期望和訴求,并針對性地提供解決方案。我們還可以了解用戶對產(chǎn)品價值的認(rèn)知和期望,為產(chǎn)品的定位和營銷策略提供參考。

總之,通過從使用場景卡點、核心使用場景、產(chǎn)品核心功能和客戶產(chǎn)品訴求這四個維度進(jìn)行提煉和分析,我們可以更加準(zhǔn)確性和全面性地了解用戶需求和痛點,為體驗升級、開發(fā)、功能優(yōu)化等提供重要的參考依據(jù)和支持。

 

C. 競品分析:

競品分析有很多方法,這里我采用的是“用戶路徑分析法”通過觀察和了解競品的功能使用情況,分析競品的業(yè)務(wù)模式、用戶體驗和視覺呈現(xiàn),從而發(fā)現(xiàn)機(jī)會點并形成差異化。在進(jìn)行競品分析前選擇分析對象很是非常關(guān)鍵之一,我們可以從兩個維度“使用頻率、市場規(guī)模”進(jìn)行選擇合適的競對產(chǎn)品。

  1. 使用頻率:這個維度關(guān)注的是競品的使用頻率,即用戶與競品交互的頻率。通過了解競品的使用頻率,我們可以更好地理解用戶對競品的依賴程度,以及競品在市場中的活躍度和影響力。在選擇競品時,選擇那些使用頻率較高的產(chǎn)品可以更好地了解用戶的需求和行為,從而發(fā)現(xiàn)更多的機(jī)會點。
  2. 市場規(guī)模:這個維度關(guān)注的是競品的市場規(guī)模,即競品在市場中的銷售量和影響力。通過了解市場規(guī)模,我們可以更好地了解競品的競爭地位和市場占有率。在選擇競品時,選擇那些市場規(guī)模較大、具有代表性的產(chǎn)品可以更好地了解市場的需求和趨勢,從而發(fā)現(xiàn)更多的機(jī)會點。

在進(jìn)行競品分析過程中,我總結(jié)了兩個方法可以幫助我們更有效的了解到競品信息:

  1. 通過銷售代表進(jìn)行訪談:銷售代表是直接與客戶溝通的人員,他們非常了解客戶對產(chǎn)品的需求和反饋,并且在介紹產(chǎn)品時也會提及其他競品。通過與銷售代表進(jìn)行訪談,我們可以了解到市場對競品的反饋和評價,從而更好地選擇合適的競品對象。
  2. 從企業(yè)軟件購買量中抽樣:這種方法可以幫助我們找到那些被廣泛使用并且具有代表性的競品。通過了解企業(yè)軟件購買量,我們可以選擇那些在市場中占據(jù)較大份額的競品進(jìn)行分析,從而確保我們選擇的競品對象是符合分析需求的。

總之,選擇合適的競品對象是進(jìn)行競品分析的關(guān)鍵之一。通過使用“使用頻率”和“市場規(guī)模”兩個維度來選擇競品對象,可以幫助我們更好地了解市場和用戶需求,發(fā)現(xiàn)更多的機(jī)會點并形成差異化。同時,參考銷售代表的反饋和從企業(yè)軟件購買量中抽樣也是選擇合適競品對象的可靠方法。

 

二、用戶層策略

用戶層將通過A.用戶訪談、B.用戶旅程圖兩大板塊進(jìn)行深入洞察,識別出產(chǎn)品存在的體驗問題,從而針對性地優(yōu)化產(chǎn)品體驗。

 

A. 用戶訪談:
通過現(xiàn)場對用戶one one形式進(jìn)行訪談,了解用戶需求和反饋,通過與用戶進(jìn)行交流深入了解用戶在使用產(chǎn)品或服務(wù)過程中的感受、需求、痛點和期望。最后我們對用戶反饋的問題進(jìn)行梳理、分析和腦暴,洞察出產(chǎn)品功能及服務(wù)優(yōu)化方向。網(wǎng)上有很多關(guān)于用戶訪談使用介紹這里就不過多介紹了,簡單總結(jié)了一些我在使用過程中制定的流程和方法。

在進(jìn)行用戶訪談時我總結(jié)了七個心得,可以幫助我們在執(zhí)行時更好的開展。

  1. 確定訪談目標(biāo):在開始訪談前,需要明確訪談的目標(biāo)和目的,以確保訪談的順利進(jìn)行和結(jié)果的可靠性。
  2. 選擇合適的受訪對象:選擇具有代表性的用戶作為受訪者,可以更好地了解用戶的需求和反饋。
  3. 準(zhǔn)備訪談提綱:根據(jù)訪談的目標(biāo)和目的,準(zhǔn)備一份訪談提綱,包括要探討的主題、問題列表等。
  4. 舒適的氛圍:在訪談過程中,要營造一個舒適、輕松的氛圍,以使受訪者能夠自由地表達(dá)自己的想法和意見。
  5. 關(guān)注用戶需求:在訪談過程中,要關(guān)注用戶的需求和痛點,了解用戶對產(chǎn)品的期望和要求。
  6. 避免引導(dǎo)性問題:在訪談過程中,要避免提出引導(dǎo)性的問題,以避免影響受訪者的回答。
  7. 記錄和分析訪談結(jié)果:在訪談結(jié)束后,要及時記錄和分析訪談結(jié)果,整理受訪者的意見和建議,以幫助我們了解用戶需求和反饋,針對性地優(yōu)化產(chǎn)品體驗和服務(wù)。

總之,用戶訪談是一種非常有效的了解用戶需求和反饋的方法,可以幫助我們更好地了解用戶的需求和痛點,針對性地優(yōu)化打磨產(chǎn)品體驗和服務(wù)。

 

B. 用戶旅程圖:
通過用戶訪談得出來數(shù)據(jù)結(jié)果,我們將采用繪制用戶旅程圖方式,可以更全面地了解用戶在使用產(chǎn)品或服務(wù)的過程中所經(jīng)歷的流程和步驟,以及用戶的觸點、行為、痛點、爽點以及內(nèi)心OS等元素。通過將用戶旅程圖與用戶訪談得出的數(shù)據(jù)進(jìn)行結(jié)合,我們可以更有效地識別出用戶在使用過程中問題暴露最多的環(huán)節(jié),從而針對性地優(yōu)化產(chǎn)品體驗

在繪制用戶旅程圖時,我總結(jié)了五個注意事項可以幫助我們在繪制時更準(zhǔn)確:

  1. 確定用戶旅程圖范圍和目標(biāo):在繪制用戶旅程圖前,我們需要明確用戶旅程圖的范圍和目標(biāo),例如要繪制的是整個產(chǎn)品的用戶旅程圖還是某個具體功能的用戶旅程圖。
  2. 收集用戶數(shù)據(jù):通過用戶訪談、調(diào)查問卷、觀察用戶行為等方式收集用戶在使用產(chǎn)品體驗過程中的數(shù)據(jù)。
  3. 繪制用戶旅程圖:根據(jù)收集到的數(shù)據(jù),將用戶在使用產(chǎn)品體驗的過程中的觸點、行為、痛點、爽點以及內(nèi)心OS等元素以圖形化的方式呈現(xiàn)出來。
  4. 分析用戶旅程圖:通過分析用戶旅程圖,可以發(fā)現(xiàn)用戶在使用產(chǎn)品體驗過程中存在的問題和需求,從而針對性地優(yōu)化產(chǎn)品體驗。
  5. 多角色泳道圖:在B端業(yè)務(wù)中,由于涉及多個角色的交互和觸發(fā)任務(wù),因此多角色泳道圖是一個非常有效體現(xiàn)用戶鏈路的,可以幫助我們更好地了解用戶的使用行為。

總之,通過繪制用戶旅程圖,我們可以更全面地了解用戶在使用產(chǎn)品體驗過程中所經(jīng)歷的流程和步驟,結(jié)合用戶訪談得出的數(shù)據(jù),可以更有效地識別出用戶使用的卡點和產(chǎn)品體驗問題,從而針對性地優(yōu)化產(chǎn)品體驗。

 

三、探索結(jié)果總結(jié)

我們通過前期的“體驗層和用戶層”分析結(jié)果提取關(guān)鍵性問題,并與業(yè)務(wù)方共創(chuàng)、分析、量化當(dāng)前版本中存在的體驗問題,且達(dá)成共識共同制定本次產(chǎn)品改版優(yōu)化目標(biāo)。

總之,在梳理調(diào)研結(jié)果問題過程中,我們可以以制定優(yōu)化目標(biāo)形式進(jìn)行總結(jié),這樣可以幫助后續(xù)在制定產(chǎn)品體驗優(yōu)化目標(biāo)和設(shè)計策略時會更加聚焦問題避免走偏方向。
小結(jié):在探索階段,通過體驗層和用戶層分析以及其他方法和工具的應(yīng)用,我們可以更全面地了解用戶需求和反饋,明確產(chǎn)品改版的優(yōu)化目標(biāo),為后續(xù)的產(chǎn)品設(shè)計和開發(fā)提供有力的指導(dǎo)和支持。

 

叁、收攏

通過前期的產(chǎn)品體驗分析,將制定五個方面的產(chǎn)品體驗優(yōu)化目標(biāo),分別為:業(yè)務(wù)目標(biāo)、產(chǎn)品目標(biāo)、用戶目標(biāo)、體驗?zāi)繕?biāo)和設(shè)計目標(biāo),可以幫助我們更好地與業(yè)務(wù)側(cè)進(jìn)行共創(chuàng),明確本次產(chǎn)品體驗優(yōu)化的范圍和重點。同時,這些目標(biāo)也可以幫助我們后續(xù)更好地度量產(chǎn)品的優(yōu)化提升效果。

總之,在制定產(chǎn)品體驗優(yōu)化目標(biāo)時需要確保每個目標(biāo)都是具體、可衡量可實現(xiàn)的,并且與業(yè)務(wù)需求和用戶需求保持一致。同時,還需要根據(jù)產(chǎn)品的實際情況和優(yōu)先級,確定哪些目標(biāo)是必須達(dá)成的,哪些目標(biāo)是后續(xù)通過迭代逐步達(dá)成的。這樣可以更好地明確工作量,使我們在改版過程更加聚焦優(yōu)化方向。
在制定產(chǎn)品改版目標(biāo)時,我總結(jié)了四個注意事項可以幫助我們在制定時提前規(guī)避一些問題:

  1. 業(yè)務(wù)目標(biāo):是與業(yè)務(wù)需求和KPI\ORK相關(guān)的目標(biāo),如提高用戶活躍度、增加訂單量等。這些目標(biāo)通常是公司或團(tuán)隊關(guān)注的重點,也是產(chǎn)品體驗優(yōu)化的基礎(chǔ)。在制定業(yè)務(wù)目標(biāo)時,需要與業(yè)務(wù)側(cè)進(jìn)行充分溝通和討論,確保目標(biāo)與業(yè)務(wù)需求保持一致。
  2. 產(chǎn)品目標(biāo):是與產(chǎn)品功能和特性相關(guān)的目標(biāo),如增加新功能、優(yōu)化產(chǎn)品架構(gòu)等。這些目標(biāo)可以幫助我們更好地完善和迭代產(chǎn)品,提高產(chǎn)品的質(zhì)量和競爭力。在制定產(chǎn)品目標(biāo)時,需要考慮產(chǎn)品的整體架構(gòu)和功能特性,確保目標(biāo)與產(chǎn)品的發(fā)展方向保持一致。
  3. 用戶目標(biāo):是與用戶需求和反饋相關(guān)的目標(biāo),如提高用戶滿意度、解決用戶痛點等。這些目標(biāo)可以幫助我們更好地了解用戶需求和反饋,從而針對性地優(yōu)化產(chǎn)品體驗。在制定用戶目標(biāo)時,需要深入了解用戶的需求和反饋,并結(jié)合用戶體驗調(diào)研數(shù)據(jù)進(jìn)行制定。
  4. 體驗?zāi)繕?biāo):是與用戶體驗和交互設(shè)計相關(guān)的目標(biāo),如提高操作的流暢度、優(yōu)化界面設(shè)計等。這些目標(biāo)可以幫助我們提高產(chǎn)品的用戶體驗和交互效果,從而使用戶更加愿意使用產(chǎn)品。在制定體驗?zāi)繕?biāo)時,需要結(jié)合用戶體驗數(shù)據(jù)和用戶訪談結(jié)果進(jìn)行制定。
  5. 設(shè)計目標(biāo):是與產(chǎn)品設(shè)計和技術(shù)實現(xiàn)相關(guān)的目標(biāo),如優(yōu)化視覺質(zhì)感、提高任務(wù)成功率等。這些目標(biāo)可以幫助我們更好地實現(xiàn)產(chǎn)品的設(shè)計和開發(fā),提高產(chǎn)品的質(zhì)量和體驗。在制定設(shè)計目標(biāo)時,需要考慮設(shè)計的可行性和技術(shù)實現(xiàn)的可能性,確保目標(biāo)能夠得以順利實現(xiàn)。

小結(jié):在制定共同目標(biāo)時,需要與相關(guān)人員進(jìn)行清晰、明確的溝通,確保每個目標(biāo)的具體達(dá)成結(jié)果和每個人的職責(zé)都得到明確。這樣可以避免誤解和混淆,確保參與人員能夠準(zhǔn)確、高效地推進(jìn)項目。

 

肆、制定

通過前期分析的結(jié)論并制定改版策略,主要圍繞兩個方面:1、用戶需求分類:針對用戶反饋的需求進(jìn)行過濾,并將功能定性和優(yōu)先級排序。2、制定設(shè)計策略:根據(jù)用戶需求和業(yè)務(wù)目標(biāo)及產(chǎn)品目標(biāo),制定相應(yīng)的設(shè)計策略,設(shè)計策略需確保與用戶需求和業(yè)務(wù)目標(biāo)及產(chǎn)品目標(biāo)保持一致。通過用戶需求過濾、制定設(shè)計策略、明確工作范圍、制定開發(fā)計劃以及產(chǎn)品迭代優(yōu)化策略,我們可以更好地明確工作范圍和推進(jìn)項目。同時也可以確保項目的順利進(jìn)行。以下是我制定策略使用的方法:

 

一、用戶需求分類

在前期針對用戶訪談和CRM人員提出的用戶需求轉(zhuǎn)化為問卷,并使用KANO模型進(jìn)行需求分類和優(yōu)先級排序,可以幫助我們更好地了解用戶對產(chǎn)品的關(guān)注點和期望,明確后續(xù)優(yōu)化時需要重點解決的用戶痛點。這樣做有助于提高產(chǎn)品的質(zhì)量和競爭力,并更準(zhǔn)確地滿足用戶的需求。

我們通過KANO模型,將用戶需求分為基本需求、期望需求和魅力需求?;拘枨笫怯脩粽J(rèn)為產(chǎn)品必須具備的需求,需要與PM達(dá)成共識確保這些需求得到正確實現(xiàn)并且不能出現(xiàn)問題。期望需求是用戶認(rèn)為產(chǎn)品應(yīng)該具備的需求,需要在產(chǎn)品改版過程中實現(xiàn)這些需求以增加用戶的滿意度。魅力需求是用戶沒有預(yù)料到的需求,可以在產(chǎn)品中適當(dāng)?shù)膶崿F(xiàn)這些需求可以增加用戶的滿意度和口碑。

總之,KANO模型是一個非常好用的工具,不僅可以幫助我們更好地了解用戶的需求和期望,還可以用于日常工作對PM提出的需求進(jìn)行甄別,明確屬于哪一類需求,從而更好地滿足用戶的需求并提高產(chǎn)品的質(zhì)量和競爭力。此外,KANO模型還可以用于產(chǎn)品策劃、運營策略制定、市場營銷等領(lǐng)域,可以幫助團(tuán)隊更好地了解用戶需求和痛點,從而制定更精準(zhǔn)的策略和措施。

 

二、制定設(shè)計策略

制定設(shè)計策略是產(chǎn)品改版開發(fā)過程中非常重要的一環(huán),可以幫助我們明確設(shè)計方向和目標(biāo),并制定相應(yīng)的策略來實現(xiàn)這些目標(biāo)。通過前期的調(diào)研將基于GSM+UES模型制定設(shè)計目標(biāo)與策略,可以更準(zhǔn)確地滿足用戶需求和業(yè)務(wù)目標(biāo)及產(chǎn)品目標(biāo),并且與調(diào)研的結(jié)論形成閉環(huán)。同時,與業(yè)務(wù)方進(jìn)行共創(chuàng)達(dá)成目標(biāo)一致也是非常重要的。我們需要與業(yè)務(wù)方進(jìn)行充分的溝通和討論,確保設(shè)計策略與業(yè)務(wù)目標(biāo)保持一致,同時也能更好地理解業(yè)務(wù)方的需求和痛點,為產(chǎn)品的改版提供更貼合實際需求的解決方案。

總之,制定設(shè)計策略需要充分考慮用戶需求、業(yè)務(wù)目標(biāo)、產(chǎn)品目標(biāo)、產(chǎn)品發(fā)展趨勢等因素,并與業(yè)務(wù)方進(jìn)行充分的溝通和共創(chuàng),以確保設(shè)計策略的可行性和有效性。同時,也需要根據(jù)實際的設(shè)計結(jié)果和用戶反饋來不斷調(diào)整和優(yōu)化設(shè)計策略,提高產(chǎn)品的用戶體驗和質(zhì)量。
小結(jié):在進(jìn)行用戶需求分類和制定設(shè)計策略的過程中,需要充分地與團(tuán)隊成員進(jìn)行溝通和討論,以便更好地理解用戶需求和業(yè)務(wù)目標(biāo),并制定相應(yīng)的設(shè)計策略。同時,也需要確保團(tuán)隊成員對設(shè)計策略的理解和共識,以避免設(shè)計方向失焦。在與團(tuán)隊成員進(jìn)行溝通和討論時,可以采用多種方式,如會議、討論組、頭腦風(fēng)暴等,以便充分發(fā)揮團(tuán)隊的智慧和創(chuàng)造力。同時,也需要保持開放的心態(tài),積極聽取不同觀點和建議,并對問題進(jìn)行深入的分析和探討,以找到更優(yōu)的解決方案。

 

伍、執(zhí)行

在執(zhí)行階段,通過方案探索設(shè)計方案產(chǎn)出兩個方面來進(jìn)行方案設(shè)計和可行性驗證。在執(zhí)行這兩個方面的工作時,團(tuán)隊需要保持緊密的合作和溝通,以確保設(shè)計方案的一致性和可行性。同時,團(tuán)隊還需要不斷地與業(yè)務(wù)方和技術(shù)團(tuán)隊進(jìn)行溝通和討論,以確保設(shè)計方案能夠得到有效的實現(xiàn)。

 

一、方案探索

方案探索將通過A.競品框架分析B. 探索方案產(chǎn)出、C.MVP方案驗證三大板塊進(jìn)行方案探索,并確保方案的可實現(xiàn)性和有效性。

 

A. 競品框架分析:

在方案設(shè)計前我們需要對競品框架布局進(jìn)行分析可以幫助我們更好地了解市場需求和用戶行為,從而更好地指導(dǎo)我們的產(chǎn)品改版方案設(shè)計通過對競品框架布局的分析,我們可以了解到用戶使用頻率較高的競品是如何布局功能的以及它們的操作路徑和交互設(shè)計。這些信息可以為我們提供有力的參考,幫助我們在設(shè)計改版方案時更好地聚焦方向,優(yōu)化框架布局提高產(chǎn)品的用戶體驗和基礎(chǔ)體驗。此外,通過對競品的分析,我們還可以了解競品的優(yōu)勢和不足之處,從而更好地改進(jìn)自己的產(chǎn)品。我們可以借鑒競品的優(yōu)點,同時也可以針對競品的不足之處進(jìn)行改進(jìn),使自己的產(chǎn)品更加符合用戶需求和市場需求。

分析完競品框架后,還需要進(jìn)行框架的優(yōu)缺點對比,這里將通過統(tǒng)一性,邏輯性,可拓展性,可預(yù)測性4個維度進(jìn)行對競品框架分析,得出它們的優(yōu)缺點有都有哪些,通過最后結(jié)論可以定位我們產(chǎn)品框架布局方向。

通過前面競品框架分析和優(yōu)缺點對比后,我們需要回顧一下是否符合我們的目標(biāo),并且衡量新框架可以解決可用性測試出來的體驗問題的數(shù)量,同時也需要衡量新框架與目標(biāo)的匹配程度

在競品框架分析中,我總結(jié)了三點經(jīng)驗:

  1. 首先,我們需要確保新的框架設(shè)計能夠滿足我們的目標(biāo)。我們的目標(biāo)可能包括提高用戶體驗、增加用戶滿意度、優(yōu)化操作流程等。通過對比競品和分析優(yōu)缺點,我們可以初步確定新的框架設(shè)計是否符合這些目標(biāo)。
  2. 其次,我們需要度量新框架可以解決多少個可用性測試出來的體驗問題。可用性測試可以幫助我們發(fā)現(xiàn)用戶在使用產(chǎn)品過程中遇到的問題和困難,而這些問題和困難往往直接影響到用戶體驗和產(chǎn)品滿意度。如果新的框架設(shè)計可以解決這些問題,那么它可能會帶來更好的用戶體驗和產(chǎn)品滿意度。
  3. 最后,我們還需要衡量新框架與目標(biāo)的匹配度。即使新的框架設(shè)計符合目標(biāo),并且可以解決一些可用性測試出來的體驗問題,但我們還需要確保它與目標(biāo)完全匹配。換句話說,我們需要確保新的框架設(shè)計可以最大程度地滿足我們的目標(biāo),并且能夠帶來更好的用戶體驗和產(chǎn)品滿意度。

總之,在進(jìn)行競品框架分析和優(yōu)缺點對比后,我們需要回顧一下是否符合我們的目標(biāo),并且衡量新框架可以解決可用性測試出來的體驗問題的數(shù)量,以及新框架與目標(biāo)的匹配程度。這些步驟可以幫助我們更好地評估新的框架設(shè)計是否可行和有效。

 

B. 探索方案產(chǎn)出:

結(jié)合著前期的調(diào)研與分析將結(jié)論融入到產(chǎn)品方案設(shè)計中,1、需要圍繞現(xiàn)有產(chǎn)品的基礎(chǔ)功能和用戶期望的需求進(jìn)行設(shè)計。這意味著需要考慮到產(chǎn)品的現(xiàn)有功能以及用戶對產(chǎn)品的期望和需求從而制定相應(yīng)的設(shè)計方案。2、需要明確新框架的用戶核心關(guān)鍵路徑。這意味著需要了解用戶在使用產(chǎn)品時的主要任務(wù)和操作流程并確定新框架如何引導(dǎo)用戶完成這些任務(wù)和流程。通過明確用戶核心關(guān)鍵路徑可以更好地優(yōu)化框架布局和功能設(shè)計。3、需要以高保真原型的質(zhì)量產(chǎn)出方案高保真原型可以幫助我們更好地模擬產(chǎn)品的實際使用場景和用戶體驗,從而更好地評估方案的可行性和有效性,為后續(xù)做方案驗證做準(zhǔn)備。

總之,結(jié)合前期的調(diào)研和分析將結(jié)論融入到產(chǎn)品方案設(shè)計中是非常重要的步驟,可以幫助我們更好地指導(dǎo)方案設(shè)計。我們需要圍繞現(xiàn)有產(chǎn)品的基礎(chǔ)功能和用戶期望的需求進(jìn)行設(shè)計,明確新框架的用戶核心關(guān)鍵路徑,并以高保真原型的質(zhì)量產(chǎn)出方案,為后續(xù)的方案驗證做好準(zhǔn)備。這樣可以確保我們的設(shè)計方案更加貼近用戶需求和市場趨勢,提高產(chǎn)品質(zhì)量和優(yōu)勢。

 

C. MVP方案驗證:

MVP方案驗證是產(chǎn)品改版方案的關(guān)鍵步驟,它旨在確保產(chǎn)品改版方案在實際操作中可行和方案落地有效支撐,并能夠滿足用戶需求和解決產(chǎn)品可用性測試體驗問題。

在開始前我們還需要準(zhǔn)備一些前期工作:

  1. 需要編寫一個標(biāo)準(zhǔn)操作流程(SOP)文檔詳細(xì)描述方案驗證的所有步驟和操作指南。這包括測試目的、測試人員招募、測試環(huán)境、測試數(shù)據(jù)、測試步驟、結(jié)果記錄等。這個文檔將作為整個驗證過程的指導(dǎo)和操作手冊。
  2. 需要準(zhǔn)備所有必要的材料和資源,包括測試目的、測試人員招募計劃、測試環(huán)境搭建、測試數(shù)據(jù)準(zhǔn)備、訪談問卷設(shè)計等。
  3. 在方案驗證前,需要與業(yè)務(wù)方討論并明確改版后產(chǎn)品的用戶核心操作路徑。這可以幫助我們更好地了解用戶需求和產(chǎn)品使用場景,以便在方案驗證過程中驗證這些核心操作路徑是否符合用戶期望和業(yè)務(wù)需求。
  4. 需要將方案制作成可操作的Demo,以便在現(xiàn)場訪談中觀察用戶操作情況,驗證方案的可行性和可落地性。Demo應(yīng)該盡可能地模擬真實的使用場景和用戶體驗,以便更好地評估方案的可行性和有效性。
  5. 在準(zhǔn)備好Demo后,需要邀請目標(biāo)用戶進(jìn)行現(xiàn)場訪談,觀察他們在實際操作中的表現(xiàn)和反饋。通過觀察用戶的操作過程和反饋,我們可以驗證方案的可行性和可落地性,并明確產(chǎn)品改進(jìn)的方向。
  6. 在訪談結(jié)束后,需要對用戶的反饋和操作問題進(jìn)行整理和分析。針對這些問題,我們需要進(jìn)行深入的討論和研究,列出問題優(yōu)先級并逐個解決。
  7. 最后,根據(jù)測試結(jié)果和問題討論的結(jié)果,需要明確結(jié)論,評估方案的可行性和可落地性。如果方案存在不可行或不可落地的問題,我們需要及時調(diào)整方案并進(jìn)行再次驗證;如果方案可行且可落地,我們可以進(jìn)入下一階段的產(chǎn)品開發(fā)。

在MVP方案驗證結(jié)束后,根據(jù)測試結(jié)果和問題討論的結(jié)果,我們可以通過以下三個維度“可用性測試問題解決覆蓋率、用戶體驗提升比、產(chǎn)品體驗評分”來度量新舊版本產(chǎn)品體驗提升效果,并且和前期洞察產(chǎn)品體驗問題結(jié)論形成閉環(huán),(強(qiáng)調(diào)一下:這里的數(shù)據(jù)不是憑空捏造而是前期我們給自己挖的坑,在執(zhí)行階段時需要我們一點一點填補(bǔ)上前期挖的坑,可以理解為是一環(huán)套一環(huán)的思路哈!數(shù)據(jù)驗證指標(biāo)可以在前期共同討論設(shè)定的,不僅限于此?。?/p>

以下是我對MVP方案驗證的理解和總結(jié):
MVP方案驗證的核心目的是什么?
MVP方案驗證的核心目的是驗證產(chǎn)品改版方案是否符合用戶需求、是否能夠解決可用性測試體驗問題,以及是否能夠在實際操作中可行。通過MVP方案驗證,我們可以了解用戶對產(chǎn)品的反饋和評價,驗證產(chǎn)品方案的可行性和有效性,并及時發(fā)現(xiàn)和解決問題,確保產(chǎn)品改版的成功。
MVP方案驗證的六個步驟:

  1. 準(zhǔn)備MVP方案:在開始MVP方案驗證之前,我們需要準(zhǔn)備好MVP方案,包括產(chǎn)品改版的具體設(shè)計、功能實現(xiàn)操作demo、操作流程等。
  2. 招募測試用戶:為了獲得真實的用戶反饋和評價,我們需要招募一定數(shù)量的測試用戶,這些用戶應(yīng)該是我們的目標(biāo)用戶或者是相關(guān)領(lǐng)域的專家,以便更好地代表用戶群體的意見和需求。
  3. 設(shè)計測試場景和任務(wù):根據(jù)產(chǎn)品改版方案和用戶需求,我們需要設(shè)計相應(yīng)的測試場景和任務(wù),以便在測試中模擬真實的使用情況,讓用戶在模擬的環(huán)境中進(jìn)行操作和體驗。
  4. 進(jìn)行測試并收集用戶反饋:在測試環(huán)境中,讓測試用戶按照設(shè)計的場景和任務(wù)進(jìn)行操作,并收集他們的反饋和評價。這些反饋和評價可以包括用戶對產(chǎn)品的使用感受、操作流程是否順暢、功能是否滿足需求等。
  5. 分析測試結(jié)果并解決問題:根據(jù)收集到的用戶反饋和評價,我們需要對測試結(jié)果進(jìn)行分析,找出產(chǎn)品改版方案中存在的問題和不足之處。針對這些問題,我們需要及時進(jìn)行修正和完善,確保產(chǎn)品改版方案的可行性和有效性。
  6. 重復(fù)驗證:在修正和完善產(chǎn)品改版方案后,我們需要再次進(jìn)行MVP方案驗證,以確保問題已經(jīng)得到解決并且方案符合用戶需求。重復(fù)驗證是MVP方案驗證的重要環(huán)節(jié),以確保產(chǎn)品改版的成功。

總之,MVP方案驗證是產(chǎn)品改版的關(guān)鍵步驟之一,它旨在驗證產(chǎn)品改版方案是否符合用戶需求、是否能夠解決可用性測試體驗問題、是否能夠在實際操作中可行。通過MVP方案驗證,我們可以及時發(fā)現(xiàn)和解決問題,確保產(chǎn)品改版的成功。

 

二、設(shè)計方案產(chǎn)出

在設(shè)計方案產(chǎn)出階段將通過A.探索設(shè)計風(fēng)格B. 明確設(shè)計方向、C.視覺風(fēng)格提案三方面進(jìn)行方案的設(shè)計,并確保方案的設(shè)計質(zhì)量和可落地性。

 

A. 探索設(shè)計風(fēng)格:

在開始設(shè)計方案之前,首先需要探索和了解產(chǎn)品的設(shè)計風(fēng)格和定位。這涉及對目標(biāo)用戶的研究、市場趨勢的洞察,以及競爭對手的分析等。通過了解用戶的需求、喜好和行為模式,以及市場上的成功案例,可以初步確定產(chǎn)品的設(shè)計風(fēng)格和基調(diào)。

我們可以通過虛擬小組分頭進(jìn)行風(fēng)格探索,集思廣益,從多個角度和思路出發(fā),尋找和探索適合的設(shè)計風(fēng)格。而將分析結(jié)論整合,結(jié)合情緒板聚焦改版設(shè)計風(fēng)格方向,則可以將這些探索結(jié)果進(jìn)行整合和提煉,明確設(shè)計方向,確保方案的可落地性。
具體來說,這個過程可以包括以下步驟:

  1. 組建虛擬小組:將團(tuán)隊成員分成幾個虛擬小組,每個小組負(fù)責(zé)探索不同的設(shè)計風(fēng)格。
  2. 分頭進(jìn)行風(fēng)格探索:每個虛擬小組可以通過調(diào)研、討論、嘗試等方式,探索不同的設(shè)計風(fēng)格,包括色彩、排版、元素、交互方式等。
  3. 收集和分析數(shù)據(jù):每個小組收集和分析相關(guān)數(shù)據(jù),了解用戶對不同設(shè)計風(fēng)格的反應(yīng)和喜好。
  4. 整合分析結(jié)論:將各個小組的分析結(jié)論進(jìn)行整合,了解用戶對不同設(shè)計風(fēng)格的偏好和需求。
  5. 結(jié)合情緒板聚焦改版設(shè)計風(fēng)格方向:根據(jù)整合后的分析結(jié)論,結(jié)合情緒板確定改版設(shè)計風(fēng)格的方向。
  6. 設(shè)計方案產(chǎn)出:根據(jù)確定的設(shè)計風(fēng)格方向,進(jìn)行方案的設(shè)計和產(chǎn)出,確保方案的可落地性。

 

B. 明確設(shè)計方向:

在了解了設(shè)計風(fēng)格的基礎(chǔ)上,需要進(jìn)一步明確設(shè)計方向。這包括確定產(chǎn)品的整體設(shè)計思路、核心理念和關(guān)鍵元素等。這個階段需要我們根據(jù)前期收集到的用戶反饋和市場信息,結(jié)合設(shè)計專業(yè)知識和經(jīng)驗,提出具體的設(shè)計方案和實施計劃。

比如我們定義了以下三個體驗優(yōu)化策略:
1、STEP 01 簡化功能模塊。
將方案中的功能進(jìn)行梳理和整合,去除不必要或冗余的功能,只保留核心和關(guān)鍵的功能,以降低實現(xiàn)的復(fù)雜度和成本,并提高用戶的使用體驗。

a.功能梳理:對方案中的所有功能進(jìn)行梳理和分類,了解每個功能的作用和重要性。

b.功能整合:將相似或相關(guān)的功能進(jìn)行整合,去除重復(fù)或冗余的功能,只保留必要的功能。

c.功能優(yōu)先級排序:根據(jù)功能的重要性和用戶需求,對保留的功能進(jìn)行優(yōu)先級排序,確定核心功能和次要功能。

d.設(shè)計簡化方案:根據(jù)功能優(yōu)先級排序結(jié)果,設(shè)計簡化后的方案,確保只包含核心和關(guān)鍵的功能。

e.評估與驗證:對簡化后的方案進(jìn)行評估和驗證,確保其滿足用戶需求和業(yè)務(wù)目標(biāo)。

 

2、STEP 02 減少信息干擾。
信息干擾通常是指設(shè)計元素、顏色、字體、布局等對用戶注意力的分散和干擾,它可能會影響用戶對產(chǎn)品信息的理解和使用。

a.精簡設(shè)計元素:在設(shè)計方案中,盡量減少不必要的裝飾和設(shè)計元素,保持界面的簡潔和清晰。

b.突出核心信息:通過調(diào)整字體大小、顏色、位置等方式,突出顯示核心信息,引導(dǎo)用戶關(guān)注重點內(nèi)容。

c.一致性的設(shè)計語言:在整個產(chǎn)品中,保持設(shè)計元素的統(tǒng)一和一致性,避免因設(shè)計風(fēng)格的差異而造成用戶的困惑。

d.合理利用空白:通過適當(dāng)?shù)目瞻缀土舭?,營造出簡潔、清晰的視覺效果,減少信息干擾。

 

3、STEP 03 縮短操作路徑。
操作路徑是指用戶完成某項任務(wù)所需經(jīng)過的步驟和流程。如果操作路徑過長,用戶可能會感到繁瑣和不便,從而影響產(chǎn)品的使用體驗。

a.減少操作步驟:優(yōu)化產(chǎn)品設(shè)計,盡可能減少用戶完成某項任務(wù)所需的步驟和操作。例如,通過整合多個功能或簡化操作流程,減少用戶需要點擊或輸入的次數(shù)。

b.整合功能:將相關(guān)功能進(jìn)行整合,減少用戶在不同頁面或模塊之間的跳轉(zhuǎn)。例如,將多個相關(guān)功能放在同一個頁面或模塊中,方便用戶一次性完成多個操作。

c.提供快捷方式:為用戶提供快捷方式或快速入口,使其能夠更快地到達(dá)目標(biāo)頁面或完成特定操作。例如,通過添加快捷菜單或按鈕,使用戶能夠快速找到所需的功能或信息。

d.優(yōu)化導(dǎo)航結(jié)構(gòu):優(yōu)化產(chǎn)品導(dǎo)航結(jié)構(gòu),使用戶能夠更輕松地瀏覽和查找所需的內(nèi)容。例如,通過設(shè)計清晰的菜單結(jié)構(gòu)和標(biāo)簽頁布局,使用戶能夠快速找到所需的信息或功能。

 

C. 視覺風(fēng)格提案:

在明確了設(shè)計方向后,需要明確改版風(fēng)格關(guān)鍵詞,結(jié)合映射出的關(guān)鍵詞制定視覺風(fēng)格提案。這個階段需要設(shè)計師根據(jù)產(chǎn)品的定位和目標(biāo)用戶的需求,制定出符合設(shè)計方向的視覺元素和風(fēng)格。視覺風(fēng)格提案需要包括顏色、字體、圖片、布局等方面的具體建議,以便讓用戶在第一時間感受到產(chǎn)品的特點和風(fēng)格。

通過提取產(chǎn)品中的核心關(guān)鍵界面,進(jìn)行風(fēng)格的嘗試和設(shè)計探索并圍繞“輕量、沉浸、高效”的原則進(jìn)行設(shè)計。同時,與業(yè)務(wù)方共創(chuàng)明確設(shè)計方案風(fēng)格方向,可以提高產(chǎn)品的用戶體驗和可用性,為推動產(chǎn)品改版成功打下堅實的基礎(chǔ)。

在這個過程中,我們可以采取以下步驟:

  1. 確定核心關(guān)鍵界面:首先,我們需要確定產(chǎn)品中的核心關(guān)鍵界面,這些界面通常是用戶使用頻率較高、對產(chǎn)品體驗影響較大的頁面。
  2. 風(fēng)格嘗試:針對每個核心關(guān)鍵界面,我們可以進(jìn)行多種風(fēng)格的嘗試,包括色彩、排版、圖標(biāo)、交互方式等。通過對比不同風(fēng)格的呈現(xiàn)效果,我們可以找到最適合的界面風(fēng)格。
  3. 設(shè)計探索:在確定風(fēng)格后,我們可以在核心關(guān)鍵界面上進(jìn)行設(shè)計探索,嘗試不同的布局、交互方式和視覺效果。在這個過程中,我們需要注重輕量、沉浸和高效的設(shè)計原則,確保用戶能夠快速、輕松地完成任務(wù)。
  4. 試錯打磨:通過試錯的方式,我們可以不斷調(diào)整和優(yōu)化設(shè)計方案,找到最優(yōu)的呈現(xiàn)樣式。在這個過程中,我們需要不斷收集用戶反饋和評估效果,以便及時調(diào)整設(shè)計方案。
  5. 與業(yè)務(wù)方共創(chuàng):與業(yè)務(wù)方共創(chuàng)設(shè)計方案風(fēng)格方向是非常重要的。業(yè)務(wù)方通常更了解產(chǎn)品的業(yè)務(wù)需求和用戶需求,他們的意見和建議可以幫助我們更好地滿足用戶需求和提高產(chǎn)品的可用性。

小結(jié):在風(fēng)格嘗試階段,可以大膽地探索不同的設(shè)計風(fēng)格,不必過于考慮產(chǎn)品業(yè)務(wù)的約束,這樣可以讓我們尋找到最佳的設(shè)計方案。同時,試錯打磨也是一個重要的步驟,通過不斷地嘗試和調(diào)整,我們可以提高設(shè)計的質(zhì)量和效果。最后,及時與業(yè)務(wù)方進(jìn)行溝通和同步是非常關(guān)鍵的,以確保我們的設(shè)計方向與產(chǎn)品業(yè)務(wù)需求保持一致。只有這樣,我們才能確保方案的可落地性和產(chǎn)品的成功改版。

 

陸、結(jié)果

最后,我們需要制定兩個標(biāo)準(zhǔn)分別為:設(shè)計目標(biāo)度量標(biāo)準(zhǔn),產(chǎn)品上線打分標(biāo)準(zhǔn),可以通過這兩個標(biāo)準(zhǔn)對設(shè)計方案進(jìn)行量化和評估,確保其符合前期制定的目標(biāo)并具有完整性和可落地性。同時,我們也可以及時發(fā)現(xiàn)和解決潛在的問題和挑戰(zhàn),為產(chǎn)品的成功上線提供有力保障。

 

A. 設(shè)計目標(biāo)度量:

設(shè)計目標(biāo)度量是驗證設(shè)計方案是否符合前期制定目標(biāo)的關(guān)鍵步驟。我們可以通過灰度測試版本中進(jìn)行度量,確保設(shè)計方案能夠在實際操作中可行并能夠滿足用戶需求。
我們可以根據(jù)前期制定的設(shè)計目標(biāo),制定具體的度量標(biāo)準(zhǔn),包括功能可用性、用戶體驗、性能等方面。將灰度測試版本提供給一小部分合作企業(yè),收集他們的反饋和數(shù)據(jù),對設(shè)計方案進(jìn)行實際驗證。對收集到的數(shù)據(jù)進(jìn)行分析和評估,包括用戶使用行為、錯誤率、性能指標(biāo)等,以了解設(shè)計方案在實際操作中的表現(xiàn)。根據(jù)數(shù)據(jù)分析結(jié)果,對設(shè)計方案進(jìn)行必要的調(diào)整和優(yōu)化,確保其能夠更好地滿足用戶需求和提高產(chǎn)品性能。

在制定設(shè)計目標(biāo)度量標(biāo)準(zhǔn)時,我們可以考慮以下幾個方面:

  1. 功能性:評估設(shè)計方案是否滿足用戶需求和產(chǎn)品目標(biāo),是否涵蓋了所有關(guān)鍵功能和界面。
  2. 可用性:評估設(shè)計方案是否符合用戶的使用習(xí)慣和需求,是否能夠提高產(chǎn)品的易用性和用戶體驗。
  3. 視覺設(shè)計:評估設(shè)計方案中的視覺元素是否符合產(chǎn)品風(fēng)格和品牌形象,是否具有吸引力和美感。
  4. 交互設(shè)計:評估設(shè)計方案中的交互流程是否流暢、自然,是否能夠引導(dǎo)用戶完成操作任務(wù)。
  5. 性能響應(yīng)速度:評估設(shè)計方案是否能夠在不同設(shè)備和網(wǎng)絡(luò)環(huán)境下保持快速的響應(yīng)速度。

B. 產(chǎn)品上線打分標(biāo)準(zhǔn):

產(chǎn)品上線打分標(biāo)準(zhǔn)是一個用于評估產(chǎn)品上線效果和質(zhì)量的量化指標(biāo)體系。根據(jù)打分結(jié)果評估產(chǎn)品的上線效果和質(zhì)量。需要注意的是,具體的打分標(biāo)準(zhǔn)和權(quán)重可以根據(jù)實際情況進(jìn)行調(diào)整和優(yōu)化。同時,在產(chǎn)品上線后,還需要持續(xù)關(guān)注產(chǎn)品的運行情況和用戶反饋,及時發(fā)現(xiàn)和解決潛在的問題和挑戰(zhàn),為產(chǎn)品的持續(xù)改進(jìn)和優(yōu)化提供有力保障。

以下是制定一個打分標(biāo)準(zhǔn)范圍參考示例:

  1. 功能完整性:評估產(chǎn)品是否涵蓋了所有關(guān)鍵功能和界面,是否滿足用戶需求和產(chǎn)品目標(biāo)。
  2. 用戶體驗:評估產(chǎn)品的易用性、交互流程、視覺設(shè)計等方面是否符合用戶的使用習(xí)慣和需求。
  3. 視覺語言:一致的設(shè)計語言、度量設(shè)計方案需遵循了標(biāo)準(zhǔn)化組件規(guī)范、色彩、彈框、圓角、間距、陰影等。
  4. 性能穩(wěn)定性:評估產(chǎn)品在上線后的運行穩(wěn)定性和響應(yīng)速度,是否能夠保持高效的運行效率。
  5. 創(chuàng)新性:評估產(chǎn)品是否具有創(chuàng)新性和前瞻性,是否能夠引領(lǐng)產(chǎn)品的發(fā)展趨勢并提高產(chǎn)品的競爭力。
  6. 用戶反饋:評估用戶對產(chǎn)品的反應(yīng)和滿意度,了解產(chǎn)品的優(yōu)點和不足之處。
  7. 數(shù)據(jù)表現(xiàn):評估產(chǎn)品上線后的數(shù)據(jù)表現(xiàn),包括流量、轉(zhuǎn)化率、ARPU等指標(biāo)的變化。

C. 項目成果復(fù)盤:

最后,我們需要對整個產(chǎn)品改版過程進(jìn)行詳細(xì)的梳理和總結(jié),以復(fù)盤的形式量化評估做得好和不足的地方。通過這種方式,我們可以沉淀方法論和經(jīng)驗,為團(tuán)隊賦能,避免在未來的工作中重蹈覆轍。(如何做項目復(fù)盤網(wǎng)上有很多方法哦,這里就不過講了)

 

 

感謝閱讀。
希望以上的總結(jié)能夠為大家提供一些啟示和幫助,讓我們在未來的工作中更加順利和高效。



作者:Shook舒克
鏈接:https://www.zcool.com.cn/article/ZMTYwMjc3Mg==.html
來源:站酷
著作權(quán)歸作者所有。商業(yè)轉(zhuǎn)載請聯(lián)系作者獲得授權(quán),非商業(yè)轉(zhuǎn)載請注明出處。

頁面分割設(shè)計指南

博博

當(dāng)你打開一個頁面,首先映入眼簾的是豐富多樣的內(nèi)容和信息。如何在有限的空間內(nèi),既保證內(nèi)容的完整性,又讓用戶能夠輕松理解和瀏覽,這背后的奧秘就在于頁面分割。今天,我們就來一起探討頁面分割的藝術(shù)與技巧,看看它是如何為你的設(shè)計增添魅力,提升用戶體驗的。
 
在設(shè)計中,頁面分割不僅僅是一種技術(shù)手段,更是一種藝術(shù)表現(xiàn)。它如同一位細(xì)心的畫師,巧妙地運用線條、色彩、空白等元素,
將頁面內(nèi)容劃分為一個個清晰、有序的區(qū)域。
通過這些分割,用戶能夠更快速地找到所需信息,更輕松地理解頁面內(nèi)容,從而享受到更加愉悅的閱讀體驗。
 
頁面分割的魅力在于其多樣性和靈活性。不同的頁面可以采用不同的分割方式,如線條分割、卡片分割、留白分割等,以滿足不同的設(shè)計需求和用戶習(xí)慣。同時,頁面分割也需要根據(jù)內(nèi)容的實際情況進(jìn)行合理調(diào)整,既要保證信息的完整性,又要避免過度分割帶來的混亂感。
 
在本文中,我們將一起探討頁面分割的原則、技巧和應(yīng)用實例。我們將學(xué)習(xí)如何運用不同的分割方式來優(yōu)化頁面布局,提升用戶體驗。同時,我們還將分享一些成功的頁面分割案例,以激發(fā)你的設(shè)計靈感,為你的界面設(shè)計注入新的活力。
 
分享目錄:
一、分割的常見樣式
二、線性分割
三、卡片分割
四、留白分割
五、總結(jié)
設(shè)計方法論 I 超全面的頁面分割設(shè)計指南
 
線性分割:
通過使用線條來劃分頁面的不同區(qū)域,以達(dá)到組織內(nèi)容、引導(dǎo)用戶視線和提升整體美觀度的目的。這種分割方式簡單明了,能夠清晰地展現(xiàn)出頁面內(nèi)容的層次和結(jié)構(gòu)。
 
卡片分割:
卡片式設(shè)計是一種流行的界面分割方法,通過將內(nèi)容劃分為獨立的卡片或區(qū)塊,使用戶能夠更清晰地理解信息。每個卡片通常包含相關(guān)的內(nèi)容,如文本、圖片或按鈕,以便用戶快速瀏覽和交互。
 
留白分割:
主要通過增加間距的方式,利用人的視知覺原理(接近法則:人的大腦會傾向于把彼此靠近的元素視為一組),自然地將信息進(jìn)行分組。這種留白的方式能夠為頁面增加呼吸感,降低視覺噪音,使設(shè)計看起來更簡潔。
設(shè)計方法論 I 超全面的頁面分割設(shè)計指南
 
近年來,設(shè)計趨勢從“卡片式設(shè)計”轉(zhuǎn)向了“去線化設(shè)計”,
即傾向于使用留白分割而非過多的線條分割,以實現(xiàn)更為簡潔清晰的界面效果。設(shè)計師在選擇分割方式時,應(yīng)優(yōu)先考慮留白分割,其次是線性分割,最后是卡片分割。這個選擇順序反映了設(shè)計界的一般原則,即在不影響信息傳達(dá)的前提下,盡可能保持設(shè)計的簡潔性。
設(shè)計方法論 I 超全面的頁面分割設(shè)計指南
 
線性分割的定義:
線性分割設(shè)計是一種在視覺設(shè)計中使用的技巧,它使用線條、邊框或細(xì)線等元素來劃分、區(qū)分或連接頁面上的不同內(nèi)容區(qū)域。這種設(shè)計手法主要用于
提高頁面內(nèi)容的可讀性和組織性,幫助用戶更好地理解和瀏覽頁面信息。
 
線性分割設(shè)計具有以下優(yōu)勢:
 
1.劃分區(qū)域:
線性分割可以將頁面劃分為不同的區(qū)域或模塊,使得每個區(qū)域的內(nèi)容更加清晰、有序。這有助于用戶快速定位和瀏覽所需的信息,提高閱讀效率。
 
2.區(qū)分內(nèi)容:
線性分割可以用來區(qū)分不同類型的內(nèi)容,如文本、圖片、圖表等。通過線性分割,可以將這些內(nèi)容進(jìn)行分組或歸類,使得頁面更加整潔、有序。
 
3.引導(dǎo)視線:
線性分割可以引導(dǎo)用戶的視線,幫助他們更好地理解頁面內(nèi)容。通過合理的線性分割設(shè)計,可以突出顯示重要的信息或元素,引導(dǎo)用戶關(guān)注到關(guān)鍵內(nèi)容。
 
4.增強(qiáng)層次感:
線性分割可以增強(qiáng)頁面的層次感,使得頁面內(nèi)容更加豐富、有深度。通過不同樣式的線性分割,可以區(qū)分不同的信息層級,幫助用戶更好地理解頁面結(jié)構(gòu)和內(nèi)容關(guān)系。
 
使用原則:
在使用分割線時,我們應(yīng)遵循一些原則,以確保其有效地幫助用戶理解頁面的組成,同時避免過度使用帶來的視覺干擾。
 
1.分割線應(yīng)當(dāng)微妙而不過于顯眼。
它們在布局中應(yīng)該容易被用戶注意到,但又不應(yīng)成為焦點,以免分散用戶的注意力。
 
2.分割線應(yīng)被視為次要的元素。
只有在留白等其他設(shè)計手法無法有效起到分割作用時,才考慮使用分割線。它們應(yīng)當(dāng)是布局中的輔助工具,而不是主導(dǎo)元素。
 
3.謹(jǐn)慎使用分割線。
過度使用分割線可能會導(dǎo)致頁面顯得混亂和復(fù)雜。相反,我們應(yīng)該用分割線來創(chuàng)建信息分組,而不是簡單地分割每一個條目。通過審慎而恰當(dāng)?shù)厥褂梅指罹€,我們可以有效地提升頁面的可讀性和用戶體驗。
圖片來源于參考文章
圖片來源于參考文章
 
線性分割三種類型:
通欄分割線、內(nèi)嵌分割線和中間分割線。
 
1.通欄分割線(Full-bleed Dividers):
通欄分割線通常橫跨整個頁面寬度,用于分隔彼此完全獨立的內(nèi)容區(qū)域。這種分割線在視覺上非常顯著,能夠清晰地劃分出不同的內(nèi)容區(qū)塊,使用戶能夠迅速區(qū)分不同部分的信息。通欄分割線通常用于區(qū)分文章、產(chǎn)品列表、服務(wù)介紹等獨立的內(nèi)容區(qū)域。
 
2.內(nèi)嵌分割線(Inset Dividers):
內(nèi)嵌分割線通常位于內(nèi)容區(qū)域內(nèi)部,用于分隔有錨點(如頭像、圖標(biāo)等)的相關(guān)內(nèi)容。這些錨點可以是圖片、符號或小的圖形元素,它們與分割線一起,幫助用戶更好地理解和區(qū)分內(nèi)容。內(nèi)嵌分割線常用于列表、卡片式布局、時間線等場景中,用于展示有關(guān)聯(lián)但不同類別的信息。
 
3.中間分割線(Middle Dividers):
中間分割線位于兩個內(nèi)容區(qū)域之間,用于分隔無錨點的相關(guān)內(nèi)容。這種分割線通常比通欄分割線更細(xì),更注重于在視覺上劃分空間,而不是強(qiáng)調(diào)內(nèi)容的獨立性。中間分割線常用于文本段落之間、列表項之間或不同功能區(qū)域之間,以提供清晰的結(jié)構(gòu)和層次。
設(shè)計方法論 I 超全面的頁面分割設(shè)計指南
 
在大多數(shù)情況下,當(dāng)信息層級較為簡單(即信息層級≤2)時,使用分割線進(jìn)行信息分割是一種有效的方法。然而,實際上,如果留白間距足夠大,我們也可以使用留白來達(dá)到類似的效果。通過增大留白間距,我們可以創(chuàng)造出清晰的視覺區(qū)域劃分,使得信息之間的界限更加明確。
 
與分割線相比,足夠大的留白間距可以避免多余的線性元素干擾,讓整體視覺效果更加清爽。這樣的設(shè)計選擇有助于提升用戶的閱讀體驗,使用戶更加輕松地理解和消化信息。
 
因此,在信息層級較簡單的情況下,我們可以靈活地選擇使用分割線或留白來進(jìn)行信息分割。通過調(diào)整留白間距,我們可以達(dá)到與分割線相似的效果,同時保持整體設(shè)計的簡潔和清晰。
設(shè)計方法論 I 超全面的頁面分割設(shè)計指南
 
為了提升屏效,我們希望在一屏內(nèi)展示盡可能多的信息。在這種情況下,分割線的設(shè)計顯得尤為重要,因為它們能夠有效地劃分信息區(qū)域,使內(nèi)容更加清晰、易于理解。
 
通過使用分割線,我們可以將較多的信息條理化,使得用戶能夠更快速地找到所需的內(nèi)容。與沒有分割線的布局相比,使用分割線能夠顯著提高信息的可讀性和可理解性。
 
在相同的信息布局下,分割線能夠?qū)⑿畔^(qū)域明確地劃分開來,防止信息之間產(chǎn)生混淆或交叉。這種劃分不僅使得每個信息塊更加獨立,而且提高了信息之間的對比度,使用戶能夠更輕松地識別和區(qū)分不同的信息。
 
因此,當(dāng)我們的目標(biāo)是提高屏效并展示大量信息時,分割線的設(shè)計是一個關(guān)鍵要素。通過合理地使用分割線,我們可以確保信息布局更加清晰、有序,從而提高用戶的閱讀效率和滿意度。(如下圖)
設(shè)計方法論 I 超全面的頁面分割設(shè)計指南
 
線性分割在移動端頁面設(shè)計中的應(yīng)用場景廣泛,尤其是在需要清晰劃分信息模塊時。如微信的聊天列表中,線性分割被用來區(qū)分不同的消息條目。每條消息之間通過一條細(xì)線進(jìn)行分隔,使得每條消息清晰可辨,方便用戶快速瀏覽和定位到特定的消息。
 
線性分割還常用在各類App的信息提示中,如果有多條消息需要展示,線性分割可以用來區(qū)分不同的消息組。例如招商銀行APP中,當(dāng)用戶收到多條未讀消息時,每條消息之間可以通過線性分割進(jìn)行區(qū)分,使得每條消息清晰可辨,方便用戶逐一查看和處理。
 
在APP需要用戶填寫信息和設(shè)置的表單頁面中,線性分割可以用來區(qū)分不同的輸入字段或信息區(qū)域。這有助于用戶更清晰地了解需要填寫的信息,提高表單的填寫效率和準(zhǔn)確性,比如站酷的設(shè)置頁面(如下圖)
設(shè)計方法論 I 超全面的頁面分割設(shè)計指南
設(shè)計方法論 I 超全面的頁面分割設(shè)計指南
設(shè)計方法論 I 超全面的頁面分割設(shè)計指南
卡片分割的定義:
卡片分割設(shè)計主要通過將內(nèi)容或功能區(qū)域劃分成獨立的“卡片”來進(jìn)行信息展示和組織。每個卡片通常包含相關(guān)的內(nèi)容或功能,并且與其他卡片通過一定的間距或線性分隔進(jìn)行區(qū)分。
 
卡片分割設(shè)計具有以下優(yōu)勢:
 
1.內(nèi)容封裝:卡片分割設(shè)計將相關(guān)內(nèi)容或功能封裝在一個獨立的卡片內(nèi),使得每個卡片成為一個獨立的信息單元。這有助于保持頁面內(nèi)容的清晰和整潔,方便用戶瀏覽和理解。
 
2.明確邊界:每個卡片通常具有明確的邊界,通過邊框、陰影或間距等元素來區(qū)分不同的卡片。這種邊界的存在使得每個卡片在視覺上相對獨立,方便用戶進(jìn)行區(qū)分和識別。
 
3.靈活布局:卡片分割設(shè)計具有很高的靈活性,可以根據(jù)需要自由調(diào)整卡片的大小、位置和排列方式。這使得設(shè)計師可以根據(jù)不同的設(shè)計需求和用戶習(xí)慣來靈活調(diào)整卡片的布局,以達(dá)到最佳的視覺效果。
 
4.強(qiáng)調(diào)重點:通過不同的視覺處理手法,如改變卡片的顏色、大小或樣式等,可以突出顯示重要的卡片或內(nèi)容。這有助于吸引用戶的注意力,引導(dǎo)他們關(guān)注到關(guān)鍵信息。
 
卡片的基本構(gòu)成:
卡片是一個獨立的主題性容器,旨在將內(nèi)容和操作組合在一起。它可以包含多種元素,如容器、縮略圖、標(biāo)題、副標(biāo)題、富媒體、輔助文字、按鈕和圖標(biāo)按鈕等。這些元素并非必須全部存在,而是根據(jù)具體需求進(jìn)行選擇和配置。無論選擇哪些元素,它們都會以易于掃描和操作的形式整齊地放置在卡片上。這種設(shè)計使得卡片成為一個靈活且高效的信息展示工具,適用于各種場景和應(yīng)用。
設(shè)計方法論 I 超全面的頁面分割設(shè)計指南
卡片分割常見的類型:
卡片分割可分為通欄卡片和非通欄卡片
 
1、通欄卡片:
其特點是卡片占據(jù)整個頁面寬度,沒有左右邊距。通欄卡片的設(shè)計可以提高布局的靈活性,使得頁面內(nèi)容更加寬敞和大氣。同時,通欄卡片也可以更好地突出展示單條內(nèi)容,引導(dǎo)用戶的視線,提高閱讀效率。
 
2.非通欄卡片:
與通欄卡片相比,它會在卡片的左右兩側(cè)留有邊距,不完全占據(jù)整個頁面寬度。這種設(shè)計方式可以使得頁面內(nèi)容更加有層次感和組織性,同時也有利于突出顯示某些關(guān)鍵信息。
設(shè)計方法論 I 超全面的頁面分割設(shè)計指南
通欄卡片
通欄卡片相較于非通欄卡片,其設(shè)計特點在于去除了左右兩端的留白,僅保留上下邊距,從而提供了更大的展示空間。這種設(shè)計使得卡片內(nèi)的內(nèi)容能夠占據(jù)整個頁面寬度,進(jìn)一步增強(qiáng)了內(nèi)容的視覺沖擊力。在通欄卡片中,卡片與背景的關(guān)系通常通過一條背景色塊來抽象表現(xiàn),這種簡潔的處理方式避免了過多的視覺元素干擾,使得頁面整體看起來更加整潔和統(tǒng)一。
 
通欄卡片可以被視為在極簡列表式和傳統(tǒng)卡片式設(shè)計之間的一種折中選擇。它繼承了卡片式的分層方式和強(qiáng)交互性,使得用戶能夠輕松地瀏覽和交互頁面內(nèi)容。如下圖微博“關(guān)注”、微信“發(fā)現(xiàn)”頁面。
設(shè)計方法論 I 超全面的頁面分割設(shè)計指南
 
非通欄卡片
通常采用帶圓角的設(shè)計形式,這種設(shè)計不僅賦予卡片一種柔和、圓潤的視覺效果,還增強(qiáng)了用戶的視覺舒適度。結(jié)合陰影效果以及四周的邊距,非通欄卡片巧妙地形成頁面留白,使得整體設(shè)計層次感更加豐富。
 
通過巧妙的投影設(shè)計以及前后顏色的精準(zhǔn)設(shè)定,非通欄卡片成功地讓內(nèi)容與背景之間產(chǎn)生視覺空間感,進(jìn)一步強(qiáng)化了內(nèi)容的立體感和層次感。這種設(shè)計技巧不僅提升了卡片的視覺吸引力,還使得用戶在瀏覽頁面時能夠更加輕松地區(qū)分和聚焦關(guān)鍵信息。
 
在頁面設(shè)計中,非通欄卡片的應(yīng)用范圍十分廣泛。無論是用于展示文章、產(chǎn)品、圖片還是其他類型的內(nèi)容,非通欄卡片都能夠通過其獨特的視覺效果和設(shè)計元素,為用戶帶來更加舒適、美觀的視覺體驗。同時,非通欄卡片還具有良好的適應(yīng)性和靈活性,可以根據(jù)不同的設(shè)計需求和用戶習(xí)慣進(jìn)行定制和調(diào)整,滿足不同場景下的應(yīng)用需求。如下圖夸克“夸克日報”、APP Store“首頁”
設(shè)計方法論 I 超全面的頁面分割設(shè)計指南
 
選擇使用通欄分割線還是卡片分割,主要取決于你的設(shè)計目標(biāo)和內(nèi)容需求。以下是三個參考建議,幫助你做出更好的選擇:
 
1.當(dāng)內(nèi)容已有自然分割線時:
如果你的主題內(nèi)容本身就已經(jīng)有明確的分割線,比如列表項、段落分隔等,那么采用非通欄分割會是一個好選擇??ㄆ梢郧逦亟缍總€內(nèi)容塊,使主題信息層次更加分明,提高用戶的閱讀效率。
 
2.當(dāng)內(nèi)容類型多樣且占據(jù)較大空間時:
如果單個主題內(nèi)部包含了多種類型的內(nèi)容,如文字、圖片、視頻等,且這些內(nèi)容在垂直方向上占據(jù)了較大的空間(例如,內(nèi)容長度超過屏幕高度的一半),使用非通欄分割會更加合適。卡片能夠有效地圈定內(nèi)容范圍,為用戶提供一個明確的視覺邊界,幫助他們更好地理解和消化信息。
 
3.當(dāng)需要增強(qiáng)橫向空間感時:
如果你希望擴(kuò)展頁面的橫向空間,或者暗示用戶可以橫向滑動頁面查看更多內(nèi)容,那么非通欄卡片會是更好的選擇。非通欄卡片的設(shè)計能夠利用橫向內(nèi)容連續(xù)性原則,幫助用戶建立頁面可以橫向滑動的意識,從而提升頁面的互動性和用戶體驗。如下圖知乎“發(fā)現(xiàn)”、站酷“推薦”。
設(shè)計方法論 I 超全面的頁面分割設(shè)計指南
 
卡片分割更適合圖文混排
卡片分割設(shè)計以其獨特的布局方式,成為圖文混排中的理想選擇。它能夠巧妙地將不同大小、媒介的內(nèi)容統(tǒng)一呈現(xiàn)在一個界面中,實現(xiàn)了內(nèi)容的多樣性與統(tǒng)一性的結(jié)合。這種設(shè)計不僅讓單屏區(qū)域能夠顯示更多內(nèi)容,還通過合理的空間劃分,確保了文字和圖片之間的和諧共存,既維持了視覺的一致性,又巧妙地平衡了文字和圖片的視覺強(qiáng)度。因此,在需要同時呈現(xiàn)多種內(nèi)容和媒介的場景中,卡片分割無疑是一種高效且美觀的解決方案。如下圖知乎“想法”、站酷“首頁”
設(shè)計方法論 I 超全面的頁面分割設(shè)計指南
設(shè)計方法論 I 超全面的頁面分割設(shè)計指南
設(shè)計方法論 I 超全面的頁面分割設(shè)計指南
 
留白分割的定義:
留白分割是目前設(shè)計的主流趨勢,越來越多的產(chǎn)品在使用留白分割設(shè)計。留白分割主要通過增加間距的方式,利用人的視知覺原理(接近法則:人的大腦會傾向于把彼此靠近的元素視為一組),將信息進(jìn)行自然的視覺分組。
 
留白分割具有以下優(yōu)勢:
 
1.突出重點信息:
通過增加間距,可以將關(guān)鍵信息與其他內(nèi)容區(qū)分開來,使用戶更容易注意到。
 
2.提高可讀性:
適當(dāng)?shù)牧舭卓梢允刮淖只驁D形元素之間的界限更清晰,減少視覺干擾,從而提高用戶的閱讀效率。
 
3.增強(qiáng)設(shè)計感:
留白可以為設(shè)計增加呼吸感,避免元素過于擁擠,使整體布局更加和諧、美觀。
 
當(dāng)元素之間的間距保持均勻時,整個視覺呈現(xiàn)會顯得平衡且協(xié)調(diào),大腦默認(rèn)為一個整體。然而,一旦元素的橫向和縱向間距發(fā)生變化,我們的大腦會
基于接近性法則,本能地將距離較近的元素視為一個整體或群組,這就是留白分割。(如下圖)
設(shè)計方法論 I 超全面的頁面分割設(shè)計指南
 
留白分割在有規(guī)律且卡片樣式較多
的頁面中表現(xiàn)尤為突出,在有大量卡片樣式的頁面中,每個卡片通常都包含一定的信息。通過留白分割,可以清晰地劃分每個卡片的信息區(qū)域,使用戶更容易區(qū)分和閱讀每個卡片的內(nèi)容,增加呼吸感,避免元素過于擁擠,從而提高整體的可讀性。例如下圖中主流的音樂類App
設(shè)計方法論 I 超全面的頁面分割設(shè)計指南
相反,如果在沒有規(guī)律且頁面內(nèi)容較多的情況使用留白分割,則會使頁面雜亂無章。比如下圖咸魚的“廣場”界面feed流中,圖片從1~9張都有的情況下,使用留白分割,頁面就會變得雜亂,影響視覺效果。而脈脈則采用了卡片式分割樣式,頁面模塊則相對清晰很多。
設(shè)計方法論 I 超全面的頁面分割設(shè)計指南
設(shè)計方法論 I 超全面的頁面分割設(shè)計指南
 
寫在最后:
在我們界面設(shè)計中,我們應(yīng)充分考慮信息條目的復(fù)雜度。當(dāng)信息較為簡單時,利用留白分割,能夠創(chuàng)造出清爽且不受干擾的視覺體驗。但隨著信息復(fù)雜度的增加,留白分割可能不足以清晰地展現(xiàn)信息層次,此時,引入線性分割是一個有效策略,它能提升屏幕的利用效率,使信息條理更加清晰。
 
當(dāng)信息復(fù)雜度進(jìn)一步升級,例如已經(jīng)運用了線性分割或涉及更多操作時,我們需要進(jìn)一步強(qiáng)化信息條目之間的邊界感。這時,卡片分割是一個理想的選擇,它不僅能增強(qiáng)信息的視覺層次,還能提升條目的可操作性。
 
重要的是,選擇信息分割方式時,我們要明確:分割本身不是目的,而是為了構(gòu)建清晰的版面邏輯
,通過悅目的信息秩序來更好地突出內(nèi)容,實現(xiàn)最佳的信息傳達(dá)效果。因此,在決策時,除了考慮上述細(xì)節(jié)因素,還需全面評估整體版面效果和信息傳達(dá)效率。感謝閱讀,希望對您有用。
設(shè)計方法論 I 超全面的頁面分割設(shè)計指南
 

作者:King_LBJ
來源:站酷

藍(lán)藍(lán)設(shè)計(www.b186.net )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計、B端界面設(shè)計、桌面端界面設(shè)計、APP界面設(shè)計、圖標(biāo)定制、用戶體驗設(shè)計、交互設(shè)計UI咨詢、高端網(wǎng)站設(shè)計、平面設(shè)計,以及相關(guān)的軟件開發(fā)服務(wù),咨詢電話:01063334945。

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

銀行金融軟件UI界面設(shè)計、能源及監(jiān)控軟件UI界面設(shè)計氣象行業(yè)UI界面設(shè)計、軌道交通界面設(shè)計、地理信息系統(tǒng)GIS UI界面設(shè)計、航天軍工軟件UI界面設(shè)計、醫(yī)療行業(yè)軟件UI界面設(shè)計、教育行業(yè)軟件UI界面設(shè)計、企業(yè)信息化UI界面設(shè)計、軟件qt開發(fā)、軟件wpf開發(fā)、軟件vue開發(fā)

談?wù)勗O(shè)計創(chuàng)意獲取的思路

前端達(dá)人

談?wù)勗O(shè)計創(chuàng)意獲取的思路
 
 
讀了一本書,杰夫戴維森的《The 60 sencond Innovation 》,講的是
創(chuàng)意的獲取方式
。因為國外的設(shè)計環(huán)境與國內(nèi)還是有很大區(qū)別的(所以這本書的微信讀書書評并不是很高),我摘選了幾個我認(rèn)為
適合國內(nèi)現(xiàn)狀的創(chuàng)意獲取方法,與大家共享
談?wù)勗O(shè)計創(chuàng)意獲取的思路
 
 
一、關(guān)于設(shè)計趨勢
設(shè)計創(chuàng)意是符合設(shè)計趨勢的,我們需要關(guān)注設(shè)計趨勢。
我覺得趨勢這個詞,書里面有個觀點還是可以的:
關(guān)注長期趨勢
為什么這么說呢,因為趨勢不是朝三暮四的,往往會保持很長的時間。所以我們在做設(shè)計創(chuàng)意的時候可以適當(dāng)關(guān)注長期趨勢。
1.1關(guān)注社會趨勢的重要性
最直接影響的就是職業(yè)生涯的發(fā)展
。譬如你是一名UI設(shè)計師或者即將畢業(yè)的學(xué)生,在當(dāng)前的形勢下UI設(shè)計師已經(jīng)趨于飽和,你想完成一次職業(yè)方向的確定或轉(zhuǎn)變,你會往哪里走?
那么你需要關(guān)注設(shè)計趨勢。
如果你選擇的是一個接近飽和的方向,那么你的薪資幾年內(nèi)肯定也得不到提高。有的設(shè)計師經(jīng)常會說我做UI設(shè)計5-7年了,但是薪資依然還是1萬,我
只能說你現(xiàn)在沒有什么競爭力。
所以趁著年輕,你可以考慮換一條細(xì)分的賽道。
譬如逐漸趨于飽和的車載HMI設(shè)計,即將爆發(fā)的類似于Vision Pro的增強(qiáng)現(xiàn)實設(shè)計。。。
來自于蘋果官網(wǎng)
來自于蘋果官網(wǎng)
 
1.2如何了解設(shè)計趨勢
首先,最直觀的就是設(shè)計大事件。
譬如蘋果等著名品牌引導(dǎo)的設(shè)計承載方式的變革。從羅永浩推出無限屏概念開始,其實類似的空間設(shè)計就已經(jīng)處于慢熱狀態(tài)。直到蘋果正式發(fā)布了Vision Pro,這種大事件直接將增強(qiáng)空間設(shè)計推向了高潮。
我們可以通過蘋果的官方網(wǎng)站,去了解Vision Pro的使用方法,以此來感受Vision pro可以改變什么?文本編輯、影視、閱讀以及游戲等等用戶體驗與手機(jī)操作的不同點,從而延伸出未來可以商業(yè)化的場景方向,可以做預(yù)知性的推斷。
有興趣的設(shè)計師還可以通過蘋果發(fā)布的
Vision pro模擬器
,來嘗試性地輸出一些創(chuàng)新的想法和創(chuàng)意,以此來建立自己在增強(qiáng)空間設(shè)計上的設(shè)計經(jīng)驗和競爭力。
其次,可以通過設(shè)計網(wǎng)站、社區(qū)和平臺。
譬如優(yōu)設(shè)、站酷、人人都是產(chǎn)品經(jīng)理等一些設(shè)計資訊平臺。很多設(shè)計師會將國外的一些好的設(shè)計趨勢的文章翻譯,我們可以通過這些文章來獲取設(shè)計趨勢。
再者,可以通過行業(yè)內(nèi)的研究報告。
譬如艾瑞咨詢發(fā)布的《2023年AIGC場景應(yīng)用展望研究報告》,里面就闡述了下一年甚至是未來AIGC的發(fā)展方向。
二、經(jīng)驗積累促進(jìn)設(shè)計創(chuàng)意輸出
2.1經(jīng)驗積累到一定程度的好處
一般設(shè)計師在自身發(fā)展的同時,也都會留意身邊設(shè)計師發(fā)展的如何,嫉妒和對比是很正常的。有的設(shè)計師會覺得為什么他年紀(jì)不大卻能當(dāng)領(lǐng)導(dǎo),為什么他的薪資比我多那么多,為什么每次任務(wù)下來后他總是做的又快又好。。。
因為這是工作/設(shè)計經(jīng)驗給他帶來了各種紅利。
為什么經(jīng)驗豐富的設(shè)計師創(chuàng)意那么多呢?那就是
尤尼卡效應(yīng)(靈感的悄然而至)
。有經(jīng)驗的設(shè)計師,職業(yè)生涯過程中看過無數(shù)的案例,想過無數(shù)的方案,做過無數(shù)的作品。所以,他們可以在看到問題的時候,立馬給你輸出設(shè)計方案。如果你能達(dá)到這種地步,你的競爭力也將無可匹敵。
2.2經(jīng)驗積累下的靈感輸出
做到兩點:
【建立方向】和【埋頭苦干】
。
畢業(yè)5年內(nèi)的設(shè)計師,可以不用過多的去關(guān)注別人與自己的差別,你要做的就是【建立方向】和【埋頭苦干】,幸運只光顧有準(zhǔn)備的頭腦。
那些有經(jīng)驗的設(shè)計師也都是摸爬滾打一點一滴練出來的。過年的時候跟大學(xué)同學(xué)吃飯,設(shè)計耕耘10余載,他已經(jīng)是某設(shè)計院的總監(jiān)了。想想與他一起住過的小黑屋,想想我們打地鋪黑燈瞎火的做項目,為了錢么?是因為熱愛,想做出更好的作品。再看看他一路走來的工作歷程,他基本上在一個垂直方向上深耕細(xì)作,從場館的設(shè)計方案到制定預(yù)算,從項目投標(biāo)到施工流程,整個一套流程都駕輕就熟了。
2.3不斷嘗試后的靈感輸出
設(shè)計師們都知道,靈感不會輕易上門。
創(chuàng)意是被逼出來的
!這一點設(shè)計師們都很有感觸。
這里的經(jīng)驗積累不完全是工作年限的意思,也有深度挖掘之意
。
尤尼卡效應(yīng)要求我們,即使在設(shè)計工作中沒有靈感的時候,繼續(xù)嘗試著梳理思路不斷鉆研,肯定會有靈感乍現(xiàn)的那一刻。就像書中說的那樣:
因為創(chuàng)新是一個漸進(jìn)的過程,一次加上一點思考,最終會柳暗花明。
MIdjourny輸出:設(shè)計師絞盡腦汁
MIdjourny輸出:設(shè)計師絞盡腦汁
 
三、創(chuàng)意匯報
3.1高中低方案戰(zhàn)略
要想實現(xiàn)創(chuàng)意被大家更好地接受,通??梢詼?zhǔn)備三種可能的方案:1.最佳方案2.中間方案3.最差方案
領(lǐng)導(dǎo)的決策,也需要有一定的參考。我們給出的方案,盡量涵蓋高中低三種維度,以便進(jìn)行對比。
3.2選擇時機(jī)進(jìn)行推薦
創(chuàng)意方案出來后,你可以安排一次會議/宣講會,闡述一下自己的設(shè)計方案。聰明的做法就是在會議召開之前,先私下把方案簡單過一下,以獲得一定的支持。
3.3學(xué)會傾聽
你在匯報項目的過程中,別人會有一些想法和建議,麻煩你認(rèn)真傾聽。不要著急去打斷,以免造成厭惡性溝通。
3.4不要放棄
創(chuàng)意被否定很正常。
真正能一次通過的創(chuàng)意實屬罕見,就好比不能因為拿不到第一就不上場比賽一樣,你也不應(yīng)該因為創(chuàng)意被否一次就永遠(yuǎn)自暴自棄。
四、創(chuàng)意輸出需要心流狀態(tài)
心流狀態(tài)是指自己已經(jīng)完全沉浸在設(shè)計創(chuàng)意中了。
心流狀態(tài)可以很好地幫助設(shè)計師提高工作效率,促進(jìn)設(shè)計創(chuàng)意的輸出。
4.1如何獲得心流狀態(tài)
環(huán)境很重要。
對于設(shè)計師而言,通過調(diào)整周圍的環(huán)境,比如說引進(jìn)一些比較明亮的色彩、圖片、標(biāo)語等,可以大大激發(fā)一個人的學(xué)習(xí)能力。
開放、整潔、平整的表面有助于整理人的思維,所以一般來說,你的桌子越干凈,就越容易提高工作效率,應(yīng)對工作中的各種挑戰(zhàn)。
五、創(chuàng)意伙伴日常溝通
眾人拾柴火焰高。
5.1與什么樣的人溝通
與相同價值的人溝通。
《探尋第一名》(Looking Out for Number One)一書中,作者羅伯特·林格(Robert Ringer)指出,持久的關(guān)系——一方為另一方提供相同的價值,雙方的利益交織在一起,讓這種關(guān)系持續(xù)下去——非常有價值。
因此
你找的人必定是彼此都珍視的人,可以成為創(chuàng)意伙伴
。你可以每個月找創(chuàng)意伙伴聊聊天喝喝茶充充電,獲取一些新的想法,讓自己的大腦保持常青常新。馬云說過,企業(yè)在不缺錢的時候融資,而不是缺錢了再去融資。
設(shè)計圈有認(rèn)識的大佬都很重視溝通,會經(jīng)常跟身邊的朋友聊天,其實這很大程度上
可以讓一個人擁有多個人的經(jīng)驗和能力。
所以設(shè)計師應(yīng)該嘗試著開放一些,而不是閉門造車。
MIdjourny輸出:設(shè)計師聊天
MIdjourny輸出:設(shè)計師聊天
 
六、公司層面:討論/溝通氛圍的重要性
公司層面,應(yīng)該鼓勵設(shè)計師在會議上多闡述自己的意見。
很多公司是不是有這樣一種現(xiàn)象:開會的時候鴉雀無聲,只聽到匯報的人膽怯地練著演講稿或者說著自己的方案,讓其他人給意見的時候基本無人舉手,只能等領(lǐng)導(dǎo)給一些修改意見,
然后這個設(shè)計方案就變成了領(lǐng)導(dǎo)認(rèn)可的設(shè)計方案了。
其實這種工作氛圍真的非常糟糕,限制了設(shè)計師的創(chuàng)意的發(fā)揮,同時也讓產(chǎn)品成為了一個片面性的產(chǎn)品。
6.1建立討論溝通氛圍的好處
所以團(tuán)隊的討論氛圍一定要建立起來。
書里這樣描述:
1.當(dāng)一個人感覺自己的想法受人歡迎的時候,他會想出更多有創(chuàng)意的點子來解決眼前的問題——有時可能會在會上發(fā)表看法,有時則是在私下里提出建議;
2.如果團(tuán)隊的每個成員都感覺更有滿足感,他們的參與熱情就會高漲。想想看,如果人人都愿意獻(xiàn)計獻(xiàn)策,事情將會變得多么容易啊!
6.2好好先生對設(shè)計創(chuàng)意的阻礙
討論溝通,也促進(jìn)了不同聲音的展現(xiàn)。團(tuán)隊需要不同的聲音,團(tuán)隊需要謙和而堅定的人來告訴我們事情的本來面目,要聽到赤裸裸的現(xiàn)實。
 
感謝大家閱讀。


作者:阿琦Aqi
鏈接:https://www.zcool.com.cn/article/ZMTYwOTk3Ng==.html
來源:站酷
著作權(quán)歸作者所有。商業(yè)轉(zhuǎn)載請聯(lián)系作者獲得授權(quán),非商業(yè)轉(zhuǎn)載請注明出處。

日歷

鏈接

個人資料

存檔