怎么更好練習數位板_如何設計更好的儀表板

怎么更好練習數位板

重點 (Top highlight)

Dashboard noun \?dash-?b?rd\ A screen on the front of a usually horse-drawn vehicle to intercept water, mud, or snow.

儀表盤 名詞\ ?dash-?b?rd \\通常在馬拉的車輛前部的屏幕,用來攔截水,泥或雪。

Wait, no. Start over.

等一下 重來。

Part of a digital product’s architecture is the arrangement of content in order of natural hierarchy, possibly manifested as a flow through the simplest/shortest possible path as seen from the perspective of the person using your product, ideally requiring as little preexisting knowledge as possible so they can hit their goals just by knowing what they want or need.

數字產品體系結構的一部分是按照自然層次結構的順序排列內容,這可能表現為通過最簡單/最短路徑的流動,從使用您產品的人的角度來看,理想情況下需要盡可能少的現有知識,因此他們只要知道自己想要的或需要的東西就可以實現自己的目標。

Dashboards are some means to that end.

為此,儀表板是一些方法。

If you’ve ever tried to use something and thought, “where am I supposed to go next?” you are encountering an issue with architecture. — IA Institute

如果您曾經嘗試過使用某些東西并想過,“我下一步應該去哪里?” 您遇到架構問題。 — IA學院

Simply put, effective dashboards are layouts that make relevant key information accessible, provide comparable metrics or show trends over time, and are actionable.

簡而言之,有效的儀表板是一種布局,可以訪問相關的關鍵信息,提供可比較的指標或顯示一段時間內的趨勢,并且是可行的。

For this to happen, information needs to be easy to scan; through establishing prominent visual anchors.

為此,信息必須易于掃描。 通過建立突出的視覺錨點。

People are (in my experience) visually-based for the most part, colors deeply affect our initial emotional responses to the extent that hinders usability testing and may undermine prototypes in certain scenarios. We are easily distracted by clutter, and possibly intimidated if not cognitively overloaded by variety of options.

根據我的經驗,人們在很大程度上是基于視覺的, 顏色會嚴重影響我們最初的情感React ,從而影響可用性測試并可能在某些情況下破壞原型。 我們很容易因混亂而分心,甚至可能由于各種選擇而無法在認知上超負荷地被嚇倒。

Gradual shifts between data, information, and actionable knowledge and how they’re perceived.

Which brings us to the first advice, adopt (drum roll)…

這給我們帶來了第一條建議,采用了(鼓卷)…

極簡主義 (Minimalism)

A good designer finds an elegant way to put everything you [want] on a page. A great designer convinces you half that shit is unnecessary. — Mike Monteiro

優秀的設計師會找到一種優雅的方法來將您想要的所有內容放在頁面上。 優秀的設計師可以說服您一半,這是沒有必要的。 - 邁克·蒙泰羅(Mike Monteiro)

Easier said than done. Trust me I fucked that up several times.

說起來容易做起來難。 相信我,我搞砸了好幾次。

But my saving grace was (and always will be) an obsession with the people, and constantly pursuing ways to research the heck out of their pain points and desires even if my work seemed sound and leagues ahead of traditional competition, the one thing to realize is, the most critical competitor in literally any line of business is what those people want and need to grow. That’s called people or customer centric, most companies today are competitor centric.

但是我的救贖恩典是(并且永遠是)對人民的癡迷,并且即使我的工作聽起來不錯,并且在傳統競爭之前就已經走了聯盟,我仍然不斷地尋求方法來研究他們的痛處和欲望。是,實際上,在任何業務領域中,最關鍵的競爭對手就是那些人們想要和需要成長的東西。 這就是所謂的以人或客戶為中心,當今大多數公司都是以競爭對手為中心。

To achieve a minimalist design from research interviews, be a good listener, a moderator of the conversation, and let your guests set the pace, do not lead and definitely pay attention to how you phrase your questions, and rest assured that silence is your best friend and most powerful ally, let them take their time in describing their needs, they will pause to formulate and collect their thoughts. It’s a stream, if you cut it off, you’ll miss out, simple as that.

