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