Description
Projektowanie interfejsów. Sprawdzone wzorce projektowe
Twórcy oprogramowania mogą dziś korzystać z wielu niesłychanie sprawnych narzędzi do tworzenia świetnych aplikacji. Równocześnie obserwujemy olbrzymi rozwój oprogramowania przeznaczonego do najróżniejszych urządzeń. Producenci aplikacji prowadzą swoisty wyścig zbrojeń, starając się zapewnić swoim użytkownikom porywające wrażenia podczas korzystania z oferowanych produktów. W tym niezwykle zmiennym środowisku stałe pozostaje jedno: sposób, w jaki ludzie postrzegają oprogramowanie i z niego korzystają. Ludzkie zmysły i psychika człowieka się nie zmieniają. Nawet najdoskonalsza aplikacja, jeśli ma być użyteczna, musi zapewniać interfejs odpowiadający potrzebom odbiorców.Publikacja pozwala zapoznać się z fundamentalnymi teoriami i praktycznymi aspektami dobrego designu; to wydanie zostało starannie przejrzane i uzupełnione o najnowsze osiągnięcia w tej dziedzinie. Zawiera również spory zbiór sprawdzonych wzorców projektowych, znacząco ułatwiających projektowanie interfejsów. Wzorce te stworzono z wykorzystaniem zdobyczy psychologii, starano się przy tym zadbać o ich wszechstronność. Podstawą do ich zbudowania były większe lub mniejsze zadania wykonywane przy użyciu oprogramowania. Książka ułatwia poruszanie się po skomplikowanych zagadnieniach projektowania interfejsów, zapewniając wzorce dla aplikacji mobilnych, przeglądarkowych i samodzielnych programów komputerowych. Każdy wzorzec został zilustrowany przykładowymi projektami i opatrzony praktycznymi wskazówkami.Dzięki tej książce dowiesz się, jak:przygotować się do projektowania interfejsuzapewnić, aby oprogramowanie miało strukturę zrozumiałą dla użytkownikówprojektować komponenty ułatwiające użytkownikom wykonywanie zadańułatwić użytkownikom odnajdywanie potrzebnych funkcjiuwzględniać w projektowaniu wizualnym aspekt użyteczności produktutworzyć efektowne wizualizacje do prezentacji danychWzorce projektowe interfejsów: najlepsze wsparcie projektanta UX!Spis treści:Wprowadzenie do trzeciego wydania 111. Projektowanie dla ludzi 19Kontekst 20Poznaj odbiorcę 20Interakcja jest konwersacją 20Dopasowanie treści i funkcjonalności do potrzeb odbiorców 21Poziom umiejętności 22Interfejs jest jedynie środkiem do celu 23Spytaj: Dlaczego? 24Wartość projektowania: właściwe rozwiązanie właściwego problemu 24Badania: sposób na poznanie kontekstu i celów 26Obserwacja bezpośrednia 27Studia przypadków 27Ankiety 27Persony 28Badania projektowe nie są badaniami rynku 28Wzorce – procesy poznawcze i zachowania związane z projektem interfejsu 29Bezpieczna Eksploracja 30Pragnienie Natychmiastowej Satysfakcji 31Satisficing 31Zmiany Na Bieżąco 32Odwlekanie Decyzji 33Stopniowa Konstrukcja 34Przyzwyczajenie 35Mikroprzerwy 36Pamięć Przestrzenna 37Pamięć Prospektywna 38Wspomagane Powtarzanie 40Obsługa Klawiaturą 41Media Społecznościowe, Dowód Społeczny I Współpraca 42Podsumowanie 432. Organizacja treści: architektura informacji i struktura aplikacji 45Cel 46Definicja 46Projektowanie obszarów informacyjnych dla ludzi 47Podejście 47Oddzielenie informacji od prezentacji 47Zasada MECE 48Sposoby organizacji i kategoryzacji treści 49Alfabet 49Liczba 49Czas 49Lokalizacja 50Hierarchia 50Podobieństwo 50Projektowanie na potrzeby aplikacji zorientowanych na zadaniowość i obieg pracy 50Widoczność często używanych elementów 50Dziel zadania na sekwencje kroków 51Wielokanałowość i zróżnicowanie rozmiarów ekranów 51Informacje w formie Kart 51Projektowanie systemu typów ekranów 52Ogląd – pokazanie listy lub siatki elementów 52Skupienie – pokazanie jednego elementu 54Tworzenie – udostępnienie narzędzi kreatywnych 54Działanie – umożliwienie wykonania czynności 55Wzorce 55Ekspozycja, Wyszukiwanie I Przeglądanie 56Bezpośredni Dostęp Mobilny 66Aktualności 67Przeglądarka Multimediów 81Pulpit 90Płótno I Paleta 93Kreator 97Edytor Ustawień 99Różne Widoki 105Wiele Obszarów Roboczych 112System Pomocy 115Tagi 126Podsumowanie 1323. Tam i z powrotem: nawigacja, drogowskazy i orientacja 133Przestrzeń informacji i czynności 134Drogowskazy 134Orientacja 134Nawigacja 135Nawigacja globalna 135Nawigacja funkcyjna 136Nawigacja asocjacyjna i wierszowa 136Powiązane treści 136Tagi 136Model społecznościowy 137Konwencje projektowania nawigacji 137Oddzielenie projektu nawigacji od projektu wizualnego 137Obciążenie poznawcze 137Niewielkie odległości 138Modele nawigacyjne 139Oś i szprychy 139Pełne połączenie 140Wiele poziomów lub drzewo 140Krok po kroku 142Piramida 142Płaska nawigacja 144Wzorce 144Wskazane Punkty Startowe 145Spis Treści 150Piramida 155Panel Modalny 159Głębokie Linkowanie 164Wyjście Ewakuacyjne 168Grube Menu 172Mapka Strony W Stopce 176Narzędzia Logowania 181Mapa Sekwencji 183Okruszki 188Pasek Przewijania Z Adnotacją 192Animowane Przejście 195Podsumowanie 2004. Układ elementów 201Podstawy tworzenia layoutu 201Hierarchia wizualna 201Co sprawia, że element wydaje się ważny 202Cztery zasady psychologii postaci 207Przepływ wzroku 209Wykorzystanie dynamicznych elementów 211Odblokowywanie Reakcyjne 213Ujawnianie Reakcyjne 213Obszary interfejsu 214Wzorce 215Layout 215Wydzielanie informacji 216Ramy Graficzne 216Obszar Centralny 219Siatka Równoprawnych Elementów 222Zatytułowane Sekcje 223Zakładki 226Akordeon 230Zwijane Panele 233Ruchome Panele 2355. Styl wizualny i estetyka 239Podstawy projektowania graficznego 240Hierarchia wizualna 240Kompozycja 240Kolor 242Typografia 246Czytelność 252Sugestywność 253Obrazy 257Co to oznacza dla aplikacji biznesowych 259Dostępność 260Rodzaje stylów wizualnych 260Skeumorficzny 261Ilustrowany 262Płaski 263Minimalistyczny 266Adaptacyjny/parametryczny 268Podsumowanie 2696. Urządzenia mobilne 271Wyzwania i szanse towarzyszące projektowaniu na urządzenia mobilne 272Niewielki rozmiar ekranu 272Zróżnicowana szerokość ekranu 272Ekrany dotykowe 273Trudność w pisaniu 273Problemy związane z otoczeniem 273Lokalizacja 274Kontekst społeczny i ograniczona uwaga 274Jak podejść do projektowania dla urządzeń przenośnych 274Wzorowe przykłady 277Wzorce 279Pionowy Stos 280Klisza 282Narzędzia Dotykowe 284Dolny Pasek Nawigacyjny 288Kolekcje I Karty 289Nieskończona Lista 293Duże Marginesy 294Wskaźniki Wczytywania 297Połączone Aplikacje 298Zadbaj o interfejs mobilny 3037. Listy 305Scenariusze korzystania z list 305Architektura informacji 306Co chcesz pokazać? 307Wzorce 310Wybór Dwupanelowy lub Widok Złożony 310Uszczegółowienie W Jednym Oknie 314Wkładki 317Karty 320Siatka Miniaturek 323Karuzela 327Paginacja 329Bezpośrednie Przejście Do Elementu 332Przewijanie Alfabetyczne/Numeryczne 335Pole Nowego Elementu 336Podsumowanie 3388. Jak to się robi: czynności i polecenia 339Dotykanie, przeciąganie i szczypanie 340Obracanie i potrząsanie 341Przyciski 341Paski menu 341Menu kontekstowe 342Rozwijane menu 342Paski narzędzi 342Odnośniki 342Panele poleceń 342Ukryte narzędzia 343Pojedyncze i dwukrotne kliknięcia 343Polecenia klawiszowe 343Skróty 344Kolejność tabulacji 344Przeciągnij i upuść 344Wpisywane polecenia 344Afordancja 345Bezpośrednia manipulacja obiektami 345Wzorce 347Grupy Przycisków 348Ukryte Narzędzia 350Panel Poleceń 353Wyszczególniony Przycisk „Zakończ” 356Inteligentne Elementy Menu 362Podgląd 364Spinnery I Wskaźniki Postępu 368Odwoływalność 373Wielopoziomowe Cofanie Czynności 375Historia Poleceń 379Makra 381Podsumowanie 3879. Prezentowanie złożonych danych 389Podstawy infografik 389Modele organizacyjne – jak wygląda organizacja danych? 390Przedświadoma interpretacja zmiennych – co wiąże się z czym? 391Nawigacja i przeglądanie – jak mogę zgłębić te dane? 395Sortowanie i przestawianie – czy mogę zmienić strukturę danych, by uzyskać inny punkt widzenia? 396Wyszukiwanie i filtrowanie – w jaki sposób mogę dostać wyłącznie te dane, których potrzebuję? 399Dane jako takie – jakie są konkretne wartości danych? 400Wzorce 402Chmurki Informacyjne 402Podświetlanie Danych 406Dynamiczne Kwerendy 408Rozrysowywanie Danych 411Równoległe Wykresy 415Wykres Panelowy 418Moc wizualizacji danych 42210. Dane wejściowe: formularze i kontrolki 423Podstawy projektowania formularzy 424Formularze stale ewoluują 426Dodatkowe materiały 427Wzorce 427Format Pobłażliwy 428Format Strukturalny 432Uzupełnianie 435Wskazówki 438Zapytanie 442Miernik Bezpieczeństwa Hasła 444Automatyczne Uzupełnianie 449Rozwijany Selektor 456Kreator Listy 460Poprawne Wartości Domyślne 464Komunikaty O Błędach 468Podsumowanie 47411. Systemy interfejsów użytkownika i Atomic Design 475Systemy UI 476Przykład systemu UI opartego na komponentach: Microsoft Fluent 476Atomic Design – metodyka projektowania systemów 479Przegląd 480Hierarchia Atomic Design 481Frameworki UI 482Przegląd 483Korzyści 483Właściwości frameworków UI 483Przegląd wybranych frameworków UI 484Podsumowanie 49412. Poza ekranem 497Inteligentne systemy – części składowe 498Połączone urządzenia 498Systemy antycypacyjne 498Systemy asystujące 498Naturalne interfejsy użytkownika 499Podsumowanie 499
Informatyka
1000 puzzle, kwiat kalafiora, numero 1, lays kurki w smietanie, potwur, zielony desperados, kwiat jabloni winyl, pizza z pieczarkami i szynką, drink z cytrynówką, primaaprilisowy zart, merkury opole, kamerkish, jaroslaw sokolowski, grants 12, pianki haribo, pojemnik na śmieci metalowy, seria mazurska michalak tom 6, zając czekoladowy, noże fiskars w bloku
yyyyy