為了從研究訪談中獲得簡約的設計,請成為一個好的傾聽者,作為對話的主持人,并讓您的客人確定步調,不要領導并且一定要注意問題的表達方式, 并確保沉默是最好的選擇朋友和最強大的盟友 ,讓他們花些時間描述自己的需求,他們會停下來制定和收集自己的想法。 這是一條小溪,如果您將其切斷,就會錯過,就這么簡單。

If you take their insights to heart, fast forward several iterations and usability tests, then voila! You might have a powerful minimalist design on your hands.

如果您牢記他們的見解,快速進行幾次迭代和可用性測試,那就瞧瞧! 您可能手上有一個強大的極簡設計。

A side note, try experimenting with parallel processes, do not be afraid of drafting bare metal solutions based on common logical considerations, or hack out design prototypes based on strategic preliminary requirements to put through initial stress testing while you wait for the research sprint to kick off, particularly if research is blocked by whatever bureaucratic limitations stemming from budgeting or staffing capacity, or feel stuck on what questions you need to ask.

附帶說明,嘗試并行處理,不要害怕基于共同的邏輯考慮起草裸機解決方案,或者在等待研究沖刺啟動時根據戰略初步要求破解設計原型以進行初始壓力測試尤其是如果研究因預算或人員配備所造成的官僚限制而受阻,或者感到困擾于您需要提出的問題。

Our mistakes can at the very least tell us which way not to go. And that’s tremendous. Who knows, maybe one of those mistakes can hint at a completely new feature down the line.

我們的錯誤至少可以告訴我們不走哪條路。 那是巨大的。 誰知道,也許那些錯誤之一可能暗示著一種全新的功能。

If you’re not stubborn, you’ll give up on experiments too soon, and if you’re not flexible, you’ll pound your head against the wall, and you won’t see a different solution to a problem you’re trying to solve. —Jeff Bezos

如果您不固執,您會過早放棄實驗;如果您不靈活,則會將頭撞在墻上,并且不會看到解決問題的其他方法試圖解決。 杰夫·貝佐斯(Jeff Bezos)

了解訪問控制 (Understand access controls)

Which is a fancy way to say allow customization based on access privileges or personal preferences. An adaptive modular model for information architecture and UI may be one way to sort this out.

這是說允許根據訪問權限或個人喜好進行自定義的一種好方法。 信息體系結構和UI的自適應模塊化模型可能是解決這種問題的一種方法。

What’s an adaptive modular model? It’s a design that won’t break by selectively displaying content and will adapt to people’s needs based on their access privileges in a system.

什么是自適應模塊化模型? 這種設計不會因選擇性地顯示內容而中斷,并會根據人們在系統中的訪問權限來適應人們的需求。

In English, the dashboards of a business owner, manager, and lower level contributors do not, and should not, look identical, yet they must inherit the same DNA.

用英語來說,企業所有者,經理和下級貢獻者的儀表板看起來不相同,也不應看起來相同,但它們必須繼承相同的DNA。

For instance, business owners may not be comfortable with their lower level contributors and certain managers viewing revenue and pricing information, so you’d want to be mindful that your dashboard, or any screen design you’re releasing in general, caters to such non-functional concerns.

例如,企業主可能對他們的下層貢獻者和某些查看收入和定價信息的經理不滿意,因此您要注意,您的儀表板或您通常發布的任何屏幕設計均會滿足此類要求。功能關注。

增強主動性和快速React性 (Empower proactivity and swift reactivity)

Arguably, this one is more of a byproduct derived from considering the aforementioned points and may require developing robust communication frameworks that go well beyond delivering notifications and alerts.

可以說,這更多是考慮到上述要點而產生的副產品,并且可能需要開發強大的通信框架,而這些框架遠遠超出了傳遞通知和警報的范圍。

