Kilka rad i porad związanych z jego projektowaniem

Podobne dokumenty
Anty-przykład, czyli jak zrazić użytkownika już na starcie

Robert Szmurło. Projektowanie Graficznych Interfejsów Użytkownika

WWW: Adres: Instytut Informatyki ul. Będzińska Sosnowiec Pokój 214 Telefon:

Zarządzanie kontami użytkowników w JSA przez Administratora JSA

Zakładanie konta w JSA przez administratora JSA. Rozpocznij

edycja szablonu za pomocą serwisu allegro.pl

System Zarządzania Czasem Pracy na Produkcji by CTI. Aplikacje Terminalowe - Instrukcja

TimePlanet Sp. z o.o. Nowogrodzka Warszawa Witamy w świecie TimeCloud

Instrukcja konfiguracji połączenia PPPoE w Windows XP

Pomoc krok-po-kroku. Jak korzystać z Twinspace

Jak zacząć korzystać w HostedExchange.pl ze swojej domeny

Zarządzanie kontaktami

Grant Edukacyjny Engram English

Szybki start SAMOOCENA W NOR-STA

Instrukcja obsługi wewnętrznej poczty mmedica

Te i wiele innych cech sprawia, że program mimo swej prostoty jest bardzo funkcjonalny i spełnia oczekiwania większości klientów.

Instrukcja konfiguracji połączenia PPPoE w Windows XP (opracowana przez: Dział Techniczny Cityconnect Sp. z o.o.)

Przewodnik... Tworzenie Landing Page

Formularze w programie Word

4. Terminarz. Moduł TERMINARZ został stworzony na potrzeby koordynacji i lepszej organizacji pracy w Twoim salonie.

OmniTouch 8400 Instant Communications Suite Usługi One Number Services, dostęp internetowy

Projektowanie przy uz yciu motywo w częś c 1: informacje podśtawowe

Dostęp do poczty za pomocą przeglądarki internetowej

REJESTRACJA I PUBLIKACJA ARTYKUŁÓW W SERWISIE. TUTORIAL

Kolory elementów. Kolory elementów

Instrukcja ustawienia autorespondera (odpowiedzi automatycznych) dla pracowników posiadających konto pocztowe Microsoft Outlook Exchange

Platforma e-learningowa

Do korzystania ze strony elektronicznej rekrutacji zalecamy następujące wersje przeglądarek internetowych:

unikupon.pl Unikupon PC Instrukcja obsługi

Jak przesłać mapę do urządzenia lub na kartę pamięci?

Robot Gaduła. Wstęp. Scratch. Nauczysz się jak zaprogramować własnego, gadającego robota! Zadania do wykonania. Przetestuj swój projekt

INSTRUKCJA UŻYTKOWNIKA

Platforma VULCAN. Jak rozpocząć pracę na Platformie VULCAN? Logowanie administratora do Platformy

Wstęp. Modelowanie. Metody projektowania. Dokumentacja programowa. Wymagania funkcjonalne i niefunkcjonalne Cykl życia systemu

Portal wykładowco w. Jeżeli chcesz rozpocząć pracę z portalem, skontaktuj się ze swoim planistą. Planista utworzy konto logowania dla Ciebie.

1. Wstęp Niniejszy dokument jest instrukcją użytkownika dla aplikacji internetowej DM TrackMan.

Tworzenie własnych treści w kreatorze Click Web

Do korzystania ze strony elektronicznej rekrutacji zalecamy następujące wersje przeglądarek internetowych:

Szybki start SAMOOCENA W NOR-STA

Edytor tekstu OpenOffice Writer Podstawy

Programowanie obiektowe

PODRĘCZNIK UŻYTKOWNIKA programu Pilot

Na komputerze z Windowsem

Po wyborze daty i kliknięciu zostaniesz automatycznie przeniesiona do Twojego menu. To Twoje królestwo i możesz tu działać jak chcesz.

Jak skonfigurować Outlooka?

Instrukcja aktualizacji oprogramowania (firmware) serwera DESKTOP 1.0 systemu F&Home RADIO.

INSTRUKCJA UŻYTKOWNIKA. Spis treści. I. Wprowadzenie II. Tworzenie nowej karty pracy a. Obiekty b. Nauka pisania...

Adobe InDesign lab.1 Jacek Wiślicki, Paweł Kośla. Spis treści: 1 Podstawy pracy z aplikacją Układ strony... 2.

Podstawy technologii WWW

Moje Projekty. Wprowadzenie HTML & CSS

Moduł Grafika komputerowa i multimedia 312[01].S2. Ćwiczenia Podstawy programu Autocad 2011 Prosta

