中臺列表如何設(shè)計,才能兼具實用性與多樣性?

3 評論 3478 瀏覽 29 收藏 10 分鐘

在工具類產(chǎn)品中,列表這一單元常常發(fā)揮著重要作用,只是,單純地引用列表,是否可以提升查找效率?怎樣的中臺列表設(shè)計,才能兼具實用性與多樣性?這篇文章里,作者做了解讀和分析,一起來看。

也許大家都發(fā)現(xiàn),在中臺設(shè)計時,列表是一個非常常見又不得不用的單元。特別是工具類產(chǎn)品設(shè)計,需要在大量信息中查找信息,處理信息,完成任務(wù),而列表對開發(fā)者來說,開發(fā)效率非常高。

因此列表成了大家非常省事的工具。但是單純引用列表,真的能實現(xiàn)查找效率翻倍嗎?它對用戶來說,處理事務(wù)的便捷度如何呢?

而且大量列表堆砌,也會讓中臺陷入,切換頁面無感知,從而會發(fā)生誤操作的風(fēng)險,從感官層上,形式過于單一,界面的豐富度不夠,對于營銷側(cè)打開市場,宣傳產(chǎn)品也會受到阻力。

那么,如何在保證實用性和可復(fù)用性的前提下,呈現(xiàn)多樣性呢?

一、以查找為目的

如果用戶的第一訴求是查找,便可以以篩選條件作為設(shè)計重構(gòu)的思路點。

比如以“患者管理頁”為例:

單人管理

上圖是患者管理頁的默認(rèn)圖,分為左側(cè)導(dǎo)航區(qū)、頂部篩選區(qū),和右側(cè)的列表區(qū),是非常常見的列表形式。

那么如何設(shè)計才能滿足診所方高效查找患者、運營患者的需求呢?

1. 以家庭為單元篩選

跳出單個查找患者的思路,患者存在于家庭、企業(yè)這樣的單元,是否可以以這樣的單位作為管理患者的渠道呢?不僅便于診所方在問診時追溯病情,同時也有利于二次營銷,比如家庭愛牙日的舉辦、家庭口腔卡的辦理等。

家庭管理

而家庭管理實際上是在患者管理頁上的“信息篩選”,比如以患者張三為例,需要查找出患者張三的姓名,以及她的“關(guān)聯(lián)親屬”。如果單純在患者管理頁上搜索,就需要組合篩選,而且家庭的特征不凸顯。

在設(shè)計時便可以強化家庭元素,以最早在診所就診的患者作為家庭卡的本人,在關(guān)系樹上依次拓展。為了讓頁面更干凈整潔,操作類的信息如關(guān)聯(lián)門診單、歷史信息、預(yù)約、短信放在hover區(qū)域展示。

比如退休人員老李,由于牙周炎,需要在診所預(yù)約4周的診療,費用在2萬左右。而她的老伴,她的姐姐,兄長都有這樣的看牙需求,都處于55-70年齡,也是看牙高峰期。如果患者單個消費,客單價高。但是如果用戶以看牙需求多,和診所方議價,對于連鎖診所來說,很難管理。由于普通員工無法去承接靈活性的議價。

而家庭管理便可以解決這樣的痛點。以家庭為單位消費,便可以享受家庭卡的打折優(yōu)惠。診所依托家庭管理,不僅可以解決經(jīng)營痛點,還能輻射更多用戶。

像這樣以卡片折疊、收起為特征,且內(nèi)部包含關(guān)系樹的,其實同樣也能應(yīng)用在診所科室管理、績效管理等界面,可復(fù)用性高。

家庭管理是以管理視角生成的篩選列表,而對于診所工作的醫(yī)生、護士、導(dǎo)診來說,如何查找信息才能快速直達呢?這就涉及到自定義篩選了。

2. 自定義篩選

例如內(nèi)科王醫(yī)生,想要查找近7日的內(nèi)科患者,就需要篩選“近7日”“內(nèi)科”“醫(yī)師名字”,同時篩選。如果這項操作特別高頻,此時將篩選條件個性化打組的方式,便可以實現(xiàn)高效篩選。自定義篩選條件,以樹狀形式展開,靈活性高,幾乎可以涵蓋所有列表區(qū)域。

自定義篩選

3. 時間篩選

