Projektowanie interfejsów. Sprawdzone wzorce projektowe - ebook

Mimo istnienia ogromnej ilości narzędzi do tworzenia interfejsów użytkownika projektowanie dobrych interfejsów aplikacji wciąż nie jest łatwe. Ta bestsellerowa książka jest jednym z niewielu wiarygodnych źródeł, które pomogą Ci przejść przez istny labirynt wariantów projektowych. "Projektowanie interfejsów" przedstawia najlepsze praktyki i gotowe do wdrożenia pomysły w postaci wzorców UI oraz dostarcza rozwiązań powszechnych problemów w dziedzinie projektowania. Rozwiązania te możesz łatwo dostosować do sytuacji, w jakiej się znajdujesz.

W niniejszym zaktualizowanym wydaniu znajdziesz wzorce do wykorzystania zarówno w aplikacjach mobilnych i mediach społecznościowych, jak i w aplikacjach internetowych czy programach komputerowych. Każdy wzorzec zilustrowany jest przykładowymi projektami oraz opatrzony praktycznymi poradami, z których możesz natychmiast skorzystać. Doświadczeni projektanci mogą używać tego przewodnika jako źródła pomysłów, zaś początkujący mogą go potraktować jak mapę w drodze przez świat projektowania interfejsów i interakcji.

• Twórz porywające i praktyczne interfejsy - pewnie, a nie po omacku
• Poznaj trudne do interpretacji koncepcje projektowania: afordancje, hierarchię wizualną, odległość nawigacyjną oraz wykorzystanie kolorów
• Zapoznaj się z rekomendacjami poszczególnych wzorców UI, a także z wzorcami zastępczymi i poradami, kiedy pewnych wzorców nie należy używać
• Łącz i zestawiaj wzorce interfejsu według upodobań
• Dopieść wygląd i działanie interfejsów dzięki wykorzystaniu zasad projektowania graficznego oraz wzorców

Wprowadzenie do drugiego wydania (9)

Wprowadzenie (13)

1. Co robi użytkownik (23)

• Środek do celu (24)
  
• Podstawy badań użytkowników (26)
  
• Motywacja użytkowników do nauki (28)
  
• Wzorce (30)
  
  • Bezpieczna Eksploracja (31)
  • Pragnienie Natychmiastowej Satysfakcji (32)
  • Satisficing (32)
  • Zmiany Na Bieżąco (33)
  • Odwlekanie Decyzji (34)
  • Stopniowa Konstrukcja (35)
  • Przyzwyczajenie (36)
  • Mikroprzerwy (37)
  • Pamięć Przestrzenna (38)
  • Pamięć Prospektywna (39)
  • Wspomagane Powtarzanie (40)
  • Miłość Do Klawiatury (41)
  • Porady Innych (42)
  • Osobiste Rekomendacje (43)

2. Organizacja treści: architektura informacji i struktura aplikacji (45)

• Ogólny zarys (46)
  
• Wzorce (49)
  
  • Ekspozycja, Wyszukiwanie I Przeglądanie (50)
  • Aktualności (54)
  • Menedżer Obrazów (59)
  • Pulpit (64)
  • Płótno I Paleta (69)
  • Kreator (73)
  • Edytor Ustawień (77)
  • Różne Widoki (81)
  • Wiele Obszarów Roboczych (85)
  • Wielopoziomowy System Pomocy (88)

3. Tam i z powrotem: nawigacja, drogowskazy i poruszanie się (95)

• Jak się odnaleźć (95)
  
• Koszt nawigacji (96)
  
• Modele nawigacji (98)
  
• Konwencje projektowania stron (103)
  
• Wzorce (104)
  
  • Wskazane Punkty Startowe (104)
  • Spis Treści (107)
  • Piramida (110)
  • Panel Modalny (114)
  • Głębokie Linkowanie (117)
  • Wyjście Ewakuacyjne (121)
  • Grube Menu (123)
  • Mapka Strony W Stopce (127)
  • Narzędzia Logowania (131)
  • Mapa Sekwencji (134)
  • Okruszki (136)
  • Pasek Przewijania Z Adnotacją (139)
  • Animowane Przejście (142)

4. Organizacja strony: układ elementów (145)

• Podstawy tworzenia layoutu strony (145)
  
  • Hierarchia wizualna: ważność i relacje (145)
  • Przepływ wzroku: na co teraz spojrzeć (151)
  • Wykorzystanie dynamicznych elementów (153)