Konfiguracja zapory Firewall w systemie Debian.

Podstawy tworzenia prezentacji w programie Microsoft PowerPoint 2007

Rozpocznijmy ten odcinek od rozwiązania problemu postawionego w poprzednim odcinku:

Instrukcja obsługi programu VisitBook Semieta Lite

Spis treści. tel.:

Oriflame Online. - Stworzenie własnej strony www nie jest trudne -

Spis treści REJESTRACJA NOWEGO KONTA UŻYTKOWNIKA PANEL ZMIANY HASŁA PANEL EDYCJI DANYCH UŻYTKOWNIKA EXTRANET.NET...

INSTRUKCJA TWORZENIA I PRZESYŁANIA RAPORTU UWAGA! RAPORTY MOGĄ TWORZYĆ TYLKO UCZNIOWIE

Jak zainstalować szablon allegro?

ABC komputera i Internetu

Jak korzystać z PZU GO

1. 2. Dobór formy do treści dokumentu w edytorze tekstu MS Word

Uruchamianie bazy PostgreSQL

Nabór Bursy/CKU. Do korzystania ze strony elektronicznej rekrutacji zalecamy następujące wersje przeglądarek internetowych:

Aplikacja do podpisu cyfrowego npodpis

5. Kliknij teraz na ten prostokąt. Powinieneś w jego miejsce otrzymać napis. Jednocześnie została wywołana kolejna pozycja menu.

INSTRUKCJA OBSŁUGI ELEKTRONICZNEGO SYSTEMU WYSTAWIANIA WYCIĄGÓW ZE ŚWIADECTWA HOMOLOGACJI

Aktualizacja firmware w urządzeniu za pośrednictwem FTP

SERWIS INTERNETOWY GRUPY EUROPA. Instrukcja użytkownika

Szkolenie dla nauczycieli SP10 w DG Operacje na plikach i folderach, obsługa edytora tekstu ABC. komputera dla nauczyciela. Materiały pomocnicze

NADANIE PRZESYŁKI ZAGRANICZNEJ DROGOWEJ PŁATNEJ W PUNKCIE. Materiały Szkoleniowe

Jak prowadzić rozmowy wideo i głosowe z bliskimi osobami na przykładzie komunikatora Skype

CELAB. System Informatyczny. Pracownie krok po kroku LTC 1

Instrukcja wejścia na konsultacje on-line

58 Zjazd Naukowy PTChem. Zgłaszanie abstraktów

Czym jest MIT App Inventor. App Inventor jest to zbiór bloków jako język programowania używany do tworzenia mobilnych aplikacji na androida.

Jak stworzyć własny blog w kreatorze Click Web?

Platforma VULCAN. Jak rozpocząć pracę na Platformie VULCAN? Logowanie administratora do Platformy

Instrukcja obsługi funkcji specjalnych szablonu C01 v.1.0

Co nowego w programie GM EPC

Spis treści: A. Logowanie Abonenta do systemu e-faktury B. Strona główna e-faktury C. Zakładka faktury:... 4

Spis treści 1. Wstęp Logowanie Główny interfejs aplikacji Ogólny opis interfejsu Poruszanie się po mapie...

NetDrive czyli jak w prosty sposób zarządzać zawartością FTP

INSTRUKCJA DLA UCZNIÓW

Instrukcja do platformy internetowej Art-Aktywator. Instrukcja do platformy internetowej Art-Aktywator

Samouczek edycji dokumentów tekstowych

TaalCompleet: e-learning Hoe werkt het? Pools Jak to działa? Polski

Przewodnik Szybki start

Problemy techniczne. Kontrolę konta administratora można z powrotem włączyć po zainstalowaniu programu.

Maple i wykresy. 1.1 Najpierw należy się zalogować. Jak to zrobić zostało opisane w moim poprzednim tutorialu.

Sprawdzanie pracy w JSA z poziomu systemu uczelnianego

Formularz MS Word. 1. Projektowanie formularza. 2. Formularze do wypełniania w programie Word

Zakładanie konta w serwisie Canva i opcje interfejsu

Słowa kluczowe Sterowanie klawiaturą, klawiatura, klawisze funkcyjne, przesuwanie obiektów ekranowych, wydawanie poleceń za pomocą klawiatury

ZUS PRZEZ INTERNET KROK PO KROKU OŚWIADCZENIE CZŁONKA OFE O PRZEKAZYWANIU SKŁADKI DO OFE

ALTANIUSZ krótka instrukcja obsługi

Jak zrobić klasyczny button na stronę www? (tutorial) w programie GIMP

Transkrypt:

Kilka rad i porad związanych z jego projektowaniem

