首頁

全套WEB表單設計基礎

藍藍小助手

表單是一種用于收集用戶輸入的HTML元素,通常用于創(chuàng)建用戶與網(wǎng)頁交互的表單。表單可以包含各種輸入字段,如文本框、復選框、單選按鈕、下拉列表和提交按鈕等。當用戶填寫表單并提交后,數(shù)據(jù)將被發(fā)送到服務器進行處理。在web開發(fā)中,表單是實現(xiàn)用戶交互和數(shù)據(jù)收集的重要手段之一。

從一個UI界面設計看體驗設計師要具備的基本技能

藍藍小助手

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


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

image.png

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

image.png

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

超全面的頁面分割設計指南

藍藍小助手

在我們界面設計中,我們應充分考慮信息條目的復雜度。當信息較為簡單時,利用留白分割,能夠創(chuàng)造出清爽且不受干擾的視覺體驗。但隨著信息復雜度的增加,留白分割可能不足以清晰地展現(xiàn)信息層次,此時,引入線性分割是一個有效策略,它能提升屏幕的利用效率,使信息條理更加清晰。

幫助用戶解決B端引導體系

藍藍小助手

B端產(chǎn)品引導體系并不是單一 的某個功能,而是一種體系化的能力,旨在幫助用戶更好地使用產(chǎn)品,是產(chǎn)品成功與否的關鍵因素之一。它通過不同的手段,如在線文檔、視頻教程、客服支持等,為用戶提供全方位 的幫助和指導,使用戶能夠快速上手產(chǎn)品,提高工作效率。

基于手機APP界面設計中的色彩應用研究

藍藍小助手

隨著智能手機的高度化普及,手機App已經(jīng)脫離了單一的信息傳遞的階段,用戶對App的視覺要求越來越高。色彩在App界面設計中非常重要,對App界面設計色彩進行充分的研究,把握其色彩運用規(guī)律對App界面設計色彩的發(fā)展有著深刻的理論和實際意義。本文章總結國內(nèi)外UI設計行業(yè)的發(fā)展現(xiàn)狀和趨勢,使讀者對該行業(yè)有一個宏觀的了解。從色彩設計的基礎理論、色彩在App界面設計中的應用等方面入手。在研究了幾十款國內(nèi)外的成功App案例,對色彩在App界面設計中的應用和色彩感情進行分析。從而提出色彩在App界面設計中的應用方法,希望給設計師用色方向提供一些理論參考。最后筆者運用發(fā)展的眼光,對國內(nèi)App界面的發(fā)展做了簡單的總結和期望。

從混沌到清晰:大數(shù)據(jù)可視化設計的藝術

藍藍設計的小編

在當今信息爆炸的時代,數(shù)據(jù)如同洶涌的洪流,源源不斷地沖擊著我們的認知邊界。而大數(shù)據(jù)可視化設計,恰似一位神奇的藝術家,將這混沌的數(shù)據(jù)世界轉化為清晰、易懂且富有魅力的視覺盛宴。

大數(shù)據(jù)可視化設計在科學研究中的應用

藍藍設計的小編

在科學研究的廣袤領域中,大數(shù)據(jù)可視化設計正逐漸成為探索未知、揭示真理的有力工具,為科研工作者打開了一扇洞察世界的新窗口。

大數(shù)據(jù)可視化設計能夠幫助科學家更直觀地理解復雜的數(shù)據(jù)??茖W研究往往涉及海量且多維度的數(shù)據(jù),例如天文觀測中的星系分布、氣象學中的氣候模型數(shù)據(jù)、生物學中的基因序列信息等。這些數(shù)據(jù)的復雜性使得直接解讀變得極為困難。通過可視化,將這些數(shù)據(jù)轉化為清晰的圖表、圖像或動畫,科學家能夠迅速把握數(shù)據(jù)的整體結構和關鍵特征,從而更有效地發(fā)現(xiàn)其中的規(guī)律和趨勢。

