1 { Organizacja strony Układ elementów

2 Wybór najważniejszych treści strony! Od czego zacząć ?

3  Kontrasty kolorów  Gęstość elementów  Rozmieszczenie i rozmiar  Rytm Ważne szczegóły

4 Czego użytkownik szuka?

5 Grupujmy elementy

6 Listy Podpisy i komentarze

7 www.bzwbk.payback.pl Przepływ wzroku Wezwania do działania! Elementy na stronie skupiające dużo uwagi: -Formularze -Plakaty -Itp.. Przepływ wzroku przy formularzach prowadzi do przycisku „Wyślij”

8 http://kupbilet.pl/ http://rury.com.pl/ Sajgon na layoucie

9  Bliskość  Podobieństwo  Ciągłość  Dopełnienie Cztery istotne prawa Dopiero gdy złączymy wszystkie prawa w jeden layout, otrzymamy najlepszy efekt!

10 Wzorce 1.Obszar centralny 2.Siatka równoprawnych elementów Musimy zdecydować czy nasza strona będzie miała jeden najważniejszy element, czy może kilka elementów składających się w jedną całość.

11 3. Zatytułowane sekcje 4. Zakładki 5. Akordeon 6. Zwijane panele 7. Ruchome panele Wzorce pozwalające ukrywać część strony i odsłaniać w zależności od potrzeby użytkownika, pozwalają uniknąć zbyt wielu punktów skupienia które tylko nas rozpraszają

12 Obszar centralny

13 - Skupia pracę na pojedynczym elemencie layoutu - Przydatne dla programów do obróbki grafiki - Duży obszar do wykorzystania - Mało przydany dla interfejsów wymagających oglądania jednocześnie wielu różnych elementów ( chyba, że mamy możliwość konfiguracji )

14 Siatka Równoprawnych elementów Nasz kochany wujek google

15 - Nie pozwala na wyróznianie elementów - Grupuje elementy w spójne siatki - Pozwala na łatwe przeglądanie elementów - Upraszcza wyszukiwanie bez konieczności przeglądania wielu podstron

16 Zatytułowane sekcje

17 - Łatwość szukania informacji - Idealny sposób na gromadzenie w spójne bloki

18 Zakladki

19 - Hermetyzują aktualnie niepotrzebną część strony - Poprawiają widoczność elementów - Ułatwiają grupowania i wyszukiwanie elementów - Powinny być jednakowej wielkości

20 Akordeon guziokowy klawiszowy

21 A tak serio -Grupuje elementy w moduły -Ułatwia wyszukiwanie -Pozwala ułatwić dostęp do funkcji które do których użytkownicy są już przyzwyczajeni i wiedzą jak je znaleźć