亚洲av无码成人专区片在线观看,亚洲av岛国动作片在线观看,少妇,喷水,亚洲av成人无遮挡网站在线观看,天堂网www资源在线

恭喜你成為UI中國(guó)推薦設(shè)計(jì)師 (詳情)
//百度統(tǒng)計(jì) 20220402 uicn

您的意見(jiàn)是我們 UI 中國(guó)進(jìn)步的動(dòng)力!
點(diǎn)擊立即反饋按鈕,發(fā)表您的意見(jiàn)!
立即反饋
QQ群反饋
您也可以加入U(xiǎn)I中國(guó)官方反饋群進(jìn)行反饋!
群號(hào):302892100
備注:反饋問(wèn)題后@管理員能讓我們及時(shí)了解您的意見(jiàn)

提交需求

賽事與廣告咨詢合作,請(qǐng)?zhí)顚?xiě)需求表單,我們會(huì)在第一時(shí)間與您聯(lián)系!

0/20
0/200

設(shè)計(jì)大賽

  • 設(shè)計(jì)大賽
  • 發(fā)布廣告
  • 發(fā)布招聘
  • 其它需求

提交完成
感謝您對(duì)UI中國(guó)的支持和信賴!
B端UX|了解B端全局頁(yè)面類型出發(fā)
0.0°

B端頁(yè)面類型總結(jié)

界面作為企業(yè)或組織使用的載體,也是圍繞增刪改查而設(shè)計(jì)。主要的典型頁(yè)面類型包含幾種:

  • 表盤:主要展示統(tǒng)計(jì)數(shù)據(jù)和圖表的頁(yè)面
  • 列表:用于大量同類數(shù)據(jù)的條目,包括對(duì)它們進(jìn)行排序和篩選等
  • 表單:主要用于添加、修改數(shù)據(jù)對(duì)象的操作型頁(yè)面,會(huì)包含多個(gè)表單控件的處理
  • 詳情:用于展示某個(gè)數(shù)據(jù)對(duì)象詳細(xì)內(nèi)容、數(shù)據(jù)的頁(yè)面
  • 結(jié)果&缺省:完成操作后單獨(dú)頁(yè)面的結(jié)果反饋&頁(yè)面數(shù)據(jù)為空或系統(tǒng)錯(cuò)誤的特殊反饋
  • 登錄&注冊(cè):用戶訪問(wèn)的第一個(gè)頁(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

更新:2024-05-07

收藏

0人已收藏

周學(xué)學(xué)

讓自己變強(qiáng),是解決大部分問(wèn)題的唯一途徑。

  • 10

    作品

  • 18

    粉絲

  • 5

    關(guān)注

  • 上門喂養(yǎng)寵物小程序UI界面設(shè)計(jì)
  • 4.B端UX|b端設(shè)計(jì)布局框架思考與設(shè)計(jì)
  • 3.B端UX|b端產(chǎn)品頁(yè)面分層級(jí)
  • 訂酒店旅行記-UI界面設(shè)計(jì)
相關(guān)標(biāo)簽

    猜你喜歡

      B端UX|了解B端全局頁(yè)面類型出發(fā)

      0.0°

      你確定要舉報(bào)B端UX|了解B端全局頁(yè)面類型出發(fā)?

      如果查出惡意舉報(bào),十天內(nèi)禁止提交任何舉報(bào)申請(qǐng)。

      0/200

      上傳證據(jù): 超過(guò)10M的附件請(qǐng)使用網(wǎng)盤地址

      點(diǎn)擊上傳附件

      對(duì)誰(shuí)可見(jiàn):

      全部設(shè)計(jì)師
      • 全部設(shè)計(jì)師
      • 推薦設(shè)計(jì)師和認(rèn)證設(shè)計(jì)師

      您確認(rèn)要推薦?

      該作品發(fā)布時(shí)間:2024年04月27日

      評(píng)分

      完整度

      啟發(fā)性

      勤奮性

      排版布局

      推薦心得

      建議20-200字以內(nèi)

      0/200

      1
      0
      0

      賬號(hào)或密碼錯(cuò)誤,請(qǐng)重新輸入

      賬號(hào)或密碼錯(cuò)誤,請(qǐng)重新輸入

      登錄

      手機(jī)號(hào)

      發(fā)送驗(yàn)證碼 120s 驗(yàn)證碼錯(cuò)誤

      登錄
      第三方賬號(hào)登錄