再比如強時間屬性列表,例如日程、預(yù)約、排班等,便可以采用時間線或者看板的形式。

一般診所排班都會提前兩周,以周為單位,時間看板為載體,張主任在排班時便可以一目了然掌握所有醫(yī)生的網(wǎng)診和門診量。當(dāng)醫(yī)生由于突發(fā)事件需要請假無法接診時,張主任也可以通過hover接診卡片,實時看到患者的預(yù)約情況,如無預(yù)約,則準(zhǔn)予請假,如有預(yù)約,需要做好患者的解釋工作,以及做好其他醫(yī)生交班的準(zhǔn)備。

相比于常規(guī)列表,排班看板更方便張主任的可視化管理,操作便捷度也會更高。

排班頁

4. 角色篩選

再比如強用戶屬性列表。比如診所一共有7位醫(yī)生,從科室主任角度,想查看每個醫(yī)生下接診患者數(shù)、患者用戶滿意度,此時便可以將醫(yī)生作為主要屬性,展示每位醫(yī)生關(guān)聯(lián)下的患者列表。

二、以提煉信息為目的

如果以分析數(shù)據(jù)作為主要目的,那么便可以將列表與圖表結(jié)合。

比如銷售人員的業(yè)績表。作為診所管理者,需要評估診所營銷人員的業(yè)績考核。每位銷售有自己的考核目標(biāo),考核是否達標(biāo),或者超標(biāo)率有多少。如果光看列表,就很難在5秒之內(nèi)捕捉到所有信息。

以上文患者管理頁為例,如果以社區(qū)為單元進行管理,就會涉及到提煉信息。

診所會定期對社區(qū)進行義診,義診后診所的新增患者有沒有增加,義診為診所引流了多少,這是診所管理者關(guān)心的。此時就需要篩選:“社區(qū)”“日期”“初診”,組合篩選才能查看到所有的新增患者。

此時便可以引用統(tǒng)計卡片的形式,hover卡片展示更多社區(qū)患者數(shù)據(jù)詳情以及過往義診詳情。

社區(qū)管理-義診詳情

社區(qū)管理-患者總覽

診所院長通過社區(qū)管理列表,就可清晰看到不同社區(qū)每日新增患者數(shù)據(jù)和患者詳情。既獲得了數(shù)據(jù)總覽,又實現(xiàn)了查找單個患者訴求。

該列表形式適用于需要對列表進行提煉信息,轉(zhuǎn)化成可視化圖表的訴求,例如設(shè)備報警信息都可以采用該形式。當(dāng)然可視化圖表還可以用更多形式,例如運營活動列表和趨勢圖結(jié)合等。

總之,列表多樣性,是為滿足業(yè)務(wù)需求而生,因此在設(shè)計時,提高可復(fù)用性,多樣化列表組件,保持開發(fā)和設(shè)計語義一致,才能實現(xiàn)最終落地。以上是筆者在項目實戰(zhàn)中的個人經(jīng)驗,希望能幫助到大家。

為我投票

我在參加人人都是產(chǎn)品經(jīng)理2023年度評選,希望喜歡我的文章的朋友都能來支持我一下~

點擊下方鏈接進入我的個人參選頁面,點擊紅心即可為我投票。

每人每天最多可投30票,投票即可獲得抽獎機會,抽取書籍、人人都是產(chǎn)品經(jīng)理紀(jì)念周邊&起點課堂會員等好禮哦!

投票傳送門:https://996.pm/Y9aKA

專欄作家

灰研走B,微信公眾號:灰研走B,人人都是產(chǎn)品經(jīng)理專欄作家。專注于交互設(shè)計的新思路,新解法,為陪跑型SaaS企業(yè)提供項目實戰(zhàn)經(jīng)驗。

本文原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理,未經(jīng)許可,禁止轉(zhuǎn)載

題圖來自 Unsplash,基于 CC0 協(xié)議

該文觀點僅代表作者本人,人人都是產(chǎn)品經(jīng)理平臺僅提供信息存儲空間服務(wù)。

更多精彩內(nèi)容,請關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 這是什么平臺

    來自廣東 回復(fù)
  2. 這是什么平臺,可以分享下嗎謝謝了

    來自廣東 回復(fù)
  3. 球球了,這個是什么平臺的管理端,可以分享下嗎

    來自廣東 回復(fù)