Say you’re creating a platform used by service providers to deploy and manage a fleet of business continuity and backup devices, in this example you will need to be transparent about available capacity and expiring warranty agreements so your people can factor these costs into their annual budgets and business proposals. That’s one example of proactivity.

假設您正在創建服務提供商用來部署和管理業務連續性和備份設備的平臺,在此示例中,您將需要對可用容量和到期的保修協議保持透明,以便您的員工可以將這些成本計入其年度費用中預算和業務建議。 那是主動性的一個例子。

Swift reactivity, is in addition to clearly communicating what may have gone wrong, your design should also provide actions to initiate a troubleshooting procedure including help resources.

快速React性,除了清楚地傳達可能出了什么問題之外,您的設計還應該提供操作以啟動故障排除過程,包括幫助資源。

This point is also closely related to the commonly overlooked principle of Visibility of System Status.

這一點也與通常被忽略的系統狀態可見性原理密切相關。

At its essence, it is about communication and transparency, which are critical to many aspects of life. People strive for predictability and control, and, in most cases, [accurate] information translates to better decision making. — NN/g

從本質上講,它與溝通和透明度有關,這對于生活的許多方面都是至關重要的。 人們追求可預測性和可控制性,并且在大多數情況下,[準確的]信息可以轉化為更好的決策。 — NN /克

La fin.

拉芬。

翻譯自: https://uxdesign.cc/dashboards-1e40ac3cb5d5

怎么更好練習數位板

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/news/274347.shtml
繁體地址,請注明出處:http://hk.pswp.cn/news/274347.shtml
英文地址,請注明出處:http://en.pswp.cn/news/274347.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

學習正則表達式

deerchao的blog Be and aware of who you are. 正則表達式30分鐘入門教程 來園子之前寫的一篇正則表達式教程,部分翻譯自codeproject的The 30 Minute Regex Tutorial。 由于評論里有過長的URL,所以本頁排版比較混亂,推薦你到原處查看,看完了如果有問題,再到這里來提…

人物肖像速寫_去哪兒? 優步肖像之旅

人物肖像速寫In early 2018, the Uber brand team started a rebranding exercise, exploring a fresh take on what it means to be a global transportation and technology company. A new logo was developed in tandem with a bespoke sans-serif typeface called Uber Mo…

js獲取和設置屬性

function square(num){ var total num*num;//局部變量 return total;}var total 50;//全局變量var number square(20);alert(total);//結果為50function square(num){ total num*num;//全局變量 return total;}var total 50;//全局變量var number square(20)…

hp-ux鎖定用戶密碼_我們如何簡化925移動應用程序的用戶入門— UX案例研究

hp-ux鎖定用戶密碼Prologue: While this is fundamentally a showcase of our process in the hopes of helping others, it’s also a story about the realism of limitations when working with clients and how we ultimately were able to deliver a product the client w…

微信公眾號無需二次登錄_您無需兩次解決問題-您需要一個設計系統

微信公眾號無需二次登錄重點 (Top highlight)The design system concept can be differently defined according to each person’s background. Designers may say that a design system is a style guide while developers may say it is UI standards, or specs, or even as…

android中AsyncTask和Handler對比

1 ) AsyncTask實現的原理,和適用的優缺點 AsyncTask,是android提供的輕量級的異步類,可以直接繼承AsyncTask,在類中實現異步操作,并提供接口反饋當前異步執行的程度(可以通過接口實現UI進度更新),最后反饋執行的結果給UI主線程. 使用的優點: l 簡單,快捷 l 過程可…

視覺工程師面試指南_選擇正確視覺效果的終極指南

視覺工程師面試指南When it comes to effective data visualization, the very first and also the most critical step is to select the right graph/visual for the data that you want to present. With a wide range of visualization software that is available offerin…

在 Linux 下使用 水星MW150cus (RTL8188CUS芯片)無線網卡

Fedora (如果你不使用 PAE 內核,請去掉 PAE 字樣):yum install gcc kernel-PAE kernel-PAE-devel kernel-headers dkms Ubuntu: apt-get install make gcc linux-kernel-devel linux-headers-uname -r安裝原生驅動 注意:由于在 Li…

