從一個UI界面設(shè)計(jì)看體驗(yàn)設(shè)計(jì)師要具備的基本技能

2024-10-23    藍(lán)藍(lán)小助手 交互設(shè)計(jì)及用戶體驗(yàn)

 
這個原型是一次UI測的作業(yè),本身其實(shí)沒有定任何的背景,讓同學(xué)們自由發(fā)揮,只要能邏輯自洽那么都可以說的過去。好,大家一起來分析一下,這個案例做的怎么樣。
 
如果我們給到的原型是這樣的,缺失了很多重要的信息,這時(shí)候你會如何補(bǔ)全?如果你具備產(chǎn)品思維,那么你可以考慮到很多信息,如果你對這個行業(yè)和用戶又更深的認(rèn)識你可以補(bǔ)全更多信息,當(dāng)然了,還是要尊重原著,既然原型給的是這樣的,那么說明這個產(chǎn)品還是比較聚焦業(yè)務(wù)的或者說處于起步階段,業(yè)務(wù)功能并不多,主要圍繞著拍照搜題、批改、錯題這樣的功能來做的。
從一個UI界面設(shè)計(jì)看體驗(yàn)設(shè)計(jì)師要具備的基本技能
 
 
從上往下我們依次來分析功能、交互、視覺的合理性。
 
1.導(dǎo)航欄
從一個UI界面設(shè)計(jì)看體驗(yàn)設(shè)計(jì)師要具備的基本技能
 
 
1.用戶頭像、昵稱、學(xué)年這些信息對于這個產(chǎn)品的用戶來說其實(shí)可有可無,除非這里需要用戶切換學(xué)年,但明顯不是個高頻的操作,所以放或者不放影響不大。搜索其實(shí)不需要做這么明顯,因?yàn)殛P(guān)于搜題還是拍照更直接,所以搜索可以有但不需要展開。歷史記錄,這里基本上都是題目搜索,錯題本可以直接查找到的,并不需要?dú)v史記錄,可以弱化或者刪除。
關(guān)于該功能是否有必要,大家只要思考是否具備業(yè)務(wù)場景和用戶場景即可,具備了場景,再思考是否具備核心價(jià)值。
 
 
2.業(yè)務(wù)分流入口區(qū)
從一個UI界面設(shè)計(jì)看體驗(yàn)設(shè)計(jì)師要具備的基本技能
 
 
這里在原型中其實(shí)并沒有體現(xiàn),學(xué)員主動加上去,這個在實(shí)際工作中不需要UI設(shè)計(jì)師或者體驗(yàn)設(shè)計(jì)師這么去做,主要的業(yè)務(wù)功能還是要交給產(chǎn)品經(jīng)理去研究,設(shè)計(jì)師專注體驗(yàn)的優(yōu)化迭代和功能設(shè)計(jì)支持工作即可。那么這里我們我們就主要看看這些功能是否合理。
 
作文和計(jì)算器可以保留,口算題其實(shí)包含在一些小體量的題目類型中,如果有口算,為什么沒有選擇、填空、解答題呢?所以如果要放題目類型那就要放全,或者給一個題庫的入口,而不是只放一個小類目。問卷?xiàng)l煙是臨時(shí)性需求,不適合常駐。下載要看能下載什么,下載題目其實(shí)和收藏、錯題本功能就重復(fù)了。
 
 
3.錯題本
從一個UI界面設(shè)計(jì)看體驗(yàn)設(shè)計(jì)師要具備的基本技能
 
 
在原型中,錯題本幾乎只有這三個字有用,所以錯題本要提供給用戶哪些信息,需要設(shè)計(jì)師自己思考。在工作中,
產(chǎn)品經(jīng)理一般是如何對錯題本模塊進(jìn)行功能分析的,可以通過用戶調(diào)研、競品分析、卡片分類等方法,找到用戶對錯題板塊的功能需求。
 
所以從學(xué)員的作業(yè)上來看,還是有很多不合理的地方,比如錯題本的卡片中的信息,這里的
幾個數(shù)字以及該卡片呈現(xiàn)出來的示能,其實(shí)效用很低。
首先該卡片沒有任何可點(diǎn)擊進(jìn)入的入口,數(shù)據(jù)展示雖然也有一定的示能,但比較弱。所以問題的 本質(zhì)在于你想讓用戶干什么,那么你就需要設(shè)計(jì) 成什么樣式,同時(shí)要看這個產(chǎn)品的定位,比如針對全年級和學(xué)級 還是只針對小學(xué)一個學(xué)級的,那么設(shè)計(jì)策略就會不同。
 
所以 要思考關(guān)于錯題本相關(guān)的更多信息,比如:
 
