Ce diaporama a bien été signalé.
Nous utilisons votre profil LinkedIn et vos données d’activité pour vous proposer des publicités personnalisées et pertinentes. Vous pouvez changer vos préférences de publicités à tout moment.
Review of Website:
Design and the Elastic Mind
               Visual Communications. Assignment Week 1




http://www.moma...
1. Idea

• The primary idea is to allow all information
  to present with equal importance and
  thereby allow viewers to ...
2. Support the Idea

• All text same color and weight
• Random, illustrated highlights show up
• Information Overload - Si...
3. Use Only Two Type
       Families
4. Color and Images for
       a Reason
• The mute color palate serves to give all
  content equal weight -- not directing...
5. Make Negative Space
    Part of Design

• Negative space is seriously lacking
• But this serves to enhance the feeling ...
6. Communicate -- Tell
     it Like it Is


• In this case I think Less Is Not More
7. Establish Hierarchy
• Hierarchy is established only by layout --
  title at top, individual bits of information at
  th...
8. Justification

• Justification is left everywhere.
• One mistake is the small arrow icons at top
  right of each box. The...
9. Work with Grid
10. Make Interface
         Intuitive

• A visit to the site is like a visit to the
  museum. Meandering is encouraged
Some Criticism
• No horizontal scroll (on-screen buttons
  not fixed -- confusing)
• Information overload -- Users never fe...
Vis comm  - elastic mind site review
Vis comm  - elastic mind site review
Prochain SlideShare
Chargement dans…5
×

Vis comm - elastic mind site review

Visual Communication Assigment Week 1

  • Soyez le premier à commenter

  • Soyez le premier à aimer ceci

Vis comm - elastic mind site review

  1. 1. Review of Website: Design and the Elastic Mind Visual Communications. Assignment Week 1 http://www.moma.org/interactives/exhibitions/2008/elasticmind/index.html
  2. 2. 1. Idea • The primary idea is to allow all information to present with equal importance and thereby allow viewers to choose their own route through the information
  3. 3. 2. Support the Idea • All text same color and weight • Random, illustrated highlights show up • Information Overload - Site seems to go on an on in both horizontal and vertical
  4. 4. 3. Use Only Two Type Families
  5. 5. 4. Color and Images for a Reason • The mute color palate serves to give all content equal weight -- not directing view • Images pop up from all over the place and even partially off screen encouraging viewer to wander
  6. 6. 5. Make Negative Space Part of Design • Negative space is seriously lacking • But this serves to enhance the feeling of ‘abundance of Info’
  7. 7. 6. Communicate -- Tell it Like it Is • In this case I think Less Is Not More
  8. 8. 7. Establish Hierarchy • Hierarchy is established only by layout -- title at top, individual bits of information at the bottom • Categories do serve as important middle level of information organization • Multiple different tracks to information • categories, pop-ups, connection links
  9. 9. 8. Justification • Justification is left everywhere. • One mistake is the small arrow icons at top right of each box. They throw justification off, further crowd page and aren’t even links (would be cool if they were collapse buttons)
  10. 10. 9. Work with Grid
  11. 11. 10. Make Interface Intuitive • A visit to the site is like a visit to the museum. Meandering is encouraged
  12. 12. Some Criticism • No horizontal scroll (on-screen buttons not fixed -- confusing) • Information overload -- Users never feel they have seen the whole site • a bit of a strain on the eyes to read the text • pictures are often confusing

    Soyez le premier à commenter

    Identifiez-vous pour voir les commentaires

Visual Communication Assigment Week 1

Vues

Nombre de vues

799

Sur Slideshare

0

À partir des intégrations

0

Nombre d'intégrations

89

Actions

Téléchargements

0

Partages

0

Commentaires

0

Mentions J'aime

0

×