大數(shù)據(jù)可視化設計

它有助于發(fā)現(xiàn)隱藏在數(shù)據(jù)中的潛在關系和模式。在物理學的粒子碰撞實驗中,大量的碰撞數(shù)據(jù)需要被分析。通過大數(shù)據(jù)可視化設計,將這些數(shù)據(jù)以三維空間中的粒子軌跡圖呈現(xiàn),科學家可能會意外地發(fā)現(xiàn)之前未曾注意到的粒子相互作用模式,為新的物理理論提供線索。

在醫(yī)學研究領域,大數(shù)據(jù)可視化設計發(fā)揮著重要作用。例如,在疾病傳播的研究中,將患者的地理位置、發(fā)病時間、傳播路徑等數(shù)據(jù)進行可視化,可以清晰地看到疾病的擴散趨勢,從而制定更有針對性的防控策略。同樣,在藥物研發(fā)過程中,可視化藥物分子的結構和與靶點的相互作用,有助于研究人員更好地理解藥物作用機制,優(yōu)化藥物設計。

在環(huán)境科學研究中,大數(shù)據(jù)可視化設計也有著廣泛的應用。對于氣候變化的研究,將全球氣溫、海平面上升、冰川融化等數(shù)據(jù)以動態(tài)的地圖和時間序列圖表展示,能夠直觀地呈現(xiàn)氣候變化的趨勢和影響,為制定環(huán)保政策提供有力依據(jù)。

大數(shù)據(jù)可視化設計

此外,大數(shù)據(jù)可視化設計促進了跨學科的交流與合作。不同學科領域的研究人員可能使用不同的術語和方法,但通過可視化的共同語言,他們能夠更輕松地理解彼此的研究成果,促進知識的融合和創(chuàng)新。

舉個例子,在地質(zhì)科學研究中,對地層結構和地質(zhì)演化過程的數(shù)據(jù)進行可視化,研究人員可以直觀地看到地層的分層、斷層的分布以及地質(zhì)運動的歷史。這不僅有助于地質(zhì)學家自身的研究,還能讓其他相關領域的科學家,如考古學家、生態(tài)學家等,更好地理解地質(zhì)環(huán)境對人類活動和生態(tài)系統(tǒng)的影響。

大數(shù)據(jù)可視化設計

總之,大數(shù)據(jù)可視化設計在科學研究中的應用極大地提升了研究的效率和深度。它讓抽象的數(shù)據(jù)變得生動具體,為科學家提供了新的視角和靈感,加速了科學發(fā)現(xiàn)的進程。隨著技術的不斷進步和數(shù)據(jù)的持續(xù)增長,大數(shù)據(jù)可視化設計必將在科學研究中發(fā)揮更加重要的作用,引領我們不斷探索未知,推動科學的進步和發(fā)展。

大數(shù)據(jù)可視化設計在分析數(shù)據(jù)中的作用

藍藍設計的小編

在當今數(shù)字化的浪潮中,數(shù)據(jù)已成為企業(yè)和組織決策的重要依據(jù)。而大數(shù)據(jù)可視化設計在分析數(shù)據(jù)方面發(fā)揮著舉足輕重的作用,宛如一盞明燈,照亮了數(shù)據(jù)背后隱藏的真相和價值。

大數(shù)據(jù)可視化設計能夠將海量、復雜的數(shù)據(jù)以直觀易懂的形式呈現(xiàn)出來。面對龐大的數(shù)據(jù)量,如果僅僅依靠傳統(tǒng)的表格和數(shù)字羅列,人們很容易陷入迷茫和困惑。而通過可視化的手段,比如將數(shù)據(jù)轉化為生動的圖表、圖形,甚至是交互式的地圖和動態(tài)的演示,能夠讓數(shù)據(jù)的特征和趨勢一目了然。例如,在銷售數(shù)據(jù)分析中,通過柱狀圖可以清晰地比較不同產(chǎn)品在不同時間段的銷售業(yè)績,折線圖則能直觀地展現(xiàn)銷售的增長或下降趨勢。

