Interface and Strategic Design: ideas and techniques

Interface and Strategic Design 

 

Interface and Strategic Design

 

Per raggiungere gli obiettivi è necessario ottimizzare all'estremo la comunicazione del nostro sito, design e interfacce sono strumenti utili per fare ciò: impariamo a sfruttarli al meglio!

 

 

 

 

 

Choose your goals!

Who visit my website?

What users search in my website?

How I show my contents?

 

The importantce of the layout > minimalistic? clean? dark? hand-drawn style?

Link:

40 Fresh, Elegant and Clean Design

50+ Dark Website Design

Hand-made modern Design Style Showcases

Minimalistic design = efficient comunication?

 

 

Who?

Do you know your target? Business? Kids? Teen?

Age? Gender? Preferences? Language?

 

Brand Image

What users feels

Colors are importants for the comunication with the users.

Examples:

Ecology? Green color with clean design or hand-drawn

Business? Differents color for differents section and elegant or clean design. 

 

Helps users!

Search Box importance

from smashing magazine forum:

  • Text field needs to have a white background
  • The text "search" has to be somewhere near it. It can be on a label, on the trigger button, or in the input itself.
  • Placement of the search box. Upper right part of the screen is standard, and users expect to find the search there.

 

Link: Can a Stylish Search Box helps users?

 

Modal Window

 

digg.com login

digg.com login

 

 

 

 

 

 

 

 

 

 

User Controls

 

YouTube.com user controls

YouTube.com user controls

 

 

 

 

 

 

 

 

 

 

Icons Menu

 

WebAir.it icons menu

WebAir.it icons menu

 

 

 

 

 

 

 

 

 

 

 

 

Typography

The Coca-Cola Brand > everyone knows the how the Coca-Cola is written!

 

Coca-Cola brand

Coca-Cola brand

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

And your typography?

Suggestions? http://ilovetypography.com/

 

How?

Disable pressed buttons

Example:

disable "Send" button after one user press it one time.

 

Embedded video

Users remains in your site.

 

Update in evidence

 

WebAir.it update in evidence

WebAir.it update in evidence

 

 

 

 

 

 

 

 

 

 

Keyboard shortcuts (for sw web-based)

Enable keyboard shortcuts for you users (like gmail.com).

 

Personalization options

User choose his preferences

 

Twitter.com personalization

Twitter.com personalization

 

 

 

 

 

 

 

 

 

 

Speriamo che i consigli siano stati utili, aspettiamo i vostri commenti e le vostre segnalazioni...