您是否已經(jīng)創(chuàng)建了一個 Tableau 儀表板擴(kuò)展？

太棒了！

但是您是通過什么與用戶進(jìn)行交互的？它容易使用嗎？它美觀且有效嗎？

本文將告訴您如何讓儀表板擴(kuò)展為用戶提供友好的體驗！如果您剛剛開始構(gòu)建儀表板擴(kuò)展，可查看下方鏈接學(xué)習(xí)更多相關(guān)知識。

來源 | Tableau社區(qū)

通過您的儀表板擴(kuò)展提供出色的用戶體驗

在您的儀表板擴(kuò)展運行后，確保它有很好的可用性是非常重要的一點。這將增加您儀表板擴(kuò)展的價值，并讓人們一次又一次地使用它。

您可以將以下注意事項作為一個清單：

1

擁有簡單的控件和用戶界面模式（UI）。

您儀表板擴(kuò)展中的內(nèi)容應(yīng)該清楚地向用戶表明如何與其進(jìn)行交互。例如，對話不應(yīng)該包含不相關(guān)或不必要的信息。您添加的任何額外信息都可能會給用戶帶來困惑。

確保您的設(shè)計易于學(xué)習(xí)和使用非常重要。這就是UI模式派上用場的地方，因為它們來自UI設(shè)計中的最佳實踐，它們是常見問題的可重用解決方案。

2

提供適當(dāng)?shù)姆答伜湾e誤消息。

您的儀表板擴(kuò)展應(yīng)始終保證用戶能及時了解實際情況。例如，如果您的儀表板擴(kuò)展所在的區(qū)域正在加載，并且它花費了比平時更長的時間，我們可以使用一個活動指標(biāo)幫助用戶了解正在發(fā)生的事情。

否則，用戶可能想知道系統(tǒng)是否正在執(zhí)行任何操作或是否存在錯誤。如果出現(xiàn)錯誤，我們應(yīng)用簡單的語言表達(dá)消息并描述問題，并提供如何修復(fù)錯誤的建議。

3

確保儀表板擴(kuò)展布局的響應(yīng)性。

確保儀表板擴(kuò)展的容器內(nèi)容和控件以正確的大小顯示。用戶可以手動調(diào)整容器的大小，因此請確保使用常見的響應(yīng)式 Web 設(shè)計實踐，例如斷點和基于百分比的寬度。

閱讀更多有關(guān)布局指南的信息，以確保您的樣式與圖庫中的其他擴(kuò)展保持一致。

4

用最少的設(shè)計使您的擴(kuò)展更美觀。

有目的和清晰地使用顏色是很重要的。請最低限度地使用它，僅突出顯示儀表板擴(kuò)展中的功能。使用有效的顏色將向用戶傳達(dá)重要的內(nèi)容。

您可以查看 Tableau 的標(biāo)準(zhǔn)顏色系統(tǒng)，以用于您的儀表板擴(kuò)展。

至于字體和排版，這里應(yīng)該有一個明確的內(nèi)容層次結(jié)構(gòu)，通過使用不同的字體大小，顏色和間距來區(qū)分。通過這種方式，我們可以引導(dǎo)用戶首先去查看或點擊哪些內(nèi)容。

您可以使用 Tableau 的樣式指南使您的儀表板擴(kuò)展看起來像 Tableau，但是您可能希望將儀表板擴(kuò)展進(jìn)行標(biāo)記以將其區(qū)分。這里是有關(guān)如何有效標(biāo)記儀表板擴(kuò)展的指南。

5

鏈接到幫助和文檔。

對于設(shè)置或使用更復(fù)雜的儀表板擴(kuò)展，為用戶提供獲取額外的幫助是一個加分項。另外，它還可以為用戶提供了解您或您公司的更多信息。

6

最后，在共享之前進(jìn)行一些可用性測試。

對不熟悉您儀表板擴(kuò)展的人進(jìn)行一些快速測試。觀察他們?nèi)绾问褂媚?a href='/map/yibiaoban/' style='color:#000;font-size:inherit;'>儀表板擴(kuò)展以及他們是否遇到任何問題。但也要注意這個人與某些東西的交互方式是否與您預(yù)期的方式不同，并注意他被困在哪里。這可以在很短的時間內(nèi)揭示您儀表板擴(kuò)展的可用性。

設(shè)計很重要，但這經(jīng)常被開發(fā)人員遺漏?；〞r間設(shè)計將使您能夠建立真正優(yōu)秀的用戶體驗，并讓客戶愛上您的儀表板擴(kuò)展。現(xiàn)在有了以上這些指導(dǎo)方針，希望給您一些有用的提示！