Visualization

One of ten pages from Craig Marion's Software Design Smorgasbord. The others are:

Multimedia Human-Computer Interaction Usability Engineering User Interface Design Online Information Design
Performance Support Knowledge Support Productive Workplaces Knowledge Management Home

This page focuses on both visual design and the visualization of information. It also contains references to a number of general "design" sites.

The visual dimension of software information is important for a number of reasons. Consider the topics and sub-topics in the first ten pages of William Horton's Illustrating Computer Documentation (1991):

Why Graphics Make Documentation Work Better

  • Graphics aid job performance
  • Graphics help documents go global
  • Graphics reach nonreaders
  • Graphics seduce reluctant readers
  • Graphics add credibility
  • Graphics aid thinking
  • Graphics promote more efficient reading
  • Graphics can explain visual and spacial concepts

Why Graphics Work

  • Vision is our dominant sense
  • Graphics are compact
  • Graphics escape the limitations of linear text
  • Graphics are readily understood
  • Graphics are remembered
  • Graphics are self-correcting

While Horton's book is about enhancing documentation and help systems, the same principles apply to user interface design.

On the Multimedia page I deal with making graphics interactive.

Organizations Conferences Commercial Academic & Research Articles & Papers
Periodicals & Zines Presentations & Classes Portals & Weblogs Miscellaneous Bibliographies



powered by FreeFind


Organizational Sites

ACM's SIGGRAPH
The Association for Computer Machinery's Special Interest Group on Computer Graphics. (Posted 5/97)
European Association for Computer Graphics A large European organization. Related to ACM's SIGGRAPH. (Posted 5/97)
American Institute for Graphic Arts The oldest and largest American organization committed to the promotion of e xcellence in graphic design. It's purpose is "to advance excellence in graphic design as a discipline, profession, and cultural force." Voice is their design journal. See also their experiment in design education, Loop, and see especially their Design Archives. (Posted 7/97, revised 3/06)
Premsala Design Institute Premsela is particularly focused on international, social and economic development. The high cultural quality of Dutch design is the starting point here. The monthly newsletters are a way to check on on the institute's many activities. (Posted 9/04)
NextDesign Leadership Institute Founded in the spring of 2002 to help design educators and professionals prepare to meet the challenges of cross-disciplinary disign and innovation leadership in the 21st century. Their journal contains interviews with vanguard design figures, and mindscapes contains stories, maps, diagrams and various visual mental constructs. (Posted 4/05)
VizThink "VizThink is an organization dedicated to the promotion of visual thinking and the visual thinking community." "Visual thinking is the use of visualization for learning and communication. This includes all forms of visualization such as sketching, painting, sculpture, design, illustration, photography, and videography. Visual thinking is used for a variety of applications such as brainstorming, idea generation, product design, user experience design, storytelling, documentation, organization, planning, and communication." (Posted 5/08)
VisualPractitioner.org The Online Home of the The International Forum of Visual Practitioners. Examples of the work of each practitioner is shown. (Posted 7/06)
Design Counsel The UK's national strategic body for design. Learn about design and look at their case studies. (Posted 9/06)


Conferences

