1 9/4/2015 Graphics. My Inspirations Interface Revolutions : 1984 Mac 1992 Browser 1998 Google 2006 DBO Take computer centric interfaces and made them.

Slides:



Advertisements
Similar presentations
Dashboards Slide by ana’s presentation. Tired of these challenges? No centralized view of executive information from multiple functional areas and systems;
Advertisements

User Interface. What is a User Interface  A user interface is a link between the user and the computer. It allows the user and the computer to communicate.
I Speak 2010 © 2010 The McGraw-Hill Companies, Inc. All rights reserved. Chapter 9 Visual Resource & Presentation Technology.
Statistical Package Comparison A technical comparison from the view point of integration with the CAAR Multiple Listing System.
PowerPoint Enhancements CMCE 1155 Prof. N Anderson.
Present your project in Word, PowerPoint, or Visio Copy Project information to a Web page Does your organization or team already have a Web site that’s.
Website design basics QUME Learning objectives Understand the basic elements of a Web page and how it is produced Be aware of different approaches.
User Interface Design. Overview The Developer’s Responsibilities Goals and Considerations of UI Design Common UI Methods A UI Design Process Guidelines.
Chapter 3 Software Two major types of software
HTML and Designing Web Pages. u At its creation, the web was all about –Web pages were clumsily assembled –Web sites were accumulations of hyperlinked.
Website evaluation models and acceptability factors K.Vipartienė, E. Valavičius.
TC2-Computer Literacy Mr. Sencer February 8, 2010.
1 Computer and Programming Flow Chart Derived from
1CS 480: Graphical User Interfaces. Dario Salvucci, Drexel University. Lecture 1: Introduction to GUIs.
Section 5.1 Section 5.2 Determine the purpose of your Web site
Ch 26 & 27 User Interfaces.
MVC pattern and implementation in java
CS 1308 Computer Literacy and the Internet. PowerPoint Considered Harmful  One of Dijkstra’s last s  Why did he feel this way?
Creating Web Pages Overview. Design – Start with a Purpose Before you start any web page, you need to design the website. The first question that should.
Zhonghua Qu and Ovidiu Daescu December 24, 2009 University of Texas at Dallas.
Principles of Good Presentation Slides & Graphics November 21, 2008 Adapted from slides used by Katie Kopren.
MERLOT’s Peer Review Report Composed from reports by at least two Peer Reviewers. Description Section Provides the pedagogical context (i.e. learning goals,
JASS 2005 Next-Generation User-Centered Information Management Information visualization Alexander S. Babaev Faculty of Applied Mathematics.
Web Site Design Principles
1 SEG3120 Analysis and Design for User Interfaces Flash Anis Zarrad Parallel Simulations and Distributed Systems (PARADISE) Research Laboratory SITE, University.
WEB DESIGN SOLUTIONS. 2 Presentation by JAVANET SYSTEMS 1st Floor, ROFRA House, Suite 4, Kansanga, Gaba Road P.O Box 31586, Kampala, Uganda Tel: +256(0) ,
By Michael Cebreiro. Hyper linking is an easy way to travel through the computer by one click. It is very easy once you get the hang of it. The first.
General Information: This document was created for use in the "Bridges to Computing" project of Brooklyn College. This work is licensed under the Creative.
IDK0040 Võrgurakendused I Building a site: Advices Deniss Kumlander.
Enhancing the Graphical User Interface Multiple Forms, Controls, and Menus.
Florida Atlantic University Designing Web Sites at… 1999 Presented by Administrative Technology Systems Financial Affairs.
CHAPTER TWO INTRODUCTION TO VISUAL BASIC © Prepared By: Razif Razali 1.
Introduction to Web Page Design. General Design Tips.
Information Visualization: Ten Years in Review Xia Lin Drexel University.
Multi-media Information Systems Introduction Brian Whitworth © 2001.
Created by Steve Wozniak and Steve Jobs MACINTOSH.
Know your audience Take the time out to get to know them, what music do they like, how do they spend their spare time, what are their hopes and dreams,
 Understand the problem  Brainstorm solutions  Introduce the constraints  Choose the solution  Paper design  Actual design  Evaluate  Revise.
Documentation. Your documentation must fit the needs of your audience. It’s always better to say one thing that is useful, as opposed to many things that.
Oracle 10g Advanced Performance Tuning Kyle Hailey Delphix - wait events docs – tools S-ASH.
Edline and GradeQuick Training Welcome! Please Sign In.
Analyzing Data in MWADC. Outline What is Ravian and what is the Analyst application? Accessing the Analyst application What you can do with the Analyst.
Applications of 3D z Applications that are used and why we use them Product design Modelling TV and film Web games Education Reconstruction Illustration.
Elements of Website Design. Homepage ● first page of the website ● website title ● general introduction ● authors or creators information ● date updated.
Oracle 10g Advanced Performance Tuning Kyle Hailey - wait events docs – tools S-ASH and.
Information Visualization Presented by: Mee Cha ISM 158 Spring 2010 Presented by: Mee Cha ISM 158 Spring 2010.
1 A Basic Introduction to Flash. Outline What is a flash? Macromedia Flash MX 2004 Flash concepts Flash Demos Conclusion Additional help 2.
?. When designing, you should analyze your target audience. Design you webpage around your target audience Target Audience.
Assignment 7: Thinking about graphical excellence By: Sarah K. Brooks.
CA III PowerPoint Review © 2009 M and K Solutions, LLC -- All Rights Reserved.
User Modeling and Recommender Systems: recommendation algorithms
Software Interfaces. Learning Objectives Describe the characteristics of different types of user interfaces. Discuss the types of user interfaces which.
1 CP586 © Peter Lo 2003 Multimedia Communication Analysis & Design of Electronic Communication.
Database Processing Chapter "No, Drew, You Don’t Know Anything About Creating Queries.” Copyright © 2015 Pearson Education, Inc. Operational database.
© 2012 DigitalDay | MOBILE WEB DESIGN PRINCIPLES Best Practices Workshop 1.
MULTI-MEDIA LO1 – THIS IS FOR INFORMATION ONLY NOT TO BE COPIED.
EQuIS and Tableau Getting the most out of your tools.
Making the Case for Business Intelligence
Presentation Graphics
CS 1308 Computer Literacy and the Internet
Changes coming soon to our portal
CS 1308 Computer Literacy and the Internet
Chartboost Help Site Competitive Analysis and Proposal
Step-3: Principles of Good Interface and Screen Design
Apply programming techniques to design and create a web page
Tonga Institute of Higher Education IT 141: Information Systems
Garr Reynolds wrote a book in 2008, and he has a follow up book published this year (2010) called Presentation Zen Design – the library has both books.
Tonga Institute of Higher Education IT 141: Information Systems
A Politically incorrect Christmas Carol
Chapter 4 Enhancing the Graphical User Interface
Presentation transcript:

1 9/4/2015 Graphics

My Inspirations Interface Revolutions : 1984 Mac 1992 Browser 1998 Google 2006 DBO Take computer centric interfaces and made them human centric 06/05/08

Copyright 2006 Kyle Hailey Make Things Simple I’m passionate about making it simple I love graphics Correlating Increased density Color and Movement Providing known Solutions Guiding Investigation

Why Use Graphics You can't imagine how many times I was told that nobody wanted or would use graphics … now everybody uses them. -- Jef Raskin, the creator of the Macintosh

Graphics vs Text Graphics Are slower Use more resources to display Java 100M+ of memory Less flexible Interface is pretty much hard coded Generally less options for customization Tend to show the wrong information Coders tend to know little about target audience Often used gratuitously, Serve no informational purpose, just noise  Geeks hate Graphics, But it doesn’t have to be that way 06/05/08

Information Overload Graphics can be much more powerful than text 1.Humanize (Macintosh) 2.Consolidate (Mosaic) 3.Simplify (Google) Graphics are the future. If as developer and/or designer you can come up with solutions, you can revolutionize. It’s not easy though, and I have never met a UI genius (met tons of coding geniuses)

Graphics “The human nervous system … is exceptionally good at parsing visual information, especially when that information is coded by color and/or motion.” Knowledge representation in cognitive science. Westbury, C. & Wilensky, U. (1998)

Parsability of Graphics Infocus – (overhead projectors) sited a study that humans can parse graphical information 400,000 times faster than textual data

What are the Trends?

Trends: With Graphics I III II IV

Trends: Waits Over Time date17:1317:1317:1417:1417:1517:1517:1617:1617:1717:17 17:1817:1817:1917:1917:2017:2017:2117:2117:22 17:2217:2317:2317:2417:2417:2517:2517:2617:26 17:2717:2717:2817:2817:2917:2917:3017:3017:31 17:3117:3217:3217:3317:3317:3417:3417:3517:35 17:3617:3617:3717:3717:3817:3817:3917:3917:40 17:4017:4117:4117:42 log_file_switch_completion_ log_buffer_space_ QL*Net_break/reset_to_client_ latch_free_ rdbms_ipc_reply_ log_file_sync_ enqueue_ db_file_sequential_read_ itch_(checkpoint_incomplete)_

Trends: Waits over Time a picture is worth a 1000 words

13 9/4/2015 Counties in US 3101 Counties in US 50 pages

Graphics 3 advantages 1. Representational instead of Textual 2. Colors 3. Movement

Pi

Copyright 2006 Kyle Hailey Launch: Pressure Midnight before January 28, 1986 Lives are on the line Thanks to Edward Tufte

Copyright 2006 Kyle Hailey 13 Pages Faxed

Copyright 2006 Kyle Hailey Correlated with Temperatures

Copyright 2006 Kyle Hailey Trying to Show data Analysis

Copyright 2006 Kyle Hailey Congressional Hearings Evidence

Copyright 2006 Kyle Hailey Only Damage Engineering Document only Showed Damage

Copyright 2006 Kyle Hailey Clearer 1.Include successes 2.Remove Irrelevant 3.Normalize same temp 4.Scale known vs unknown ? ? ?

Copyright 2006 Kyle Hailey Do You Want? Engineering Data?

Copyright 2006 Kyle Hailey Do You Want? Pretty Pictures

Copyright 2006 Kyle Hailey Do You Want? Clean and Clear

Copyright 2006 Kyle Hailey Difficult NASA Engineers Fail Congressional Investigators Fail Data is Difficult But … Lack of Clarity can be devastating

Copyright 2006 Kyle Hailey Imagine Trying to Drive your Car And is updated once and hour Or would you like it to look … if you Dashboard looked like:

Copyright 2006 Kyle Hailey Or This And is updated once and hour

06/05/08