大數(shù)據(jù)可視化設計

它有助于快速發(fā)現(xiàn)數(shù)據(jù)中的異常和模式。在海量的數(shù)據(jù)中,一些異常值或潛在的規(guī)律可能并不容易被察覺。但通過可視化設計,這些異常和模式能夠以突出的視覺效果呈現(xiàn)出來。比如,在金融交易數(shù)據(jù)中,通過可視化可以迅速發(fā)現(xiàn)某筆異常的大額交易,或者某個時間段內(nèi)頻繁出現(xiàn)的特定交易模式,從而及時進行風險預警和監(jiān)控。

大數(shù)據(jù)可視化設計能夠促進團隊之間的有效溝通和協(xié)作。在一個跨部門的項目中,不同專業(yè)背景的人員對于數(shù)據(jù)的理解和需求可能各不相同。通過直觀的可視化展示,各方能夠迅速對數(shù)據(jù)達成共識,減少誤解和溝通成本。大家可以圍繞可視化的結果進行討論和分析,共同挖掘數(shù)據(jù)背后的問題和機會。

大數(shù)據(jù)可視化設計

它還能激發(fā)創(chuàng)新的分析思路和方法。當數(shù)據(jù)以新穎、直觀的方式呈現(xiàn)時,往往能夠打破傳統(tǒng)的思維定式,激發(fā)人們從不同的角度去思考和分析問題。例如,在市場調(diào)研中,通過將消費者行為數(shù)據(jù)以創(chuàng)新的可視化方式展示,可能會啟發(fā)營銷團隊提出全新的營銷策略和產(chǎn)品定位。

此外,大數(shù)據(jù)可視化設計能夠提升數(shù)據(jù)分析的效率和準確性。在處理大量數(shù)據(jù)時,人工篩選和分析容易出現(xiàn)疏漏和錯誤。而可視化工具可以快速對數(shù)據(jù)進行分類、匯總和計算,以直觀的形式呈現(xiàn)結果,減少了人為失誤的可能性。

舉個實際的例子,一家電商企業(yè)在分析用戶行為數(shù)據(jù)時,利用大數(shù)據(jù)可視化設計構建了用戶畫像。通過直觀的圖表展示用戶的年齡分布、地域來源、購買偏好等信息,企業(yè)能夠精準地調(diào)整商品推薦策略,提高用戶的購買轉化率和滿意度。

大數(shù)據(jù)可視化設計

總之,大數(shù)據(jù)可視化設計在分析數(shù)據(jù)的過程中扮演著不可或缺的角色。它不僅讓數(shù)據(jù)變得易于理解和解讀,還能夠加速分析的進程,提高決策的質(zhì)量和效率。在未來,隨著技術的不斷進步和數(shù)據(jù)量的持續(xù)增長,大數(shù)據(jù)可視化設計的作用將愈發(fā)凸顯,成為推動數(shù)據(jù)分析和決策的強大助力。

大數(shù)據(jù)可視化設計的風格都有哪些

藍藍設計的小編

在大數(shù)據(jù)時代,數(shù)據(jù)可視化設計不僅僅是將數(shù)據(jù)呈現(xiàn)出來,其風格的選擇更是影響著信息傳遞的效果和用戶的體驗。那么,大數(shù)據(jù)可視化設計都有哪些常見的風格呢?

大數(shù)據(jù)可視化設計的作用

藍藍設計的小編

在當今數(shù)字化的時代,數(shù)據(jù)如同潮水般涌來,而大數(shù)據(jù)可視化設計則成為了駕馭這股浪潮的有力工具,發(fā)揮著至關重要的作用。

日歷

鏈接

個人資料

藍藍設計的小編 http://bouu.cn

存檔