How Design Conference June 6-9, 2010. Denver.
The creativity, business, and technology conference for graphic designers. Sponsored by How Magazine. Handouts from the 2009 conference are available here. (Posted 11/09)
Conferences related to computer visualization From Carnegie Mellon University. Excellent. (Posted 5/97)
Previous Conference Sites Still of Interest
SIGGRAPH 2009 August 3-7, 2009. New Orleans.
Here's the preview video. (Posted 1/09)
VizThink North America '09 February 22-25, 2009. San Jose.
"This year we’ll be emphasizing the roll of storytelling in visualization." These are the topics and sessions. (Posted 9/08)
IEEE Viz08 October 19-24, 2008. Columbus, Ohio.
"The premier forum for visualization advances in science and engineering for academia, government, and industry." These are the topics addressed. (Posted 9/08)
Siggraph 2008 August 11-15, 2008. Los Angeles.
"The worldwide SIGGRAPH community gathers in Los Angeles to explore the products, systems, techniques, ideas, and inspiration that are creating the next three generations of computer graphics and interactive techniques." The 35th annual conference on computer graphics and interaction techniques. (I still like this web graphics expo from the 2003 conference.) (Posted 3/08)
VizThink Conference 2008 January 27-29, 2008. San Francisco.
This is a map of the conference content. This is the blog. This is the wiki. Via Communication Nation. (Posted 10/07, Updated 12/07)
Vis 2007 October 28 - November 1, 2007. Sacramento.
"Vis 2007 is the premier forum for visualization advances in science and engineering for academia, government, and industry." Co-located with InfoVis 2007, the IEEE Symposium on Information Visualization. (Posted 5/07)
Siggraph 2007 August 11-15, 2008. Los Angeles.
"The worldwide SIGGRAPH community gathers in Los Angeles to explore the products, systems, techniques, ideas, and inspiration that are creating the next three generations of computer graphics and interactive techniques." The 35th annual conference on computer graphics and interaction techniques. (I still like this web graphics expo from the 2003 conference.) (Posted 2/08)
Doors of Perception 9 February 28 - March 4, 2007. New Delhi, India.
The theme is "Juice: Food, Energy, Design." Designers and entrepreneurs from different parts of the world will discuss platforms for social innovation, and how to design them. The 2006 conference, INFRA: Platforms for Social Innovation, the 2002 conference, Flow and the 2001 conference, DoorsEast, maintain their own home pages. (Posted 12/06)
InfoViz 2006 October 29 - November 3, 2006. Baltimore.
"InfoVis is the primary meeting in the field of information visualization. . . . Computer-based information visualization, or "infovis", centers around helping people explore or explain data through systems that include static or interactive visual representations. The central design challenge in infovis is designing a cognitively useful spatial mapping of a dataset that is not inherently spatial. " (Posted 4/06)
Image and Meaning 2 June 23-25, 2005. Los Angeles.
Invited participants from science and engineering, imaging, information architecture, science writing and publishing. The first conference took place in 2001. (Posted 12/04)
Doors of Perception 8 March 21-26, 2005. New Delhi, India.
"Designers and entrepreneurs from different parts of the world will discuss platforms for social innovation, and how to design them. Doors 8 will be as participatory as we - and you - can make it: a week-long mixture of presentations, peer-to-peer interaction, and visits in and around that amazing city." The 2002 conference, Flow and the 2001 conference, DoorsEast, maintain their own home pages. (Posted 9/04)
Designing for the 21st Century December 7-12, 2004. Rio de Janeiro.
"Universal design respects human diversity and promotes inclusion of all people in all activities of life. It is not an identifiable style but a way of thinking about the design process. Universal design defines good design as attractive as well as easy and comfortable to use." A previous conference was held in Rhode Island in 2000. (Posted 3/00, Revised 12/04)
Design Engaged November 12-14, 2004. Amsterdam.
"Design Engaged will be a chance for designers to gather to discuss current challenges and opportunities. What do new technologies like pervasive computing offer designers? What obstacles do you find in coming up with innovative ideas, and how do you collaborate with others to make those ideas happen? What do fields like architecture or software development have to offer design, and vice versa?" Presentations from the conference are online here. (Posted 11/04, Revised 12/04)


Commercial Sites

Especially Recommended
lynda.com Web site of graphics guru Lynda Weinman, who coined the term "browser-safe palette." Look at her collection of inspirational sites. Her links page is also excellent. (Posted 7/99, updated 1/01)
William Horton Consulting "We teach, consult, speak, and write on e-learning, knowledge management, online documentation, and visual design." William Horton is a pioneer in visual communication. Under Contents, click on "Resources and Links." Then begin with his many excellent handouts. (Posted 5/97, Revised 12/02)
XPLANE "The visual thinking company." Excellent site. See especially XBLOG, "the visual thinking weblog." Daily entries, plus searches by theme. Extremely interesting portfolio. CEO Dave Gray's blog, Communication Nation, is also full of useful and interesting thoughts and observations. And Dave's Visual Thinking School is a place to gather inspiration and ideas on using pictures to help you understand complex issues, solve problems, and communicate more effectively. (Posted 4/00, Updated 5/06)
Thinkmap "Thinkmaps are custom interfaces that transform data and information into insight and knowledge." "Thinkmap is data navigation and animation technology that is used to create custom interfaces to complex, relational data sources that dynamically encourage navigation. Thinkmap interfaces present data in a way that makes visible both data and the interconnections between data." Questions? Here are some FAQs. And here are some sample projects. (Posted 7/01)
Visual Insight "We use visual language to help leaders make meetings work, tell your story, open minds, and capture knowledge." Take a look at the samples in the portfolio. Additional samples are appear in founder Eileen Clegg's presentation on visual journalism at CONFES2004 (The Congress on the Future of Engineering Software) and in Eileen's blog. (Posted 4/05, Updated 12/05)
Other Selected Sources
Zymic Many, many templates and tutorials on various aspects of visual web design. (Posted 1/06)
SmartDraw Draw anything easily: flowcharts, org charts, networks, forms, floor plans, time lines, presentations, and more. See especially the software design center. (Posted 3/02)
MAYA "MAYA is a product-design and development consultancy that specializes in "taming the complexity" of technology." Very interesting portfolio containing case studies. They did an interesting presentation on The Visual Interface at STC 96. (Posted 4/99)
Dynamic Diagrams, Inc. Consultants on visual logic. "We help people understand information." This is their blog, information design watch. (Posted 5/98, Updated 8/06)
Strategic Transitions, Inc. "Using visual thinking software to make successful things happen now." Look at the business site map, especially the templates. You can download a 30-day demo Inspiration 6. (Posted 12/00)


