高密需求,如何設計才能降低密度感?
作為高密度的產(chǎn)品,都是具備了流程復雜、鏈路長且角色多的相關內(nèi)容,對此,有沒有更好的辦法,能承載信息的同時,也能滿足簡潔和高效的操作需求呢?下面筆者通過這個問題展開分析,一起往下看筆者分析的內(nèi)容吧!
信息密度高的產(chǎn)品,往往流程復雜、鏈路長且角色多,我們熟悉的大型醫(yī)院的his系統(tǒng),便涉及到門診和住院,其中門診包含診療、檢查、檢驗、藥房、財務等,而住院涉及到手術排期、會診、術后關懷、理療康復等等內(nèi)容,模塊多、內(nèi)容復雜。
那么在設計時,是不是字號越小越好?當然字號變小有利于承載更多信息,例如證券類和期貨類平臺,字號都會比常規(guī)字號小一些。
還有沒有更好的辦法,能承載信息的同時,也能滿足簡潔和高效的操作需求呢?
一、需要設計清晰且能做喚起的交互鏈路
什么是“喚起”,也就是我們常說的:需要時顯示,不需要時隱藏。在設計鏈路時,盡可能減少信息的鋪陳,便于讓用于快速有效查找。
舉個例子,比如在創(chuàng)建隨訪任務時,大部分的做法是呼出彈窗,將所有任務的時間、地點、內(nèi)容、涉及人員、任務截止時間等,填寫完畢后,隨訪任務才能創(chuàng)建成功。同時,部分患者還會在三天后、七天后再次隨訪,在錄入時,還需要創(chuàng)建自動隨訪提醒,當首次隨訪任務結(jié)束后,會自動在指定日期提醒。
從創(chuàng)建任務的流程中,會發(fā)現(xiàn),一共需要錄入至少6項信息,而這是一個比較容易理解的概念:醫(yī)護隨訪。
簡單可理解的概念可以采用如上形式。
但是如果涉及到概念比較復雜,例如需要后臺創(chuàng)建一個豆粕期貨交易規(guī)則,本身概念對于一般用戶來說有一定理解門檻,而用戶需要在理解的基礎上,完成操作。
因此界面設計上,需要拆解成:
- 完成創(chuàng)建
- 做好解釋
此時不妨將整體信息按步驟拆解。
例如,在頁面創(chuàng)建時,不需要呼出彈窗,而是點擊“創(chuàng)建”,便可以“原位”創(chuàng)建,名字輸入完成即完成了第一步創(chuàng)建。同時在創(chuàng)建時,展示“豆粕交易”的可視化界面解釋,便于理解。
接下來的配置項信息可以用左側(cè)創(chuàng)建視角,右側(cè)模板視圖的形式,從右側(cè)模板視圖中拖拽需要的配置項,到左側(cè)創(chuàng)建,所有信息填寫完整后,就完成了所有步驟的創(chuàng)建。
同時,在對配置字段拖拽時,也會對字段做相應解釋。
而后臺認為真正的創(chuàng)建成功,是基于所有必填字段都填寫完整且無誤的前提下,并不是輸入名字就創(chuàng)建成功。這樣設計的便利之處在于:一方面幫助類引導在需要時喚起,提高可讀性。比起將大塊文字放在幫助面板中,更便于用戶理解。
另一方面,很多復雜規(guī)則的創(chuàng)建如果第一步就使用彈窗的形式,第二步、第三步都會不可避免地彈窗加彈窗的形式,如若需要返回上一步驟,信息的瀏覽、查找的障礙都會增加。
二、在清晰的交互鏈路之上,用各類交互形態(tài)去折疊和展示更多信息
以下將從原子組件的角度拆解,如何利用組件最大化承載信息。比如智能診斷面板設計,通常只會在醫(yī)生輸入患者主訴后,顯示智能診斷面板。有默認寬度,也會設計折疊寬度,方便醫(yī)生最大化利用處方界面。
再比如按鈕和Tab可以融合。比如對話框中有待辦任務和最新任務時,常規(guī)做法是:點擊按鈕,彈出彈窗,配置完成后,返回原頁面。從體感上,操作中斷性強。不如試試這樣,將Tab和下拉框融合,可以在下拉框中直接展示任務列表,標注完成即可。特別適合操作項多,需要不停在彈窗之間來回切換的場景。
這樣設計使用戶在操作上感受不明顯,整套流程下來,會對產(chǎn)品體驗有較強的信心。
三、利用活動窗口,將有效信息折疊
活動窗口常用于幫助引導,在幫助引導有較多內(nèi)容時,可以放在活動窗口中,可以放大、縮小和最小化。當然除了幫助引導之外,也可以用在其他窗口,比如在操作列表時,如果需要一邊看列表信息一邊操作的,常用窗口無法滿足需要。
例如常見的看板類操作,當在看板上創(chuàng)建預約時,也需要查看原有看板的信息,活動窗口便可以解決這一痛點。
總之,無論是設計“喚起”鏈路,還是用各類交互形態(tài)、活動窗口去折疊信息,我們的核心訴求是希望將界面利用最大化。讓用戶在不被打斷的場景下專注操作,如何在不彈彈窗或者僅彈一次彈窗下,完成一些復雜鏈路的操作。
以上是筆者在項目中的實戰(zhàn)經(jīng)驗,希望能幫助到大家。
為我投票
我在參加人人都是產(chǎn)品經(jīng)理2023年度評選,希望喜歡我的文章的朋友都能來支持我一下~
點擊下方鏈接進入我的個人參選頁面,點擊紅心即可為我投票。
每人每天最多可投30票,投票即可獲得抽獎機會,抽取書籍、人人都是產(chǎn)品經(jīng)理紀念周邊&起點課堂會員等好禮哦!
投票傳送門:https://996.pm/Y9aKA
專欄作家
灰研走B,微信公眾號:灰研走B,人人都是產(chǎn)品經(jīng)理專欄作家。專注于交互設計的新思路,新解法,為陪跑型SaaS企業(yè)提供項目實戰(zhàn)經(jīng)驗。
本文原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理,未經(jīng)許可,禁止轉(zhuǎn)載
題圖來自 Unsplash,基于 CC0 協(xié)議
該文觀點僅代表作者本人,人人都是產(chǎn)品經(jīng)理平臺僅提供信息存儲空間服務。
- 目前還沒評論,等你發(fā)揮!