Lecture11 A Image

SFDV2001 – Web Development Lecture 11 A: Design

What is Design ,[object Object],[object Object],[object Object],[object Object],(SFDV2001:18) Design Design is the art of gradually applying constraints until only one solution remains

Style vs Content ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],(SFDV2001:18) Design

Quotations ,[object Object],(SFDV2001:18) Design Form follows function - that has been misunderstood. Form and function should be one, joined in a spiritual union. No matter how beautiful, no matter how cool your interface, it would be better if there were less of it. Douglas Martin Frank Lloyd Wright Alan Cooper

Not Print Design ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],(SFDV2001:18) Design

Similarities ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],(SFDV2001:18) Design

Design Principle ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],(SFDV2001:18) Design

Process ,[object Object],(SFDV2001:18) Design

Usability ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],(SFDV2001:18) Design

Navigation ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],(SFDV2001:18) Design

Consistency ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],(SFDV2001:18) Design ,[object Object]

Efficient vs consistent ,[object Object],[object Object],(SFDV2001:18) Design

Hierarchy ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],(SFDV2001:18) Design

Hierarchy (SFDV2001:18) Design a b c m o n p r q a – n – q : Breadcrumbs

Grids and Alignment ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],(SFDV2001:18) Design

Maintainability ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],(SFDV2001:18) Design

KISS ,[object Object],[object Object],[object Object],(SFDV2001:18) Design Simplicity is the ultimate sophistication. Leonardo da Vinci The simplest explanation is usually the best. Ockham's Razor Make everything as simple as possible, but not simpler. Albert Einstein

Principle applied to Page Size ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],(SFDV2001:18) Design

Page Dimensions ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],(SFDV2001:18) Design

Above the Fold ,[object Object],[object Object],[object Object],[object Object],[object Object],(SFDV2001:18) Design fold / bottom of screen

Aesthetic ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],(SFDV2001:18) Design

Design Eye ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],(SFDV2001:18) Design

Simplification (SFDV2001:18) Design Don’t underline any text that’s not a link, even if your links aren’t underlined. Reserve underlining for links . Because underlines provide a strong perceived affordance of clickability, users will be confused and disappointed if underlined text doesn’t have an actual affordance to match this perception. Use bold or italics for emphasis with text that’s not a link . If you are going to use underlines, reserve the technique for links. Underlines on the web have a general expectation to act like links, and users will be confused or disappointed if underlined text doesn’t match this expectation.

Group Dynamics ,[object Object],[object Object],[object Object],[object Object],[object Object],(SFDV2001:18) Design

Who is in charge ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],(SFDV2001:18) Design

Design is a Craft ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],(SFDV2001:18) Design

Practical Considerations ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],(SFDV2001:18) Design

Lecture11 A Image

Empfohlen

Empfohlen

Weitere ähnliche Inhalte

Was ist angesagt?

Was ist angesagt? (10)

Ähnlich wie Lecture11 A Image

Ähnlich wie Lecture11 A Image (20)

Mehr von Sur College of Applied Sciences

Mehr von Sur College of Applied Sciences (15)

Kürzlich hochgeladen

Kürzlich hochgeladen (20)

Lecture11 A Image