Academic & Research Sites

Visualization Studies "The emerging field of visualization studies examines the use of pictures to improve the access to information, the quality of software, or the communication of knowledge." This venn diagram identifies prominent academics in the areas of software visualization; information visualization; perception, design, and visual communication; and knowledge visualization. Via xblog. (Posted 10/07)
GVU (Graphics, Visualization, and Usability) at Georgia Tech Georgia Institute of Technology.
Lots of good information. This program offers degrees in Usability Engineering and Human/Computer Interaction (among others). (Posted 5/97)
Visual Language Project "A collaborative wiki focused on the emerging phenomena of global visual language." (Posted 7/07)
Visualizing Meaning A project from Cornell University that "aims to identify examples of information graphics from popular culture or professional publications that have impacted individual scholars." Via Dave Gray's Xblog. (Posted 11/06)
Graphics and Visualization Center One of 24 NSF Science and Technology Centers created to pursue foundational interdisciplinary research. The primary goals are to build a stronger scientific foundation for computer graphics and scientific visualization and to help create the basic framework for future interactive graphical environments. The Center comprises five universities: Brown, Caltech, Cornell, UNC, and Utah. (Posted 5/98)
NextDesign Leadership Institute The focus is "to help speed the rate of adaptation, by graduate design education, to the radical events unfolding at the leading edge of the marketplace, that are impacting design leadership today." They offer a number of online articles in their journal. Via InfoDesign. (Posted 8/03)
Microsoft's Vision Technology Research Area "What if your computer could recognize you, understand your facial expressions and your gestures? What if you could edit images and video by referring to their content rather than their pixels (e.g., "delete the car from this image")? What if you could build 3D models of objects just by pointing a camera at them?" (Posted 5/98)
Computer Vision Home Page Carnegie Mellon University, Pennsylvania.
Lots to explore. The Online Publications list is excellent. (Posted 5/97)
Visualization & Usability Group "VUG conducts research in information visualization, virtual environments, related HCI technologies, and the evaluation of these technologies." Previously the Visualization and Virtual Reality Group. (Posted 5/97, Updated 12/04)
CyberGeography Research "CyberGeography is the study of the spatial nature of computer communications networks, particularly the Internet, the World-Wide Web and other electronic "places" that exist behind our computer screens, popularly referred to as cyberspace." One of the focuses is maps to help people navigate cyberspace. Start with the Atlas of Cyberspace. (Posted 4/01)


Online Papers & Articles

