作為高密度的產(chǎn)品，都是具備了流程復(fù)雜、鏈路長(zhǎng)且角色多的相關(guān)內(nèi)容，對(duì)此，有沒有更好的辦法，能承載信息的同時(shí)，也能滿足簡(jiǎn)潔和高效的操作需求呢？下面筆者通過(guò)這個(gè)問題展開分析，一起往下看筆者分析的內(nèi)容吧！

信息密度高的產(chǎn)品，往往流程復(fù)雜、鏈路長(zhǎng)且角色多，我們熟悉的大型醫(yī)院的his系統(tǒng)，便涉及到門診和住院，其中門診包含診療、檢查、檢驗(yàn)、藥房、財(cái)務(wù)等，而住院涉及到手術(shù)排期、會(huì)診、術(shù)后關(guān)懷、理療康復(fù)等等內(nèi)容，模塊多、內(nèi)容復(fù)雜。

那么在設(shè)計(jì)時(shí)，是不是字號(hào)越小越好？當(dāng)然字號(hào)變小有利于承載更多信息，例如證券類和期貨類平臺(tái)，字號(hào)都會(huì)比常規(guī)字號(hào)小一些。

還有沒有更好的辦法，能承載信息的同時(shí)，也能滿足簡(jiǎn)潔和高效的操作需求呢？

一、需要設(shè)計(jì)清晰且能做喚起的交互鏈路

什么是“喚起”，也就是我們常說(shuō)的：需要時(shí)顯示，不需要時(shí)隱藏。在設(shè)計(jì)鏈路時(shí)，盡可能減少信息的鋪陳，便于讓用于快速有效查找。

舉個(gè)例子，比如在創(chuàng)建隨訪任務(wù)時(shí)，大部分的做法是呼出彈窗，將所有任務(wù)的時(shí)間、地點(diǎn)、內(nèi)容、涉及人員、任務(wù)截止時(shí)間等，填寫完畢后，隨訪任務(wù)才能創(chuàng)建成功。同時(shí)，部分患者還會(huì)在三天后、七天后再次隨訪，在錄入時(shí)，還需要?jiǎng)?chuàng)建自動(dòng)隨訪提醒，當(dāng)首次隨訪任務(wù)結(jié)束后，會(huì)自動(dòng)在指定日期提醒。

從創(chuàng)建任務(wù)的流程中，會(huì)發(fā)現(xiàn)，一共需要錄入至少6項(xiàng)信息，而這是一個(gè)比較容易理解的概念：醫(yī)護(hù)隨訪。

簡(jiǎn)單可理解的概念可以采用如上形式。

但是如果涉及到概念比較復(fù)雜，例如需要后臺(tái)創(chuàng)建一個(gè)豆粕期貨交易規(guī)則，本身概念對(duì)于一般用戶來(lái)說(shuō)有一定理解門檻，而用戶需要在理解的基礎(chǔ)上，完成操作。

因此界面設(shè)計(jì)上，需要拆解成：

• 完成創(chuàng)建
• 做好解釋

此時(shí)不妨將整體信息按步驟拆解。

例如，在頁(yè)面創(chuàng)建時(shí)，不需要呼出彈窗，而是點(diǎn)擊“創(chuàng)建”，便可以“原位”創(chuàng)建，名字輸入完成即完成了第一步創(chuàng)建。同時(shí)在創(chuàng)建時(shí)，展示“豆粕交易”的可視化界面解釋，便于理解。

接下來(lái)的配置項(xiàng)信息可以用左側(cè)創(chuàng)建視角，右側(cè)模板視圖的形式，從右側(cè)模板視圖中拖拽需要的配置項(xiàng)，到左側(cè)創(chuàng)建，所有信息填寫完整后，就完成了所有步驟的創(chuàng)建。

同時(shí)，在對(duì)配置字段拖拽時(shí)，也會(huì)對(duì)字段做相應(yīng)解釋。

而后臺(tái)認(rèn)為真正的創(chuàng)建成功，是基于所有必填字段都填寫完整且無(wú)誤的前提下，并不是輸入名字就創(chuàng)建成功。這樣設(shè)計(jì)的便利之處在于：一方面幫助類引導(dǎo)在需要時(shí)喚起，提高可讀性。比起將大塊文字放在幫助面板中，更便于用戶理解。

另一方面，很多復(fù)雜規(guī)則的創(chuàng)建如果第一步就使用彈窗的形式，第二步、第三步都會(huì)不可避免地彈窗加彈窗的形式，如若需要返回上一步驟，信息的瀏覽、查找的障礙都會(huì)增加。

二、在清晰的交互鏈路之上，用各類交互形態(tài)去折疊和展示更多信息

以下將從原子組件的角度拆解，如何利用組件最大化承載信息。比如智能診斷面板設(shè)計(jì)，通常只會(huì)在醫(yī)生輸入患者主訴后，顯示智能診斷面板。有默認(rèn)寬度，也會(huì)設(shè)計(jì)折疊寬度，方便醫(yī)生最大化利用處方界面。

再比如按鈕和Tab可以融合。比如對(duì)話框中有待辦任務(wù)和最新任務(wù)時(shí)，常規(guī)做法是：點(diǎn)擊按鈕，彈出彈窗，配置完成后，返回原頁(yè)面。從體感上，操作中斷性強(qiáng)。不如試試這樣，將Tab和下拉框融合，可以在下拉框中直接展示任務(wù)列表，標(biāo)注完成即可。特別適合操作項(xiàng)多，需要不停在彈窗之間來(lái)回切換的場(chǎng)景。

這樣設(shè)計(jì)使用戶在操作上感受不明顯，整套流程下來(lái)，會(huì)對(duì)產(chǎn)品體驗(yàn)有較強(qiáng)的信心。

三、利用活動(dòng)窗口，將有效信息折疊

活動(dòng)窗口常用于幫助引導(dǎo)，在幫助引導(dǎo)有較多內(nèi)容時(shí)，可以放在活動(dòng)窗口中，可以放大、縮小和最小化。當(dāng)然除了幫助引導(dǎo)之外，也可以用在其他窗口，比如在操作列表時(shí)，如果需要一邊看列表信息一邊操作的，常用窗口無(wú)法滿足需要。

例如常見的看板類操作，當(dāng)在看板上創(chuàng)建預(yù)約時(shí)，也需要查看原有看板的信息，活動(dòng)窗口便可以解決這一痛點(diǎn)。

總之，無(wú)論是設(shè)計(jì)“喚起”鏈路，還是用各類交互形態(tài)、活動(dòng)窗口去折疊信息，我們的核心訴求是希望將界面利用最大化。讓用戶在不被打斷的場(chǎng)景下專注操作，如何在不彈彈窗或者僅彈一次彈窗下，完成一些復(fù)雜鏈路的操作。

以上是筆者在項(xiàng)目中的實(shí)戰(zhàn)經(jīng)驗(yàn)，希望能幫助到大家。

為我投票

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

點(diǎn)擊下方鏈接進(jìn)入我的個(gè)人參選頁(yè)面，點(diǎn)擊紅心即可為我投票。

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

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