Ewolucja GUI

Anty-przykład, czyli jak zrazić użytkownika już na starcie Zawsze używaj cudnych i słodkich ikonek, przycisków i grafik. Wszyscy kochają ogromne czerwone serca, różowe króliczki i żółte uśmiechnięte twarzyczki. Nie bój się eksperymentować z kolorami! Twoja aplikacja powinna odgrywać różne śmieszne dźwięki (np. odgłos chrumkania świni) aby użytkownik się nie znudził.

Anty-przykład, czyli jak zrazić użytkownika już na starcie Nigdy, ale to przenigdy nie używaj wbudowanych w system operacyjny stylów kontrolek graficznych. Użytkownicy się nudzą widząc ciągle to samo. Jeśli tylko możliwe wyłącz zarządzanie oknami przez system operacyjny i puść wodzę fantazji jak ma wyglądać Twoja aplikacja. Kto powiedział, że X nie może być w lewym dolnym rogu, a przyciski OK. i Anuluj w przeciwnych rogach?

Anty-przykład, czyli jak zrazić użytkownika już na starcie Znany dialog zapisz jako? Zapomnij! Niech stanie się nowość! Czytelność jest przereklamowana. Pola wyboru (checkbox) powinny przykuwać wzrok, a nie łatwo dać odróżnić stan zaznaczony od niezaznaczony. Dbaj o przerwy dla użytkownika. Twój system powinien działać jak filmy na Polsacie co pół godziny przerwa na reklamę/kawę. Informacje krytyczne umieszczaj w najmniej spodziewanych miejscach. To ich nauczy uwagi.

Anty-przykład, czyli jak zrazić użytkownika już na starcie Ty wiesz lepiej jak ma wyglądać okno aplikacji. Dlatego nie pozwól komukolwiek zmieniać jego rozmiaru. A jak już to zrobi niech tego srogo pożałuje! Uzywaj fantazyjnych czcionek, poszerzasz dzieki temu horyzonty uzytkownika!

Anty-przykład, czyli jak zrazić użytkownika już na starcie Niech użytkownik nie ma możliwości cofnięcia zmian. Lepiej niech dwa razy pomyśli zanim zrobi coś głupiego. Na topie teraz są grafiki zrobione przez 5latków. Weź to pod uwagę konstruując layout.

Anty-przykład, czyli jak zrazić użytkownika już na starcie Jeśli już jednak ją napiszesz pod żadnym pozorem nie drukuj. Ekologia, te sprawy Kup sobie słownik frazeologiczny. Użytkownik nie cierpi używać stałej nomenklatury i nie cierpi prostych słów. Error 105234: missplaced hook in data ACQ process brzmi lepiej niż Błąd aplikacji: import nieudany

Anty-przykład, czyli jak zrazić użytkownika już na starcie Skróty klawiszowe znacznie ułatwiają życie, ale ten który je zdefiniował był kompletnym idiotą. Zrób to po swojemu np. niech Ctrl+X zamyka aplikacje. Masz super inteligentnych użytkowników systemu, którym nigdy nie przyda się instrukcja obsługi.

Anty-przykład, czyli jak zrazić użytkownika już na starcie Żądaj od użytkownika zalogowania już na starcie. Co z tego, że nie ma konta. I co z tego, że nie wykorzystasz w żaden sposób faktu zalogowania. Od razu koduj program. Przecież jesteś super-hiperinżynierem, który nie potrzebuje pytać statystycznych użytkowników jak odbierany jest jego interfejs. Feedback od użytkowników jest najważniejszy. Wszystko co mówią powinno natychmiast być zaimplementowane.

Teraz na serio na co zwracać uwagę 1. Słuchaj użytkowników krytycznie. 1. Generation-gap 2. Geek mode 2. KISS! 1. Pierwsza randka 2. Not 2 fast 4 U! 3. Użytkownik Twoim przyjacielem 1. To jest za trudne by się tego nauczyć

Teraz na serio na co zwracać uwagę 4. Hej, to można kliknąć! 5. Idą święta, system jak choinka. استخدام اللغة للمستخدم.6

Kilka słów o realizmie Komputery coraz lepiej naśladują rzeczywistość Fotorealistyczna grafika Efekty przezroczystości Trójwymiarowość Bezpośrednia interakcja Realistyczna fizyka Ale czy dla GUI to dobre?

Realizm a GUI http://ignorethecode.net/blog/2010/01/21/realism_in_ui_design

Uniwersalność vs. specyficzność

Od szczegółu do ogółu

Od szczegółu do ogółu w GUI

Wyjątek od reguły

Przyszłość nowe interfejsy

Augmented Reality