Especially Recommended
Envisioning: An Interview with David Sibbett by Marcia Conner See also the Success Story examples at David's organization, The Grove. (Posted 1/06)
visual design Cryptic notes, with interesting integrated links, by Valerie Casey, "visual designer and teacher extrordinaire." (Posted 5/99, link upadated 7/01)
Other Selected Sources
infographics: being and doing By Venkatesh Rajamanickam. "Infographics reveal the hidden, explain the complex and illuminate the obscure. Constructing visual representation of information is not mere translation of what can be read to what can be seen. It entails filtering the information, establishing relationships, discerning patterns and representing them in a manner that enables a consumer of that information construct meaningful knowledge. Part 2 of the article is here. (Posted 1/08)
The Best Tools for Visualization By Sarah Perez. "There are visualization tools for search, music, networks, online communities, and almost anything else you can think of. Whether you want a desktop application or a web-based tool, there are many specific tools are available on the web that let you visualize all kinds of data. Here are some of the best. Via xblog. (Posted 5/08)
Fast Company Design Issue "We devote virtually an entire issue to the subject of design. Why? Because we believe that great design has become as important to competitive advantage as smart technology. " The June 2004 Design issue introduced 20 visionary men and women who are using design to create not just new products, but new ways of working, leading, and seeing." (Posted 7/04, updated 7/05)
How to Design the Perfect Product By Keith H. Hammonds. "Start with Craig Vogel and Jonathan Cagan. Integrate style and technology with a dash of fantasy. Apply to everything from toasters to cars." From Fast Company issue 60, July 2002. See also the articles in the sidebar for different perspectives what's happening in design. (Posted 7/02)
All you wanted to know about Web type but were afraid to ask By Joe Gillespie. (Posted 9/04) Via Beth Mazur's IDblog.


Online Periodicals & Zines

Especially Recommended
Doors of Perception Magazine Valuable compilation of resources coming out of the Doors of Perception conferences. Don't miss the features. There's also a nicely modularized and original set of links, a focus section called In the Bubble, book reviews, a weblog, and a compilation of provocative quotations. (Posted 9/02)
Design & Publishing Website of DT&G Magazine, "the official publication of the Design & Publishing Center, published continuously since 1990 for desktop publishing, graphic design, web design, illustration, photography and other fields in visual communications." Lots of useful information. These are featured articles, web site critiques, and information on typography (Posted 2/05)
Inf@Vis The magazine of InfoVis.net. Perspectives on visualizing information by Juan Carlos Dürsteler. The bibliography is also good.(Posted 5/03)
DigitalWeb Magazine "The web designer's online magazine of choice." I find the archives especially valuable, particularly interviews. Classifieds is a wonderful resource, too. (Posted 7/00, Updated 12/04)
Communication Arts Click on any of the areas of the left, then go to the site map at the bottom of the page. Don't miss the Web Site of the Week and the terrific list of archived sites. The Communications Arts Interactive Design Web winners is a must, too. Here are the 2004 winners. (Posted 3/99, Updated 10/04)
Other Selected Sources
creativepro.com Headlines, features, reviews, how-to's, plus dynamic media, fonts, and graphics. (Posted 9/00)
Media Inspiration "A resource to inspire design professionals. . . break free of their creative mind block and spark ideas from the web sites featured on our portal." (Posted 1/01)


Presentations, Classes & Tutorials

dave gray's photos on Flickr See especially Business 2.0 and visual thinking. (Posted 8/07)
Visual Thinking By Dave Gray and Dana Smith of Xplane. "A poorly communicated concept is a missed opportunity. Visual thinking is a mode of thinking to assist with communication, like a calculator assists with math. It serves as a tool to communicate fairly difficult concepts." (Posted 3/07)
Visual Communication: An Interview with Dave Gray "Dave talks about giving ourselves permission to draw, about how the printing press led us to communicate in a particular way, and about how that can limit our communication in a digital environment, about how PowerPoint can be both inhibiting and comforting, and about how where we are with video today is where we were with PageMaker 20 years ago." (Posted 8/07)
Designing for Experience: Frameworks and Project Stories Methods and practices by Marc Retting and Aradhana Goel. Via elearningpost. (Posted 10/05)
Top 50 Logo Design Tutorials "E Logo Design's list of best logo design tutorials on the internet (in no particular order)." Via xblog. (Posted 6/07)
Designing a Unified Experience: Bringing Interaction, Visual, and Industrial Design Together "Users have just one experience of a product, though. All three aspects of the design must work in concert, or the product will fail to satisfy. Integration of the three disciplines is a central theme of Kim's new book, Designing for the Digital Age. " Via InfoDesign. (Posted 7/09)
Design Delighting 5 Senses in Denmark By Ayumu Isomura. Observations on design in Denmark. Via Elegant Hack. (Posted 7/07)
Home Page of Larry Gales Start with Incorporating Graphics into Your WWW Pages, especially the first lesson, Graphic Design Based on Edward Tufte's Principles. (Posted 6/00)


Portals & Weblogs

