Tagged: Mapping Toggle Comment Threads | Keyboard Shortcuts

  • Tony Pritchard 10:48 am on August 12, 2014 Permalink | Reply
    Tags: Data Visualisation, , , , , , Mapping, , Timeline, , ,   

    Information Design and Data Visualisation 

    This video attempts to show and explain aspects of Information Design and Data Visualisation as explored by the Postgraduate Certificate and Diploma Design for Visual Communication courses at the London College of Communication. The purpose of designing the visual representations of information is to make the communication more accessible, understandable and useable. This often means dealing with complexity and attempting to clarify meaning. It could be said that information is dead until it is read. A balance between clear communication and a visually engaging design needs to be struck.

     
    • Carina Marano 8:53 am on October 15, 2014 Permalink | Reply

      This independence of the coursework for the Postgraduate Certificate Design for Visual Communication at the London College of Communication makes it ideal for an online program. Is there any possibility it would become available online, specifically for students studying abroad?

      • Tony Pritchard 4:27 pm on October 18, 2014 Permalink | Reply

        That’s an interesting proposition which I raised with my programme leader at college. How would you see it working for you? Set projects? Video demonstrations/tutorials? Skype? Do you have any examples of practice you could point me in the direction of?

        • Carina Marano 11:28 pm on December 26, 2014 Permalink

          Two programs I’ve had experience with are Brandman University https://www.brandman.edu/ and Academy of Art University http://www.academyart.edu/. Brandman uses the Blackboard online system in which course work is divided by weeks and comprises of discussion threads, set projects, readings, and multimedia instructional aids such as videos. Academy of Art has an additional feature in their discussion threads that allows for marking and commenting on uploaded artwork for critiques.

          In addition, meeting features such as using Adobe Connect or Go To Meeting are helpful to discuss larger projects and facilitate small group work. I’ve seen this utilized every two weeks for 8 week courses to great effect.

          For a program like Visual Communication, I would recommend set projects with independent readings and video introductions, along with discussion forums to post to while the projects are in progress, and live meetings for critiques and follow up questions. There could be also be more live, but perhaps less formal interactions in the beginning and throughout the projects, such as video Skype office hours, or scheduled live chat sessions.

          The most successful online programs usually breakdown the coursework into smaller milestones throughout the class in order to assess that students are on track and are understanding each step of the process. This is in lieu of regular face to face meetings where the instructor can visually see the progression of work.

    • Tony Pritchard 8:11 am on December 29, 2014 Permalink | Reply

      Thanks for taking the time to write this. My DVC course (http://www.arts.ac.uk/lcc/courses/postgraduate/pg-dip-design-visual-communication/) uses Moodle as essentially an information repository for things like projects, handbooks, handouts, etc. We compliment this with a group blog where thoughts, images, movies, etc can be posted and discussed. We are still very much a face to face course though.

    • daniele 10:18 am on February 12, 2015 Permalink | Reply

      Very well done on this set of new videos!! They are amazing!

      • Tony Pritchard 11:27 am on February 12, 2015 Permalink | Reply

        Thanks Daniele – just visited your site and am impressed by the Typographic Hierarchy poster. I’ll post on my Twitter page

        • daniele 11:41 am on February 12, 2015 Permalink

          Oh wow! Thanks for visiting and for posting! Honoured to be featured alongside all that great work!

  • Tony Pritchard 10:01 am on November 15, 2009 Permalink | Reply
    Tags: Ben Schneiderman, , , Interactive, Interface, Mapping,   

    Interfaces and interactions 

    Introduction
    An interface is the point at which two things meet and interact. It provides a bridge between the user and an experience. The term derives from phrases such as ‘Human Computer Interface’ and ‘Graphical User Interface’. Bob Cotton describes the act of interfacing as ‘being able to control machines by communicating with them, and receiving feedback from them’. We encounter screen-based interfaces when we use information kiosks, DVDs or purchase tickets from a machine. We interface with cookers, washing machines, videos, HI-FI systems and our cars. David Fisher of product design company Seymour Powell admitted at the D&AD Xchange 2009 that he had to get an expert in to explain how to operate his latest Hi-Fi system. Most of us would expect to be able to use products without sitting an exam or reading a manual. Non-technological experiences can also involve interactions with an interface. A book is an interface between the user and the ideas it contains. Interfaces allow the user to interpret information they are confronted with. We are familiar with operating machines through buttons, sliders and switches; we follow directional signs and stop when we see a red light. These ‘hard’ devices provide the conceptual models or metaphors for ‘soft’ computer interfaces. Virtual onscreen handsets visually replicate physical handsets.

    Mapping and interfaces
    Switches, knobs and buttons on interfaces provide designers with a particular conundrum. Minimalism and uniformity seem to drive design aesthetics. To make operating devices unobtrusive the design approach is normally to minimise their size; make them of uniform appearance; and organise them in rows. This results in switches that look the same in close proximity to each other but having separate functions. The latitude for error is therefore increased. The hotplates on a cooker’s hob are operated by separate controls. If the hotplates are top left, top right, bottom left and bottom right, it makes sense to repeat this visual pattern with the controls. Often they don’t and a poor interaction experience results. It is common to observe people switching on and off banks of switches hoping that eventually, like cracking a safe, they will get the right combination. The illustration below is of my cooker’s hob. I always turn the top knob on expecting the top left hotplate to come on, as you can see it actually operates the top right. From this can you work out the relationship of the controls to the plates they control? Which one turns on which plate?
    cooker hob

    Desktop organisation
    Most people tend to structure their lives with everything carefully positioned to facilitate memory. Whilst working at Xerox in 1983, Thomas Malone wrote an influential report entitled ‘How do people organise their desks: implications for designing office automation systems’. His studies of the importance of physical organisation are often cited as influential to the development of the desktop metaphor of computing interface systems. Malone wrote: ‘Many people organise their lives in the world, creating a pile here, a pile there, each indicating some activity to be done, some event in progress. Probably everyone uses such a strategy to some extent. Look around you at the variety of ways people structure their rooms and desks. Many styles of organisation are possible, but the physical arrangement and visibility of the items frequently convey information about relative importance. Want to do your friends a nasty turn? Do them a favour – clean up their desks or rooms. Do this to some people and you can completely destroy their ability to function’.

    The Apple Macintosh computer uses a desktop metaphor as its interface. It provides the familiar concept of a desk on which documents and files can be organised into folders or printed out. Recognisable icons connect functions to actions; placing a file in the trash and emptying the bin will dispose of your file.

    Anatomy of an interface
    The design of a computer interface will determine its appearance and functionality. An interface comprises of: windows, icons, menus, tools, navigation devices, buttons, sliders, check boxes, dialogue boxes, alerting messages, help documentation, scrolling mechanisms, click-able items, rulers, palettes, key commands, and feedback devices. The pointer or cursor will often change shape to indicate specific functions. Care needs to be taken with the amount of onscreen graphics. Information design expert, Edward Tufte advises us to reduce the amount of screen admin debris and clutter as they provide barricades to communication.

    The tools
    The tools required for interaction with a computer are: a screen, keyboard, mouse or track pad. There are rules of engagement such as touch screen interaction, voice commands, typing and clicking. Windows 7 is likely to come with touch screen capabilities, however developers may be assuming that everyone has the capability to use human finger touch screens. Many groups are calling for greater voice activation tools.

    Understanding interfaces
    Usability and comprehension of an interface will be determined by: the terminology used; how functions are accessed and actioned; and the relationship between the various levels of operation. The surface appearance of the interface for many users is key to being able to operate within the system. Interfaces are expected to be user-friendly and understandable not only within and throughout a particular software programme but also as a standard across different programmes.

    An interface introduces and provides an overview of the contents of the information that will be encountered. It also provides the means by which information can be navigated. An interface should facilitate an engagement with the content so that the user can interact with the information and gain knowledge. Information design provides the service by which the user is given access and connected to their desired information. People such as Ben Shneiderman working at the University of Maryland have been creating data visualisations dealing with the presentation of complex data through accessible interfaces. Smart Money’s Map of the Market and Film Finder are two examples.
    Picture 1

    FilmFinder

    Onscreen typography
    The function of onscreen typography is to provide a connection with deeper levels of information and experience. It is not primarily concerned with mimicking a print-related aesthetic where the nuances of typographic style may not be of the highest priority to the reader. Hamish Muir has suggested that much of what is designed for the digital experience is not much more than print behind glass. This questions the notion of real-world metaphors and whether we should be designing a new visual language for screen interactions. Oliver Reichenstein suggests that we ‘treat text as the user interface’.

    Information management
    The design of interfaces requires an understanding of information management and human perception. The information designer organises information and provides the navigational tools by which to view information in the desired sequence a user requires.

    Access to information
    Access to clear, accurate and comprehensible information is central to most users requirements. Interfaces that allow rapid navigation to information pertinent to a user’s request place those sites at an advantage. Interfaces such as those designed for Google, Amazon, Adobe or E-bay have proven popular with users. Conversely, as John Heskett states in ‘Toothpicks and logos’, ‘…virtuoso visual effects are useless if the ability of users to take action is not taken into account’.

    Further reading
    Designing Interactions, Bill Moggridge
    Interface, Gui Bonsiepe

    Experience Design, Nathan Shedroff
    The Design of Everyday Things, Don Norman
    What is Interaction? Hugh Dubberly, Paul Pangaro and Usman Haque

     
    • Claudio 3:46 pm on November 16, 2009 Permalink | Reply

      Hi Tony,
      last week I read this article on the AIGA website. Don t know whether you came across to it. It is interesting though.

      http://www.aiga.org/content.cfm/answering-the-call-to-service-design-an-interview-with-phi-hong-d-ha

      • Tony Pritchard 4:09 pm on November 16, 2009 Permalink | Reply

        Hi Claudio, no I haven’t seen the link so thanks for posting it here. Service Design has been emerging over the last couple of years. Each new discipline attempts to trump the previous one. First there was graphic design, then information design suggested that it was the umbrella title that subsumed graphic design, then Nathan Shedroff coined the term experience design and that took in information design. It makes sense to see design as part of a multi-disciplinary solution – some people operate at the micro level and others at the macro. Can you think of people who operate equally well at both levels and the levels in between?

    • Mark Horgan 6:31 pm on November 17, 2009 Permalink | Reply

      This is an interesting development on the standard GUI where multi-touch replaces the mouse.

      http://10gui.com/

      • Tony Pritchard 6:59 pm on November 17, 2009 Permalink | Reply

        Thanks for the reference Mark. It would be interesting to see inclusive developments for people who don’t have use of their hands as well.

c
Compose new post
j
Next post/Next comment
k
Previous post/Previous comment
r
Reply
e
Edit
o
Show/Hide comments
t
Go to top
l
Go to login
h
Show/Hide help
shift + esc
Cancel