從一個UI界面設(shè)計(jì)看體驗(yàn)設(shè)計(jì)師要具備的基本技能
 
 
1.產(chǎn)品定位與發(fā)展時(shí)期,在產(chǎn)品初期、中期、后期,版塊的設(shè)計(jì)策略會有很大的不同。
2.錯題本應(yīng)該、需要有什么功能,
比如不同類型題目的分類、收集錯題、篩選錯題、管理錯題等等。
3.如何讓用戶在錯題本功能中更高效的進(jìn)行交互
,入口示能和意符的表達(dá),點(diǎn)擊進(jìn)入后 的信息布局和交互流轉(zhuǎn)。
4.更多的信息細(xì)節(jié):
每一個字段信息的溯源, 比如錯題收藏超過99%的用戶,這個字段是想 讓用戶看了之后干什么,有成就感嗎?好像說不通 所以如果沒有存在的意義、價(jià)值和用戶動機(jī)的話 就去掉。還有掌握度,這個其實(shí)沒有太大的意義,錯題本的初衷就是幫你去改錯, 那么這里勢必不可能達(dá)到100%,因?yàn)橐恢睍绣e題,所以就沒必要加入這個張無毒字段了 頁面下半部分中的信息要斟酌,例如重要性和星級、復(fù)習(xí)次數(shù)這些信息的存在意義
 
其實(shí)底部的篩選欄和下方的卡片也都是錯題本的內(nèi)容,但這樣的篩選和管理效率太低了。從原型中我們可以得出,產(chǎn)品更希望用戶之前的社交更多一些,我們暫且不論這類產(chǎn)品做社交的必要讀,但是還是要部分尊重原型。所以錯題本在首頁中不要進(jìn)行展開和篩選,一個是效率低,二是不符合產(chǎn)品策略。
 
最好的做法就是把錯題本作為一個業(yè)務(wù)入口放到上面,替換口算題等不合適的入口。然后就是錯題本到底應(yīng)該怎么樣設(shè)置交互和布局才能夠高效完成用戶任務(wù)。
 
從一個UI界面設(shè)計(jì)看體驗(yàn)設(shè)計(jì)師要具備的基本技能
 
 
1.錯題分類
,這是最關(guān)鍵也是最開始的環(huán)節(jié),用戶查看錯題首先要選擇不同科目的題目。
 
2.篩選條件
,這里可能會有家長來使用,那么就會需要用到年級/學(xué)期的標(biāo)簽,再根據(jù)使用場景來分析還需要:掌握程度、錄入時(shí)間、錯題來源、錯誤原因、自定義標(biāo)簽等等。
 
3.更多場景
,除了篩選出錯題外,還可以有哪些用戶場景呢?例如錯題拍照、題目的管理(增刪改查)、錯題隨機(jī)重做、錯題組卷等等
在課程中有教過大家一個我自創(chuàng)的排除法來研究頁面該如何進(jìn)行劃分步驟,其實(shí)很簡單,就是我們不停的往一個頁面塞東西,如果塞不下了就另起一頁。
 
從一個UI界面設(shè)計(jì)看體驗(yàn)設(shè)計(jì)師要具備的基本技能
 
 
 
所以在這里從錯題本進(jìn)入的第一頁,根據(jù)用戶核心使用場景我們要讓用戶去選擇題目的板塊,需要填入的就是多個不同的板塊,以及題目拍照功能,如果不另起一頁那么需要在這個頁面中塞入具體的題目、各種篩選標(biāo)簽,那么,在第一頁明顯是不合理的,所以就要另起一頁,進(jìn)入不同板塊題目的合集頁,并且在這個頁面中我們就可以實(shí)現(xiàn)篩選、管理、錯題隨機(jī)重做、組卷等共功能了。
 
好啦,這樣的簡單思考你學(xué)會了嗎?在實(shí)際工作中要更深入的研究業(yè)務(wù)與設(shè)計(jì)策略以及用戶痛點(diǎn),才能更好的發(fā)揮出體驗(yàn)設(shè)計(jì)師的價(jià)值!
 


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

image.png

藍(lán)藍(lán)設(shè)計(jì)(bouu.cn )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計(jì)、B端界面設(shè)計(jì)、桌面端界面設(shè)計(jì)、APP界面設(shè)計(jì)圖標(biāo)定制、用戶體驗(yàn)設(shè)計(jì)交互設(shè)計(jì)、UI咨詢、高端網(wǎng)站設(shè)計(jì)平面設(shè)計(jì),以及相關(guān)的軟件開發(fā)服務(wù),咨詢電話:01063334945。我們建立了一個微信群,每天分享國內(nèi)外優(yōu)秀的設(shè)計(jì),有興趣請加入一起學(xué)習(xí)成長,咨詢及進(jìn)群請加藍(lán)小助微信ben_lanlan。

image.png

關(guān)鍵詞:UI咨詢、UI設(shè)計(jì)服務(wù)公司、軟件界面設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)公司、UI交互設(shè)計(jì)公司數(shù)據(jù)可視化設(shè)計(jì)公司、用戶體驗(yàn)公司高端網(wǎng)站設(shè)計(jì)公司、銀行金融軟件UI界面設(shè)計(jì)、能源及監(jiān)控軟件UI界面設(shè)計(jì)氣象行業(yè)UI界面設(shè)計(jì)、軌道交通界面設(shè)計(jì)、地理信息系統(tǒng)GIS UI界面設(shè)計(jì)、航天軍工軟件UI界面設(shè)計(jì)、醫(yī)療行業(yè)軟件UI界面設(shè)計(jì)教育行業(yè)軟件UI界面設(shè)計(jì)、企業(yè)信息化UI界面設(shè)計(jì)、軟件qt開發(fā)、軟件wpf開發(fā)、軟件vue開發(fā)

分享本文至:

日歷

鏈接

個人資料

存檔