Especially Recommended
xBlog: the visual thinking weblog From XPLANE, the visual thinking company. There's also a collection of business links. (Posted 10/02)
Communication Nation Dave Gray's blog. "Communication is one of the most important skills anyone can have, in business and in life. As individuals and as a species, I believe we will be happier and more productive if we can improve our ability to communicate. This blog is dedicated to that effort. Join the conversation!" (Posted 7/07)
ScrnShots.com "ScrnShots is the best way to take and share screenshots of web and screen based design. Upload as many screenshots as you want, embed them in your blog, discuss them with your contacts and become a better designer!" Via Xblog. (Posted 9/08)
Dave Gray's dot info Dave's new site is divided into three sections: Ways of meaning, Ways of thinking, and Ways of Working. (Posted 5/08)
Web Page Design for Designers This original site has been supplemented with this comprehensive resource menu, collections of articles, reviews and editorials, a forum with 1000 members as of July, and other features. (Posted 2/99, Updated 8/05)
Center for Visual Learning Excellent examples of presenting information in visual diagrams. See, for example, Visualizing a Complex Discussion. Click on the map for blowups of individual pieces. For an excellent capsule and illustration, look at this 4 1/2 minute interview with with Eileen Clegg of Visual Insight From the Internet Time Group. (Posted 4/05)
Design-Feed Design-Feed is a design feed aggregator. We hand-pick the most interesting design related RSS feeds and present them in an easy-to-browse format. This means you can get all the latest design news in one place Via Dave Gray's xblog. (Posted 3/07)
Design Observer A weblog by Michael Bierut, William Drenttel, Jessica Helfand, and Rick Poynor. (Posted 12/03) Via Erin Malone's Design Writings.
Presentation Zen Garr Reynolds' blog on issues involved in professional presentation design. Presentation tips. Samples. (Posted 12/05, Updated 12/06)
All Graphic Design "All Graphic Design Resources Directory is a Portal of Graphics Software Resources, Desktop Publishing (DTP) Tools, Graphics & Graphic Design Resources & Links to Tutorials for Image Editing Graphics Software like Adobe Photoshop or QuarXpress. Links also to Photoshop Actions, Photoshop Filters & Plugins, Printing Design & Layout Templates, Graphics Software Information, Online Graphic Design Classes, Graphic Design Schools, Graphic Design Jobs, Design & Layout Articles, & our Popular Graphic Design Forum." (Posted 2/03, Updated 2/07)
Information Visualization Juan Carlos Dürsteler's perspective on the "Process of knowledge internalization by the perception of information." The site supports an e-zine and resource lists. Previous issues of the e-zine are here. The site is also available in Spanish. (Posted 8/00, updated 2/07)
Dashboard Insight "The latest in Business Performance Management tools, technologies and concepts." The site also hosts articles and podcasts. (Posted 9/08)
Color Matters A site devoted to exploring the importance and uses of color. "The concept of color can be approached from several disciplines: physiology, psychology, philosophy, and art. This web site provides some starting points for an exploration of color." (Posted 10/00)
Colours on the Web Tools for finding and matching colors. (Posted 9/03)
Cre8asite Website Design Forum Discuss and post questions on website design issues. There's also a forum on graphic design. (Posted 12/06)
Open Web Design "Open Web Design is a community of designers and site owners sharing free web design templates as well as web design information. Helping to make the internet a prettier place!" The Open Web Design project was founded in November 2005 by Aaron "MonkeyMan" Nikula as a resource for users with no design skills to quickly put up a site and showcase their content and as a way for designers to share their designs and showcase their talent. (Posted 5/06)
Graphics Tools, Techniques, Examples and Resources The basics of graphics design and construction and how to integrate images into web pages. Includes introductions to Photoshop and Paint Shop Pro. From the Web Developer's Virtual Library. (Posted 9/99)
Web Design Resources By Suzanne Stephens and Carla Otto. 29 categories, among them animation, downloadable graphics, and E-zines. Part of the Web Page Design for Designers site. (Posted 2/99)
CRIT “CRIT is a project launched in the fall of 2005 by the School of Visual Arts MFA Designer as Author program, and open to all graduate students, prospective graduate students, and design educators. It is a forum for the discussion of the issues, events, and concerns of DESIGN graduate students – graphic, industrial, product, motion, web – from academics to the real world.” Via xblog. (Posted 10/05, Link Updated 1/09))
Other Selected Sources
Data Visualization Blogs You Might Not Know About 20 of them. From Random Etc.. via InfoDesign (Posted 7/08)
Rather Graphic By Marilyn Martin. "This blog is a showcase of some of the visual language pieces I have done for clients and myself. I strongly believe that visuals are becoming more important to the way we learn and process information, despite the traditional bias for text. Via E-Learning Post. (Posted 12/07)
complete list of web design galleries "A list of almost every web design gallery around. Feel free to use it for inspiration, or to submit your web sites." Via xblog. (Posted 6/07)
Icograda Links From Icograda, the International Council of Graphic Design Associations, a globally oriented organization for graphic designers and visual communicators. (Posted 12/03)
Olive The On-line Library of Information Visualization Environments. a class project for Dr. Ben Schneiderman's fall 1997 grad course on Information Visualization at the University of Maryland. Organizes environments by eight categories. (Posted 5/99)
Visual Complexity "A unified resource space for anyone interested in the visualization of complex networks. The project's main goal is to leverage a critical understanding of different visualization methods, across a series of disciplines." Lots of examples with focused explanations. Via xblog. (Posted 1/06)
CSS Import "The no-frills css gallery." Selections almost daily since June of 2005. By Vancouver Web Design. (Posted 6/06)
Many Eyes Explorations of information visualizations that help people collectively make sense of data. Part of IBM's Collaborative User Experience research group. Explorations of information visualizations that help people collectively make sense of data. See especially the site's presentation on visualization types. (Posted 7/09)
IA Discuss "Post screenshots of sites and widgets that are interesting from an information architecture perspective. Then discuss. Or just use as an inspirational resource, so don't forget to tag!" Via iaslash. (Posted 11/05)
Information Aesthetics A blog on data visualization and visual communication exploring the theme form follows data. Via xblog.(Posted 2/07)
Graphic Design Defaults to Design Basics. Move on to Design Toolbox, Designer Portfolios, Famous Designers and lots more. From About.com. (Posted 5/01)
Information Visualization Resources Maintained by Gary Ng. Books, Conferences, Courses & Tutorials, Institutions & Companies, Journals & Publishers, More Resources, Organizations, People, Projects & Products, Research Groups. (Posted 11/00)
Computer Vision-related links From Carnegie Mellon University. (Posted 5/97)
www.yuriweb.com Nice set of links on the Visual representation of information. By Yuri Engelhardt. (Posted 9/03) Via InfoDesign.


