Order

67 %
33 %
Information about Order
Design

Published on February 26, 2014

Author: robertodadda

Source: slideshare.net

Description

Order concepts for web designers

Mater of Arts in Communication Design WEB DESIGN Order & equilibrium

"Order." Merriam-Webster.com. Merriam-Webster, n.d. Web. 12 Feb. 2014. <http://www.merriam-webster.com/dictionary/order>. Order "Disorder." Merriam-Webster.com. Merriam-Webster, n.d. Web. 12 Feb. 2014. <http://www.merriam-webster.com/dictionary/disorder>. WEB DESIGN NABA 2014 Roberto DADDA 2

Disorder gives the idea of complexity Order WEB DESIGN NABA 2014 Roberto DADDA 3

Ordered complexity! Order WEB DESIGN NABA 2014 Roberto DADDA 4

We need order AND simplicity! Order WEB DESIGN NABA 2014 Roberto DADDA 5

Order Albert Einstein, 14 March 1879 – 18 April 1955) Everything Should Be Made as Simple as Possible, But Not Simpler WEB DESIGN NABA 2014 Roberto DADDA 6

Order WEB DESIGN NABA 2014 Roberto DADDA 7

Order WEB DESIGN NABA 2014 Roberto DADDA 8

Information density too low usefull info total info EQUILIBRIUM! too high Order • Waste of precious screen space • Two many click • Impession of loosing time • STM needed to understand correlation between pages and pages elements WEB DESIGN NABA 2014 Roberto DADDA • Impression of confusion • STM needed to undertand page elements • Difficult to remember • Download time rises 9

Grid usage, clean design & test with user’s Order WEB DESIGN NABA 2014 Roberto DADDA 10

Let’s learn from video makers http://userinterfaced.com/designing-video-information-density-for-optimum-audience-engagement/ Order WEB DESIGN NABA 2014 Roberto DADDA 11

Joan MIRO, Stars in Snails' Sexes 1925 Contrast & user’s focus Order With color, dimension, shape… contrast we may attract the user attention on elements and information flow direction. WEB DESIGN NABA 2014 Roberto DADDA 12

Order WEB DESIGN NABA 2014 Roberto DADDA 13

In page design… • Identify element’s correlation, connection and order using the laws of Gestalt • Use de facto general standards • Use reasonable local standards • Evoid useless information • Minimize cognitive load Order WEB DESIGN NABA 2014 Roberto DADDA 14

Design effort deep trivial Balanced design TOO MUCH NONEXISTENT CAOS simple Order CORRECT complex WEB DESIGN NABA 2014 Roberto DADDA Rules 15

Graphics for usability, the goals • Be easy to read (text and images) for all the expected users • Help to understand structure of page giving to the user a sensation of simplicity • Help to associate homogeneous content elements • Use visual codes usual for the expected users and coherent • Use coherent visual codes inside the pages ecosystem • Avoid redundancy • Avoid ambiguity Order WEB DESIGN NABA 2014 Roberto DADDA 16

Noise and chaos • Noise • Avoid the usage of useless visual elements that divert the attention from the meaningful ones • Chaos • Avid putting too many elements together, they will interfere! Order WEB DESIGN NABA 2014 Roberto DADDA 17

Order Dada or Dadaism was an art movement of the European avant-garde in the early 20th century. WEB DESIGN NABA 2014 Roberto DADDA 18

Order WEB DESIGN NABA 2014 Roberto DADDA 19

Contrast, alikeness, stratification • Contrast • Use it to differentiate elements and make the user focus where needed • Alikeness • Group with this gestalt law correlated and homologous elements • Stratification • Visual layers help users to identify logical correlation and background Order WEB DESIGN NABA 2014 Roberto DADDA 20

Structure and visual journey • Structure • Use graphics elements, shape and position to make content structure and elements correlations evident (Grid, alignment, panes…) • Visual journey • Give to the customer the possibility of perceiving interaction as a logical journey easy to find and to remember. Order WEB DESIGN NABA 2014 Roberto DADDA 21

Order WEB DESIGN NABA 2014 Roberto DADDA 22

Consistence & contest • Consistence • Let’s call the same elements with the same names, symbols, colors, shapes… • Context • Adapt symbols to the contest and to the attended user’s Order WEB DESIGN NABA 2014 Roberto DADDA 23

Roberto Dadda www.dadda.it roberto@dadda.it +39 338 775 22 03 Twitter, facebook, linkedin: robertodadda Order WEB DESIGN NABA 2014 Roberto DADDA 24

Add a comment

Related presentations

Related pages

dict.cc Wörterbuch :: order :: Deutsch-Englisch-Übersetzung

Englisch-Deutsch-Übersetzung für order im Online-Wörterbuch dict.cc (Deutschwörterbuch).
Read more

dict.cc | Order | Wörterbuch Englisch-Deutsch

Übersetzung für Order im Englisch-Deutsch-Wörterbuch dict.cc.
Read more

Order – Wikipedia

Der Begriff Order (von franz.: ordre) bezeichnet. eine Bestellung; einen militärischen Befehl oder eine Weisung; eine Wertpapierorder im Bank- und ...
Read more

Order - definition of order by The Free Dictionary

or·der (ôr′dər) n. 1. A condition of logical or comprehensible arrangement among the separate elements of a group. 2. a. A condition of methodical or ...
Read more

SQL ORDER BY - 1Keydata SQL-Tutorial

Dieses SQL-Tutorial soll Anfänger mit den Grundbausteinen der Datenbanksprache SQL vertraut machen. Dieser Abschnitt zeigt, wie SQL-Ergebnisse mit ORDER ...
Read more

Guido Fawkes - Parliamentary plots and conspiracy

Parliamentary plots and conspiracy ... After John Cleese asked his Twitter followers why “half-educated tenement Scots” are allowed to run the English ...
Read more

The Order: 1886 (uncut) Standard-Edition - [PlayStation 4 ...

The Order: 1886 (uncut) Standard-Edition - [PlayStation 4] bei Amazon.de - Schneller & Kostenloser Versand ab 29€. Jetzt bestellen!
Read more

Law & Order bei fernsehserien.de

Law & Order: Die am längsten laufende Krimiserie der US-amerikanischen Fernsehgeschichte zeigt die Jagd nach Verbrechern in und um New York aus zwei …
Read more

Law & Order – Wikipedia

Law & Order, auch bekannt als Die Aufrechten – Aus den Akten der Straße, ist eine von 1990 bis 2010 produzierte US-amerikanische Fernsehserie.
Read more

Law & Order: Special Victims Unit - VOX.de

Im Mittelpunkt der VOX-Crimeserie "Law & Order: Special Victims Unit" steht das Ermittlerduo Detective Olivia Benson und Elliot Stabler.
Read more