strangedeのブログ -21ページ目

strangedeのブログ

ブログの説明を入力します。

'Dashboard', 'big data', 'data visualization', 'Data Analysis' - more and more people and businesses, began to use their data to Air Jordan Outlet do some interesting things. In my career, have the opportunity to participate in a large number of data as the most important interface design, I want to share some perspective on this, to talk about how to create such a special and meaningful products. A lot of people have discussed this issue, I will focus on the creative process of the most influential part. 1. The user is different, different data at any time to design a complex system, are inevitable for the many users and roles design. CEO, Mens Nike Free 3.0 Wool Skin Shoes Grey Navy managers and analysts are a few common characters, each with their own workflow and data requirements. Defined roles, have different perspectives, which in itself is an art. I will not explain in detail. If you are interested, please see Cooper of this useful article. About the role, it is important to determine in advance the good around them to organize information structure and wireframes. Here is the 554988 316 Nike Zoom KD V Jade Pink White Sale final product of the year we do a health report applications. The system has a different user groups, they each require different data management. After you create a key role, and we will put them next to each review. Note that those roles on the drawing board. Our customers have accepted this approach. Showcase their works in front of a roomful of customers is hard. Whether it is in the interpretation of wireframes, flowcharts, or to discuss the visual design, it is difficult for everyone to keep up with your ideas. Through role to organize the work, it will prevent you (and customers) beside the point in these discussions. 2. Make the Nike Free 3.0 V4 page model for many years I used a trick is to produce page model. Core point is very simple: NIKE KD 6 NSW First, the user is presented they need, and then the rest of the information page story or information based on the user level, structured process. The concept model making page, it is writing prose (and many other forms of communication) is a core principle, and I wrote a book on it after well aware. Over the years, I spent Nike Free 3.0 V4 Women a lot of time in the book 'style: clear and elegant basic elements' on. In addition to writing it as a great reference, but also clearly illustrate this point: If you start to distraction, then the user is not only difficult to distinguish what each element is, it is difficult to focus on the entire process. This is a user experience design guidelines to keep in mind. Here are two common ways of making the page model. To the drawing Mens Nike Free 3.0 Wool Skin Shoes Grey Yellow board to create some kind of structure. Ask yourself - how to use this information to tell the story? I see a lot on behance and dribbble Illustrated dashboards and data 579765-700 Sonic Yellow / Sail - Cool Grey - Tour Yellow Nike Air Max LeBron 10 Low Sonic Yellow Online items (visual) design is very beautiful, but often bewildering, forgettable. They are either various chart components to a lack of hierarchy arranged in cascade, or excessive visual design, not suitable for the data. On the left is a dazzling display of pictorial data. Right example is distracting ornament, unnoticed data. In the above figure (left), the data the way the console panel to present information ...... quite oppressive. To avoid that, we tried to organize the information in dealing with such interface, so that people feel like reading a magazine article. Not to say that control desktop interface will become useless ...... I personally willing to design like that. But in most cases, there is no time to see all the information necessary. The most crucial point - avoid creating very little knowledge of the graphics. Model information for the page, the first key information presented to the user, and then the support content. 3. Select the correct pattern in terms of aesthetics, there are a lot of (too much) design are misused chart. Worst of all - the 'bad habit' seems to have multiplied. Everywhere should be an area chart pie chart, as well as this should be a graph histogram. Let us work together to stop these design ...... these tips will help you correct treatment of data: raw data began unprocessed data table is also unattractive. But it is the best starting point. It helps you start thinking about what the data variables are available, and how the data associated with these variables. Monotonic characteristics of the original data, will help you to think about the system associated with a variety of variables. In addition to starting with a blank data ranks, waiting for inspiration suddenly enters your consciousness. You Nike Jordan Hydro 2 can also be more active, to help you reveal interesting associations through the following great resources,: Charted --Medium developed Nike Air Max an automated data visualization tools. By Google Sheets, Illustrator and Sketch design better chart. Tableau-- This tool is best, but quite expensive. Throughout the process, this part is not a panacea. Do not be fearful depth study data, trying to mix and match different variables to create basic charts. It takes time, but it is worth it. I think some wonderful ideas come from these raw data files patchwork. Handling discrete data and continuous data took me a long time to realize it, some more than others to express your chart data. In the creation of very easy to fall into such a situation, choose a nice chart, and then expect it to play a role. I Nike Free 3.0 V4 Women often do that (I like scatterplot), and felt guilty. Some graphics better than others, depending on the type of data you are dealing with. Select one of the appropriate method of chart, it is to assess the data in your hands. There are two main data: Discrete data - values ​​can be clearly counted. For example, the number of goals or points like Facebook. Histogram most suitable for the performance of discrete data continuous data - any range of values. For example, rainfall season, or a person's height and weight. Most suitable for the performance graph of continuous data simply, the most suitable for the performance graph of continuous data, histogram most suitable for the performance of discrete data. A resource Dona Wong's 'Wall Street Journal: Information Chart Guidelines' which helped me concise essence. I wish I had this book a few years ago. It is this invaluable reference book to help you choose the right chart, show information to clarify the Code of Conduct. http://www.amazon.com/Street-Journal-Guide-Information-Graphics/dp/03933472814. basic or customized graphics Finally, these massive data systems as a designer, you have repeatedly asked myself, 'I should ?? choose unconventional ways to customize design or the use of proven chart to show information 'recently from 37 Signals inadvertently read this article - just three kinds of charts enough. On a strongly expressed views, graphical 'effectiveness' than its visual characteristics. I very much agree with the text in this view. However, I think his views represent the perspective of an extreme pragmatism. I believe custom graphics often can enhance ease of use of the data, while unique style fascinating. Basic histogram examples for me, there is 'one size prevailing,' the chart, there are 'applicable to the optimal size' of the chart. Tables, graphs and histograms on the good that can accommodate various types of data, but they are also very common (one size pass). As a professional designer, I hope that my work on the look and feel is unique and useful. For example, The New York Times did well through customized interactive graphics to add luster to their articles. You can see more of their work here. Let's look at some of the perfect custom chart Case: This case has been adjusted to a graph, allowing people to 'see the' Basic data of those support chart. http://www.nytimes.com/interactive/2013/03/29/sports/baseball/Strikeouts-Are-Still-Soaring.html?_r=0 in this 3D chart, change perspective angle visually very impact, but also allow users to better understand the correlation between the data. This example http://www.nytimes.com/interactive/2015/03/19/upshot/3d-yield-curve-economic-growth.html?_r=0Selfiecity.net done well, with a real content Create a chart. http://selfiecity.net/ finally, from a project we did for CNN. We use the color-coded to show the performance of the party preference, while three-dimensional projections visually show demographic information. http://truthlabs.com/work/cnn as the primary criterion - the required data and technology, we need to try a variety of custom graphics. But we still have an alternative plan in case the design does not work, or the customer Nike Air Max 95 Women like 2015 Nike Free 5.0 a relatively conservative manner. 5. So what? Why do we put all Nike Jordan Hydro 2 these data on a page? The answer is: so that people can use - to make decisions, research, predict the future, anything. The key is that users are not immersed in the beautiful colors of your choice, they had come to work. My advice is - good page you arranged everything ready, ask yourself, 'So what?.' Look at each chart, components, tables, carefully consider which people can get to anything. Normally you would conclude that 'these are not important,' which means to reduce or rethink. This happened to me several times - I created a beautiful complex dashboard that contains a series of fashion map charts, pie charts, there are tens of thousands of data points. But always being challenged customers, 'I want to know so effectively do ...... I want something in what?' And 'I Just three things ...... X, Y and Z. Where can I see them?' Hey, this When will you realize you lost in the weeds, lost focus. I have a way to try to use the precise words to express what the people want. On the important information, text summary may be more effective than the chart. The above figure comes from our two recent projects. Both show the information required by the user through the text, and there is no need to explain the dependency graph illustrated. This approach allows our customers to resonate, especially in the important information. But I mentioned earlier, they want to consider a variety of roles, so use at the appropriate place. Like all other forms of design, it also requires a balance. Strive to make your data be different, but Air Max 2011 Womens Blue Grey to avoid over-design and unnecessary distractions. Choosing the right graphics for the data, but do not forget there are many levels to build pages. No matter how monotonous, frustrating, but also polish every little detail ...... And do not forget to ask yourself, 'so what?'data driven interface design