Miscellaneous Information

Especially Recommended
Free Design Resources From Sessions Online School of Design. Design videos, a design newsletter, forms for freelancers, a career center, a wonderful color wheel, and more! (Posted 12/04)
Many Eyes Explorations of information visualizations that help people collectively make sense of data. "This site is set up to allow the entire internet to upload data, visualize it, and talk about their discoveries with other people." Part of IBM's Collaborative User Experience research group. Via Jay Cross's Internet Time Blog. (Posted 4/07)
Video Toolbox 150+ Online Video Tools and Resources. From Mashable. Via Stephen's Web (Posted 7/07)
Gallery of Data Visualization by Michael Friendly, York University. "Some examples of the Best and Worst in statistical graphics, with the view that the contrast may be useful, inform current practice, and provide some pointers to current work." Lots of examples with detailed descriptions and links to additional information. (Posted 1/99, Updated 2/01)
images in practice "A collaborative experience for image makers." Contains the visual language of number, the visual telling of stories, and children's rights visualized. Don't miss the visual telling of stories archive. (Posted 6/00)
National Design Awards From the Cooper-Hewitt National Design Museum. Five years of awards in seven categories. Excellent visuals.(Posted 1/05)
Other Selected Sources
World's Best Presentation Contest Details and rules. Via Stephen's Web. (Posted 5/07)
16 Awesome Data Visualization Tools I like Quintura, which puts a hyperbolic browser interface on a search engine. Via Communication Nation. (Posted 9/07)
About Design From the Design Council (UK). Thoughtful and detailed information on What is Design?, Design Process, Markets and Opportunities, and Emerging Issues. Via LouisRosenfeld.com. (Posted 4/06)
A Periodic Table of Visualization Methods From theVisual-Literacy.org e-learning course, which will be used four universities. Professor Dr. Martin Eppler in Lugano, Switzerland, is the contact. Via E-Learning Post. (Posted 2/07)
Interactive and Infographic Database Samples from Interactive Narratives. Via elearningpost. (Posted 2/05)
Visual Thinking School by Dave Gray of Xplane. "Visual thinking is about using pictures to help you solve problems, think about complex issues and communicate more effectively. Are you ready to work on your visual thinking skills? . . . This site is different every time you visit." (Posted 1/06)
The Design Encyclopedia "A growing, collaborative resource that describes, tracks and explains culture, commerce, politics, media, sports, brands - everything possible, really - through design." Via xblog. Posted 11/05)
Graphic Organizers Graphic Organizers, Mind Maps and Concept Maps are pictoral or graphical ways to organize information and thoughts for understanding, remembering, or writing about. Graphic organizers, mind maps and concept maps are powerful tools that can be used to enhance learning and create a foundation for learning. (Posted 5/07)
Visibone's 216-color Webmaster Pallette Interactive, clear layout. Names and hex codes for the colors. (Posted 2/05)
More Crayons "Color for Web designers. . . . Most internet users have monitors that can display more colors than the 216 that are used in the traditional "browser-safe" palette. moreCrayons is a bigger box of crayons; 4,096 colors for the web." Many resources. Via Beth Mazur's IDBlog (Posted 8/03)
free stock photos from Photoshop Support by Jennifer Apple. (Posted 1/06)
Color Glossary "Color and visual perception terms which are relevant for graphic and Web design as well as usability." Via LucDesk. Posted 9/02)
The_IDE_Virtual_ Design_Museum Famous designers, famous companies, new in our collection, 3-D object movies, and brochures. From the Delft University of Technology, Faculty of Industrial Design. (Posted 1/05)
Essential Fonts for Designers James Cooper has collected 300 of his favorite truetype fonts. They're in .ttf format (works on both MacOSX and Windows machines) and are free to download. (Posted 7/05)
Graph Styles Illustrations of 27 graph styles. From Corda, a company that provides tools for interactive data visualization. (Posted 3/03)
Principles of Graphic Design Clever summary, using Flash, by Andrew Mundy. His Web Color Theory color analyzer is also interesting. (Posted 2/04)
dmitry's design lab By Dmitry Kirsanov. A series of 25 tutorials that appeared from 1/97-5/99. (Posted 5/00)
Hands-On An explanation of a variety of graphic effects using Photoshop, with lots of illustrations. By Dr. Thaddeus Ozone. (Posted 10/99)
Design for Daily Life, Shaping Space, and Communicating An online exhibit at the Cooper-Hewett National Design Museum. Examples and information on design for daily life shaping space, and communicating. (Posted 4/99)
Software Visualization This site from the British Knowledge Media Institute uses the term "software visualization" to refer to "the use of filmcraft, graphics, typography and animation techniques to show the execution of computer programs for debugging or teaching purposes." In other words, the focus is making the workings of software visual. See especially their projects. (Posted 2/00)


