提交需求
賽事與廣告咨詢合作,請(qǐng)?zhí)顚?xiě)需求表單,我們會(huì)在第一時(shí)間與您聯(lián)系!
B端頁(yè)面類型總結(jié)
界面作為企業(yè)或組織使用的載體,也是圍繞增刪改查而設(shè)計(jì)。主要的典型頁(yè)面類型包含幾種:
1.表盤
表盤頁(yè)是核心數(shù)據(jù)統(tǒng)計(jì)、信息集合的頁(yè)面,最核心的內(nèi)容就是圖表和表格。在表盤類主頁(yè)設(shè)計(jì)前,都主要先從業(yè)務(wù)角度出發(fā),視情況而定。確定包含的主頁(yè)呈現(xiàn)的業(yè)務(wù)信息,然后再開(kāi)始對(duì)內(nèi)容區(qū)域進(jìn)行劃分和布局。
1.1 數(shù)據(jù)型表盤頁(yè)
主要以展示總數(shù)據(jù)統(tǒng)計(jì),數(shù)據(jù)圖表為主。這類頁(yè)面的布局要從業(yè)務(wù)角度出發(fā)先了解頁(yè)面需要展示哪些數(shù)據(jù),并使用什么圖表,要確保數(shù)據(jù)的展示能符合實(shí)際使用需要。并且在視覺(jué)表現(xiàn)力上是值得著手發(fā)力的頁(yè)面。
1.2 主頁(yè)型表盤頁(yè)
應(yīng)用于整個(gè)B端產(chǎn)品主頁(yè)的工作臺(tái)概覽頁(yè)面,不是單純的數(shù)據(jù)圖表聚合頁(yè),而是會(huì)包含大量不同的核心模塊和核心信息,對(duì)于頁(yè)面內(nèi)容的權(quán)重表現(xiàn)和布局比例要求較高。
除了數(shù)據(jù)圖表外,還根據(jù)業(yè)務(wù)可以呈現(xiàn)信息列表、輪播圖、公告、日歷、留言板等信息模塊,也需要花較多的時(shí)間來(lái)處理視覺(jué)美觀度,通過(guò)主頁(yè)設(shè)計(jì)從而傳達(dá)產(chǎn)品設(shè)計(jì)調(diào)性。
2.列表
列表是對(duì)于羅列數(shù)據(jù)進(jìn)行展示的統(tǒng)稱,通常由篩選操作項(xiàng)、不同列表類型、分頁(yè)控件三部分組成。而不同列表類型也有很多種,除提到的一般列表頁(yè)、表格列表頁(yè)、卡片列表頁(yè),表格列表同時(shí)也可以細(xì)分為帶篩選條件列表、可橫向滾動(dòng)列表、帶操作列表等不同情況。
B端列表頁(yè)的設(shè)計(jì)應(yīng)根據(jù)業(yè)務(wù)需求、數(shù)據(jù)特性和用戶操作習(xí)慣來(lái)定制。不同類型的列表頁(yè)可以提供不同的用戶體驗(yàn)和操作效率。設(shè)計(jì)時(shí),應(yīng)考慮如何最有效地展示數(shù)據(jù),并提供必要的交互功能,以支持用戶獲取信息數(shù)據(jù)。
2.1 基礎(chǔ)列表頁(yè)
最基礎(chǔ)的縱向排列一行一條的展示一系列數(shù)據(jù)項(xiàng)。最簡(jiǎn)單直接的列表展示方式,適用于數(shù)據(jù)量不大、無(wú)需復(fù)雜操作的場(chǎng)景。
2.2 表格列表頁(yè)
以橫、縱軸的排列規(guī)則的表格形式展示數(shù)據(jù),支持對(duì)表格內(nèi)數(shù)據(jù)進(jìn)行操作:排序、篩選、搜索和添加新數(shù)據(jù)等。適用于需要對(duì)數(shù)據(jù)進(jìn)行詳細(xì)對(duì)比和分析的情況。與基礎(chǔ)列表不同的是,有表頭是表格列表,沒(méi)表頭的就是基礎(chǔ)列表。
2.3 卡片列表頁(yè)
將每個(gè)數(shù)據(jù)對(duì)象使用卡片的形式展示,對(duì)于不需要上下數(shù)據(jù)進(jìn)行對(duì)比,每個(gè)數(shù)據(jù)對(duì)象都是比較獨(dú)立的個(gè)體的話,那么卡片的模式會(huì)比表格更合理,包含更多視覺(jué)信息,如圖片、圖標(biāo)。提供更豐富的視覺(jué)展示,適合需要突出數(shù)據(jù)項(xiàng)特點(diǎn)的場(chǎng)景。
3.表單
表單頁(yè)是用戶與系統(tǒng)交互的重要部分,用于收集、輸入、編輯和提交數(shù)據(jù)。
表單頁(yè)的設(shè)計(jì)應(yīng)考慮用戶的操作習(xí)慣、數(shù)據(jù)的復(fù)雜性以及業(yè)務(wù)需求。不同類型的表單頁(yè)可以提供不同的用戶體驗(yàn)和操作效率。設(shè)計(jì)時(shí),應(yīng)考慮如何最有效地引導(dǎo)用戶輸入數(shù)據(jù),并提供必要的反饋和幫助信息,以支持用戶完成其任務(wù)。
3.1 基礎(chǔ)列數(shù)表單
包含基本的輸入字段和行動(dòng)按鈕,如文本框、選擇框等,而其表單列數(shù)可能視情況不同而不同,有可能呈現(xiàn)1-4列表單的情況。通過(guò)表單的形式向用戶提問(wèn),從而獲取需要的業(yè)務(wù)數(shù)據(jù)。
3.2 分類表單
在基礎(chǔ)分列表單的類型上,單個(gè)表單根據(jù)業(yè)務(wù)關(guān)系進(jìn)行分類或分組,從而把同類信息的歸類為一個(gè)組別。
3.3 分步表單
在基礎(chǔ)表單的形式上會(huì)將表單分解成多個(gè)步驟或頁(yè)面,用戶需要按順序逐步完成。如果完成表單之前要回答的問(wèn)題分散在多個(gè)網(wǎng)頁(yè),那么通過(guò)步驟來(lái)顯示填表進(jìn)展情況是很有用的。適用于復(fù)雜的數(shù)據(jù)輸入,可以減少用戶一次性需要填寫(xiě)的信息量。
3.4 流程表單
因業(yè)務(wù)需求,團(tuán)隊(duì)組織會(huì)有多人審批的流程,通過(guò)分流程引導(dǎo)用戶完成復(fù)雜的審批任務(wù),每一步都專注于單一用戶需要關(guān)注的當(dāng)下特定任務(wù)。從而幫助用戶理解和完成復(fù)雜的流程。
4.詳情
詳情頁(yè)是用來(lái)展示某個(gè)數(shù)據(jù)對(duì)象的具體內(nèi)容、數(shù)據(jù)、信息的頁(yè)面,根據(jù)業(yè)務(wù)需求和所展示信息的不同,頁(yè)面的做法也有不同,比如商品詳情、文章詳情、工單詳情等,都會(huì)形成不同的設(shè)計(jì)。
其設(shè)計(jì)應(yīng)根據(jù)所展示數(shù)據(jù)的特性、用戶的使用場(chǎng)景和業(yè)務(wù)需求來(lái)定制。不同類型的詳情頁(yè)可以提供不同的用戶體驗(yàn)和信息展示方式。設(shè)計(jì)時(shí),應(yīng)考慮如何最有效地組織和展示信息,以及如何提供必要的交互功能,以支持用戶完成其任務(wù)。
4.1 基礎(chǔ)詳情
基礎(chǔ)詳情頁(yè)和表單頁(yè)類似,需要整理要展示的信息、字段,對(duì)它們進(jìn)行歸類和擺放,主流的詳情頁(yè)設(shè)計(jì)就是把內(nèi)容根據(jù)順序依次排列出來(lái)。只讀展示信息,不允許用戶進(jìn)行編輯或修改。適用于僅大多數(shù)需要展示詳細(xì)信息的場(chǎng)景,不需要用戶交互的情況。
4.2 高級(jí)詳情
除了展示信息,還允許用戶在頁(yè)面上執(zhí)行操作,如編輯、刪除或啟動(dòng)某個(gè)流程。提供了更多的用戶參與和交互。
4.3 彈窗&抽屜詳情
把一般詳情頁(yè)使用彈窗或抽屜的形式表現(xiàn)出來(lái),可以進(jìn)行上下的滾動(dòng)。多用于表格、列表場(chǎng)景中點(diǎn)擊數(shù)據(jù)對(duì)象后彈出,不用進(jìn)行頁(yè)面跳轉(zhuǎn)。
5.結(jié)果&缺省
結(jié)果頁(yè)分為不同結(jié)果情況:成功/失敗/異常頁(yè),是完成對(duì)應(yīng)操作后用一個(gè)獨(dú)立頁(yè)面來(lái)反饋操作結(jié)果的頁(yè)面。
缺省頁(yè)分為不同情況:異常/空頁(yè)面,是對(duì)系統(tǒng)錯(cuò)誤、頁(yè)面數(shù)據(jù)為空的狀態(tài)用特殊的頁(yè)面。
5.1 結(jié)果頁(yè)
成功/錯(cuò)誤/異常頁(yè):完成對(duì)應(yīng)操作后用一個(gè)獨(dú)立頁(yè)面來(lái)反饋操作結(jié)果的頁(yè)面
5.2 缺省頁(yè)
異常/空頁(yè)面:是對(duì)系統(tǒng)錯(cuò)誤、頁(yè)面數(shù)據(jù)為空的狀態(tài)用特殊的頁(yè)面。
6.登錄&注冊(cè)
登錄頁(yè)面雖然包含的要素不多,但是是所有產(chǎn)品體驗(yàn)的第一步。設(shè)計(jì)登錄&注冊(cè)其主要目標(biāo)更多是通過(guò)提高登錄注冊(cè)的操作效率,從而提高登錄注冊(cè)的轉(zhuǎn)化率。
6.1 登錄&注冊(cè)
通過(guò)用戶填寫(xiě)表單從而進(jìn)行登錄&注冊(cè)。而其需要填寫(xiě)的表單設(shè)計(jì)形式可能是居中、居左、居右等多種布局設(shè)計(jì)模式。不管以什么模式,其主要目的還是圍繞提高登錄注冊(cè)操作效率為主。
Powered by Froala Editor
密碼登錄
大牛,別默默的看了,快登錄幫我點(diǎn)評(píng)一下吧!:)
登錄 立即注冊(cè)