• Wzorce (155)
  
  • Ramy Graficzne (156)
  • Obszar Centralny (159)
  • Siatka Równoprawnych Elementów (163)
  • Zatytułowane Sekcje (166)
  • Zakładki (169)
  • Akordeon (173)
  • Zwijane Panele (177)
  • Ruchome Panele (180)
  • Wyrównanie Do Lewej I Prawej (186)
  • Wyważenie Po Przekątnej (188)
  • Ujawnianie Reakcyjne (191)
  • Odblokowywanie Reakcyjne (194)
  • Płynny Layout (198)

5. Listy (203)

• Scenariusze korzystania z list (203)
  
• Architektura informacji (204)
  
• Możliwe rozwiązania (205)
  
• Wzorce (208)
  
  • Wybór Dwupanelowy (209)
  • Uszczegółowienie W Jednym Oknie (212)
  • Wkładki (216)
  • Siatka Miniaturek (220)
  • Karuzela (224)
  • Przemienne Tło (229)
  • Paginacja (232)
  • Bezpośrednie Przejście Do Elementu (235)
  • Przewijanie Alfabetyczne (237)
  • Kaskadujące Listy (239)
  • Tabela Drzewiasta (241)
  • Pole Nowego Elementu (243)

6. Jak to się robi: czynności i polecenia (245)

• Poszerzanie horyzontów (248)
  
• Wzorce (250)
  
  • Grupy Przycisków (251)
  • Ukryte Narzędzia (254)
  • Panel Poleceń (257)
  • Wyszczególniony Przycisk "Zakończ" (261)
  • Inteligentne Elementy Menu (264)
  • Podgląd (266)
  • Wskaźnik Postępu (269)
  • Odwoływalność (271)
  • Wielopoziomowe Cofanie Czynności (273)
  • Historia Poleceń (277)
  • Makra (279)

7. Prezentowanie danych: dendrogramy, wykresy i inne infografiki (283)

• Podstawy infografik (283)
  
• Wzorce (296)
  
  • Ogląd Ze Szczegółami (297)
  • Chmurki Informacyjne (300)
  • Podświetlanie Danych (303)
  • Dynamiczne Kwerendy (308)
  • Rozrysowywanie Danych (312)
  • Lokalne Przybliżanie (316)
  • Sortowalna Tabela (321)
  • Wykres Promienisty (323)
  • Równoległe Wykresy (328)
  • Wykres Panelowy (332)
  • Treemapa (336)

8. Dane wejściowe: formularze i kontrolki (343)

• Podstawy projektowania formularzy (343)
  
• Wybór kontrolek (346)
  
• Wzorce (361)
  
  • Format Pobłażliwy (362)
  • Format Strukturalny (364)
  • Uzupełnianie (366)
  • Wskazówki (369)
  • Zapytanie (372)
  • Miernik Bezpieczeństwa Hasła (374)
  • Automatyczne Uzupełnianie (377)
  • Rozwijany Selektor (381)
  • Kreator Listy (385)
  • Poprawne Wartości Domyślne (387)
  • Zlokalizowane Komunikaty O Błędach (389)

9. Media społecznościowe (395)

• Czego nie znajdziesz w tym rozdziale (396)
  
• Media społecznościowe od podstaw (396)
  
• Wzorce (399)
  
  • Przegląd Tematyczny (400)
  • Osobiste Wypowiedzi (404)
  • Współdzielenie I Komentowanie (406)
  • Zagajenia (410)
  • Odwrócona Mikropiramida (413)
  • Harmonogram (416)
  • Kanały Tematyczne (418)
  • Linki Społecznościowe (422)
  • Widget Współdzielenia (425)
  • Newsbox (427)
  • Ranking Treści (432)
  • Najnowsza Aktywność (435)

10. Urządzenia przenośne (439)

• Wyzwania towarzyszące projektowaniu na urządzenia mobilne (440)
  
• Wzorce (446)
  
  • Pionowy Stos (447)
  • Klisza (448)
  • Narzędzia Dotykowe (451)
  • Dolny Pasek Nawigacyjny (453)
  • Miniaturki Z Tekstem (455)
  • Nieskończona Lista (458)
  • Duże Marginesy (460)
  • Przycisk Kasowania Tekstu (462)
  • Wskaźniki Wczytywania (464)
  • Połączone Aplikacje (465)
  • Ujednolicony Branding (467)

11. Estetyka (473)

• Różne style, ta sama treść (475)
  
• Podstawy projektowania graficznego (483)
  
• Co to oznacza dla aplikacji komputerowych (492)
  
• Wzorce (493)
  
  • Odległe Tło (494)
  • Kilka Barw, Wiele Wartości (498)
  • Stylizowane Rogi (501)
  • Obwódki Zgodne Z Tekstem (504)
  • Ździebełka (507)
  • Kontrastująca Grubość Tekstu (509)
  • Skórki I Motywy (512)

Bibliografia (515)

• Strony internetowe (515)
  
• Książki (516)

Skorowidz (519)