Bibliography

Carroll, J., ed., 1995. Scenario-Based Design: Envisioning Work and Technology in System Development. New York: John Wiley. (Posted 5/97)
Heckel, P. 1991. The Elements of Friendly Software Design: The New Edition. San Francisco, CA: Sybex. (Posted 5/97)
Horton, W. 1994. The Icon Book: Visual Symbols for Computer Systems and Documentation. NY: John Wiley. (Posted 5/97)
Horton, W. 1991. Illustrating Computer Documentation: The Art of Presenting Information Graphically on Paper and Online . NY: John Wiley. (Posted 5/97)
Tufte, E., 1990. Envisioning Information. Cheshire, CT: Graphics Press. (Posted 5/97)
Tufte, E., 1983. The Visual Display of Quantatative Information. Cheshire, CT: Graphics Press. (Posted 5/97)
Tufte, E., 1997. Visual Explanations : Images and Quantities, Evidence and Narrative . Cheshire, CT: Graphics Press. (Posted 8/99)
Winograd, T., ed., 1996. Bringing Design to Software. NY: ACM Press. (Posted 5/97)
patricklynchnet bibliography Well-annotated list. If you click on any of the subcategories, thumbnails of the covers are displayed. By Patrick J. Lynch, co-author of the Yale Web Style Guide. (Posted 6/00)


Posted May 1, 1997
Last updated November 1, 2009
© copyright 1997-2009 Craig Marion
Webmaster: craig.marion @ verizon.com