問題反饋模板_使用此模板可獲得更好,更有價值的UX反饋

問題反饋模板Feedback is an important part of UX design. To improve the work you do you need to be able to give and receive feedback. Receiving valuable feedback is for a very large part up to you.反饋是UX設計的重要組成部分。 為了改進您的工作,您需…

【轉載】Android Animation 簡介(官方文檔翻譯) ---- 翻譯的很好!

http://vaero.blog.51cto.com/4350852/849783轉載于:https://www.cnblogs.com/DonkeyTomy/articles/2945687.html

ubuntu 如何轉換 ppk ,連接 amazon ec2

轉 自 :http://www.ehow.com/how_8658327_convert-ppk-ssh-ubuntu.html1 Open a terminal window in Ubuntu, or log in if you are converting the keys on a remote Ubuntu server. 2 Type "sudo apt-get install putty-tools" at the terminal prompt …

iofd:文件描述符_文字很重要:談論設計時18個有意義的描述符

iofd:文件描述符As designers, many of us think we’re just visual creatures. But creating visuals is only half of the job. The other half is verbal communication — actually talking about design. Whether we’re showcasing our own work, giving or receiving c…

保護程序猿滴眼睛-----修改VS 2008 編輯器顏色 (修改 chrome瀏覽器的背景色)

前幾天更改了 chrome 的背景色后,雖然有些地方看起來不和諧,想百度的首頁,顯示出了大快的圖片區域,但是,整體感覺這個顏色設置真的對眼睛有一定保護作用。。。 所以,再順便修改一下 經常用的 vs2008 編輯器…

數據可視化 信息可視化_可視化哲學的黎明

數據可視化 信息可視化Note: this is the foreword of the book Data Visualization in Society (Amsterdam University Press, 2020)注意:這是《 社會中的數據可視化 》一書的前言 (阿姆斯特丹大學出版社,2020年) Geographer John Pickles once wrote …

HTTP 錯誤 404.2 - Not Found 由于 Web 服務器上的“ISAPI 和 CGI 限制”列表設置,無法提供您請求的頁面...

詳細錯誤:HTTP 錯誤 404.2 - Not Found. 由于 Web 服務器上的“ISAPI 和 CGI 限制”列表設置,無法提供您請求的頁面. 出現環境:win7 IIS7.0 解決辦法:IIS的根節點->右側“ISAPI和CGI限制”->把禁止的DotNet版本項設置為允許…

重口味動漫_每種口味的圖標樣式

重口味動漫The icons are, without a doubt, one of the most used graphic elements today in the interface design of digital products. And to make this statement with some degree of certainty, we do not even need a very robust statistical analysis. Just rememb…

JSP入門

一、什么是JSP? JSP(Java Server Pages)是由Sun Microsystems公司倡導、許多公司參與一起建立的一種動態網頁技術標準。JSP技術有點類似ASP技術,它是在傳統的網頁HTML文件(*.htm,*.html)中插入Java程序段(Scriptlet)和JSP標記(tag)&#xff0…

初學c++

看了兩章不到。。隨意記錄下。 #include<iostream> #include<string> using std::cout; using std::endl; double calculation(double a,double b,char op) {switch(op){case : return ab;case -:return a-b;case *:return a*b;case /:return a/b;}}double num0;do…

從頭開始vue創建項目_我正在以設計師的身份開始一個被動的收入項目。 從頭開始。...

從頭開始vue創建項目Do you ever read an article on Medium (or elsewhere) about passive income, side projects and big money making blogs? When I read such an article it looks like it is easy to do yourself if you just put in the work. To see if that is the …

Exaple2_1(顯示轉換)

public class Example2_1{ public static void main(String arg[]){ char ca; System.out.println(""c"unicode:"(int)c); System.out.println(":"); for(int i(int)c;i<c25;i){ System.out.println(""(char)i); } }}轉載于…