Projektowanie i analiza zadaniowa interfejsu na przykładzie okna dialogowego.

Podobne dokumenty
Zastosowanie programu Microsoft Excel do analizy wyników nauczania

Laboratorium Ergonomii Politechniki Wrocławskiej (

Planowanie adresacji IP dla przedsibiorstwa.

Instrukcja obsługi programu Pilot PS 5rc

Projektowanie ergonomicznego rozmieszczenia obiektów z uyciem programu Links

Poradnik korzystania z serwisu UNET: Konfiguracja programu pocztowego

Instalacja Altium Designer Powizane wideo Altium Designer - Installation and Management

Instrukcja obsługi programu DIALux 2.6

Przyk adowa konfiguracja zwielokrotnianienia po czenia za pomoc Link Aggregation Control Protocol

Rezonans szeregowy (E 4)

LABORATORIUM INFORMATYKI 0

Ustalenie optymalnego układu lokalizacyjnodystrybucyjnego

Jak przygotować pliki gotowe do publikacji w sieci za pomocą DigitLabu?

Komputerowa Ksiga Podatkowa Wersja 11.4 ZAKOCZENIE ROKU

Temat: Problem minimalnego drzewa Steinera. Definicja problemu. Zastosowania. Algorytm dokładny Hakimi. Algorytmy aproksymacyjne.

Przed instalacj naley sprawdzi wersj posiadanych sterowników urzdzenia. Powinna by nie starsza ni:

Instrukcja dla pracowników Uniwersytetu Rzeszowskiego.

Instalacja programu Sprzeda z motorem. bazy danych Pervasive V8

Zadania do wykonaj przed przyst!pieniem do pracy:

Wymierne korzyci wynikajce z analizy procesów

Ekonometria. wiczenia 1 Regresja liniowa i MNK. Andrzej Torój. Instytut Ekonometrii Zakªad Ekonometrii Stosowanej

System midzybankowej informacji gospodarczej Dokumenty Zastrzeone MIG DZ ver Aplikacja WWW ver. 2.1 Instrukcja Obsługi

Instalacja programu Sprzeda

PROWIZJE Menad er Schematy rozliczeniowe

Tworzenie bazy danych Biblioteka tworzenie tabel i powiza, manipulowanie danymi. Zadania do wykonani przed przystpieniem do pracy:

Instrukcja obsługi programu CalcuLuX 4.0

Temat: Problem najkrótszych cieek w grafach waonych, cz. I: Algorytmy typu label - setting.

Poradnik korzystania z serwisu UNET: Dostp do poczty elektronicznej ze strony WWW

Poniszy rysunek przedstawia obraz ukoczonej powierzchni wykorzystywanej w wiczeniu.

Metody Informatyczne w Budownictwie Metoda Elementów Skoczonych ZADANIE NR 1

Wprowadzenie. 3 m 3 m LAYOUT A. 3 m 3 m LAYOUT B

Instrukcja Obsugi Programu

Projekt okablowania strukturalnego dla I semestru Akademii CISCO we WSIZ Copernicus we Wrocławiu

Arkusz kalkulacyjny EXCEL

Laboratorium : Tworzenie partycji w Windows XP Pro

Projektowanie układów programowalnych w rodowisku MAX+plus II 10.1 BASELINE z wykorzystaniem edytora graficznego

Metody oceny uytecznoci

etrader Pekao Podręcznik użytkownika Strumieniowanie Excel

Program SMS4 Monitor

Pracownia internetowa w każdej szkole (edycja Jesień 2007)

Moemy tutaj doda pokoje do nieruchomoci (jeli wynajmujemy j na pokoje), zakwaterowa najemców, lub te dokona rezerwacji pokoju.

Dodanie nowej formy do projektu polega na:

Temat: Technika zachłanna. Przykłady zastosowania. Własno wyboru zachłannego i optymalnej podstruktury.

LOGISTYKA ZAOPATRZENIA I PRODUKCJI ĆWICZENIA 13 ROZMIESZCZENIE STANOWISK (LAYOUT)

3. Instalator rozpocznie proces instalacji

Podłczenie HMI do LOGO!..0BA7 (WinCC Basic V11)

Sposób tworzenia tabeli przestawnej pokażę na przykładzie listy krajów z podstawowymi informacjami o nich.

Krok po kroku... (czyli jak stworzyć i wydrukować krzyżówkę)

Ćwiczenia nr 4. Arkusz kalkulacyjny i programy do obliczeń statystycznych

Rys1 Rys 2 1. metoda analityczna. Rys 3 Oznaczamy prdy i spadki napi jak na powyszym rysunku. Moemy zapisa: (dla wzłów A i B)

Laboratorium A: Zarządzanie ustawieniami zabezpieczeń/klucz do odpowiedzi

Opera Wykorzystanie certyfikatów niekwalifikowanych w oprogramowaniu Opera wersja 1.1 UNIZETO TECHNOLOGIES SA

stopie szaro ci piksela ( x, y)

Problem decyzyjny naley do klasy NP. (Polynomial), jeeli moe by rozwizany w czasie conajwyej wielomianowym przez algorytm A dla DTM.

PROGRAMOWANIE STEROWNIKA FANUK (A 17)

Laboratorium - Utwórz partycję w Windows Vista

Rys. 1 Wdok z góry sali konferencyjnej

Instalacja Webroot SecureAnywhere przy użyciu GPO w Active Directory

Microsoft EXCEL SOLVER

Rys. 1. Rozpoczynamy rysunek pojedynczej części

Zapytania i wstawianie etykiet z bazy danych do rysunku

Laboratorium - Utwórz partycję w Windows 7

obsług dowolnego typu formularzy (np. formularzy ankietowych), pobieranie wzorców formularzy z serwera centralnego,

Laboratorium - Tworzenie partycji w Windows XP

Laboratorium elektryczne. Falowniki i przekształtniki - I (E 14)

CZĘŚĆ A PIERWSZE KROKI Z KOMPUTEREM

Dostp do zasobów dyskowych uytkowników lcme10 przez protokół SMB (Microsoft Networking)

Temat: Kopiowanie katalogów (folderów) i plików pomiędzy oknami

Arkusz strona zawierająca informacje. Dokumenty Excela są jakby skoroszytami podzielonymi na pojedyncze arkusze.

Symulacja cieek klinicznych w rodowisku PowerDesigner i SIMUL8

Przycisk pracy. Przycisk stopu/kasowanie

UNIWERSYTET RZESZOWSKI KATEDRA INFORMATYKI

Wybieramy File->New->Project Wybieramy aplikację MFC->MFC Application jak na rysunku poniżej:

s FAQ: NET 09/PL Data: 01/08/2011

T A B E L E i K W E R E N D Y

1) Grafy eulerowskie własnoci algorytmy. 2) Problem chiskiego listonosza

Autorzy: Kraków, stycze 2007 Łukasz Dziewanowski Filip Haftek (studenci AGH III roku kierunku Automatyka i Robotyka)

WyŜsza Szkoła Zarządzania Ochroną Pracy MS EXCEL CZ.2

3. Podaj podstawowe zasady uzgadniania. usytuowania sieci uzbrojenia terenu.

Z pojedynczym obiekcie zasady grupy znajdziemy dwa główne typy ustawień:

Arkusz kalkulacyjny Excel

Instrukcja obsługi dodatku InsERT GT Smart Documents

Programy. Z Delphi. Opracowała Małgorzata Roguska

Rozwiązanie ćwiczenia 8a

Roboty budowlane publikacja obowizkowa Dostawy publikacja nieobowizkowa x Usługi x

Zestawienia osobowe - kreator

Temat: Programowanie zdarzeniowe. Zdarzenia: delegacje, wykorzystywanie zdarze. Elementy Windows Application (WPF Windows Presentation Foundation).

Podział Internetu radiowego WIFI konfiguracja

Bazy danych. Plan wykładu. Podzapytania - wskazówki. Podzapytania po FROM. Wykład 5: Zalenoci wielowartociowe. Sprowadzanie do postaci normalnych.

OBIEKTY TECHNICZNE OBIEKTY TECHNICZNE

Instrukcja obsługi programu MechKonstruktor

IV Powiatowy Konkurs Matematyka, Fizyka i Informatyka w Technice Etap finałowy 1 kwietnia 2016

Systemy operacyjne laboratorium 3 Paweł Gmys strona 1

Utworzenie aplikacji mobilnej Po uruchomieniu Visual Studio pokazuje się ekran powitalny. Po lewej stronie odnośniki do otworzenia lub stworzenia

Tematy lekcji informatyki klasa 4a wrzesień 2011

Uywanie licencji typu On-Demand. Using an On-Demand License Japanese. Language. Contents

Metody komputerowe i obliczeniowe Metoda Elementów Skoczonych. Element dwuwymiarowy liniowy : belka

Twoja instrukcja użytkownika PHILIPS JR32RWDVK

Numerowanie obiektów (wzorów, rysunków, tabel, literatury)

Transkrypt:

Projektowanie i analiza zadaniowa interfejsu na przykładzie okna dialogowego. Jerzy Grobelny Politechnika Wrocławska Projektowanie zadaniowe jest jednym z podstawowych podej do racjonalnego kształtowania interfejsu człowiek-komputer. Podejcie to polega, ogólnie rzecz biorc, na dopasowaniu interfejsu uytkownika do zada na tym interfejsie wykonywanych. Wród konkretnych technik na uwag zasługuj zwłaszcza propozycje ilociowych uj owego dopasowania. Poniej przedstawiono przykład takiego - ilociowego podejcia zaproponowanego przez Searsa (1993). Podejcie to polega na zastosowaniu algorytmu optymalnego ROZMIESZCZANIA OBIEKTÓW do poszukiwania najlepszego rozmieszczenia elementów interfejsu. Podejcie to zostało zastosowane do optymalizacji okna dialogowego File Open dla starszej wersji systemu Windows. Na tym przykładzie mona pokaza kroki analizy zadaniowej i ide optymalizacji rozmieszczenia obiektów interfejsu. 1. Definiowanie zada. W pierwszym kroku analizy niezbdne jest okrelenie najistotniejszych (kluczowych) zada realizowanych w danym oknie. Zadania musz by zdefiniowane za pomoc sekwencji działa (czynnoci) wykonywanych na obiektach interfejsu. Trzeba take zdefiniowa czstotliwo poszczególnych sekwencji (zbadan lub przynajmniej przewidywan). Rys.1. Pierwotne okno dialogowe File Open. Zaznaczono przebieg najczciej wykonywanej czynnoci (wskanik ID=4.39). 1

W badaniach wykonanych w artykule Searsa dokonano analizy zada dla okna dialogu File Open z rysunku 1. Na rysunku 2. pokazano wynik ostateczny analizy w formie sieci - diagramu przepływów. Aby uzyska ten diagram trzeba było logicznie doda do siebie pojedyncze zidentyfikowane czynnoci. W omawianym przykładzie te czynnoci były nastpujce (w nawiasach podano procentow czsto kadej ze zidentyfikowanych czynnoci): 1. Start - Directory - Filename (5) ta czynno oznacza i uytkownik po wybraniu opcji Open w menu (Start) przesuwa wskanik na pole edycji Directory gdzie wybiera ciek a nastpnie klika w pole Filename w którym wpisuje nazw pliku. Czynno koczy wcinicie Enter. 2. Start - File (33) uytkownik wybiera plik z pola edycji Files poprzez podwójne kliknicie w nazw 3. Start - Cancel (2) uytkownik rezygnuje z otwarcia pliku klikajc w przycisk Cancel 4. Start - Filename - OK (2) w tej czynnoci wybór pliku polega na wpisaniu nazwy w polu edycyjnym Filename i klikniciu w przycisk OK 5. Start - Filename (8) czynno popdobna do poprzedniej ale zakoczenie poprzez Enter 6. Start - File - OK (5) wybór pliku nastpuje tutaj poprzez kliknicie nazwy w polu Files i OK 7. Start - Directory - File (45) najczciej realizowane zadanie polega na wyborze cieki w polu Directories a nastpnie pliku poprzez podwójne kliknicie w nazw w polu edycyjnym Files Agregacja tych czynnoci w jedn sie z rysunku 2. pozwala zastosowa kryteria liczbowe do oceny dowolnie ukształtowanego okna dialogu poprzez wykorzystanie idei optymalnego rozmieszczania obiektów. 2

Rys.2 Sie czstoci przemieszcze wskanika midzy obiektami okna. 2. Optymalizacja rozmieszczenia. Optymalizacja rozmieszczenia obiektów polega ogólnie na takim wzajemnym umiejscowieniu tych obiektów aby minimalizowa funkcj kryterium odzwierciedlajc w pewien sposób 'koszt obsługi' całego układu. W przypadku interfejsu takim wskanikiem moe by na przykład łczna droga wskanika myszy w trakcie normalnej pracy z systemem albo te ilo tzw. fiksacji oczu czyli koniecznych przeniesie kierunku patrzenia w trakcie obsługi interfejsu. Sears zaproponował jako syntetyczny miernik jakoci okna dialogu warto (redni) ID czyli wskanika trudnoci ruchu ze znanego Prawa Fittsa. Łatwo zauway, e w przypadku okrelonych wielkoci geometrycznych obiektów interfejsu minimalizacja ID sprowadzi si do minimalizacji amplitudy przesuwania wskanika myszy pomidzy obiektami, a wic całe zadanie mona sprowadzi do minimalizacji łcznej drogi wskanika myszy (z uwzgldnieniem kierunku ruchu, gdy warto ID zaley od rozmiarów celu). Formalnie obliczenie łcznej drogi wskanika myszy dla przykładu przebiega nastpujco: 3

Dla kadego zadania z listy 1-7 pomnoy czstotliwo jego wykonywania przez sum odległoci pomidzy rodkami obiektów 'obsługiwanych' w tym zadaniu i zsumowa te wielkoci dla wszystkich czynnoci. Jeeli ponumeruje si wszystkie obiekty interfejsu to mona powiedzie, e naley wyznaczy warto funkcji: Q= i j>i L ij * D p(i)p(j) L ij jest stopniem powizania obiektów ij i oznacza, jak czsto obsługa elementu i wystpuje przed obsług j (lub odwrotnie). D p(i)p(j) oznacza odległo miejsc p(i) i p(j) w których odpowiednio umieszczono obiekty i j. Podwójna suma oznacza e w ocenie bierze si wszystkie pary obiektów j>i w drugiej sumie ogranicza obliczenia do jednokrotnego uwzgldnienia kadej pary. L ij mona zestawi w macierzy, w której na przeciciu wiersza i z kolumn j umieszcza si stopie powizania obiektów i j. Wówczas najczciej wypełnia si macierze tylko nad główn przektn bo tylko te wielkoci uwzgldnia powyszy wzór. Dla przykładu z rysunku 2. bdzie to: Element Start File Dir Filen OK Cancel Start 38 50 10 0 2 File 45 0 5 0 Directory 5 0 0 Filename 2 0 Obliczenia wg podanego wzoru mona zatem, majc podane dane w macierzy, wykona posuwajc si np. wierszami: Q=38*(odległo midzy Start a rodkiem File) + 50*(odl. Start i Directory)... itd. Oczywicie trzeba dysponowa konkretnym projektem (oknem) aby wyznaczy (np. na ekranie) wszystkie potrzebne odległoci. W przypadku zastosowania jako kryterium wskanika ID, macierz powiza (czstoci) musi by pełna, dlatego e wskanik ID jest liczony w zalenoci od rozmiaru obiektu docelowego - wany jest zatem kierunek ruchu. W programie LINKS jest to uwzgldnione w prosty sposób - kad czynno elementarn pokazuje si wprost, klikajc obiekty we właciwej kolejnoci. 4

Osobnym problemem jest znalezienie optymalnego rozwizania z góry, jeli ma si dane zgromadzone w macierzy lub schemacie z rys. 2. Badania w tej dziedzinie prowadzono od lat 60. ub. wieku. Poniewa zadanie takie nie ma rozwiza analitycznych, zaproponowano szereg podej i algorytmów o charakterze heurystycznym. Dostpny w Laboratorium program Links oferuje niektóre z takich podej i algorytmów. Poniej pokazano okno dialogowe zoptymalizowane za pomoc algorytmu Searsa nastawionego na minimalizacj wskanika trudnoci ID z Prawa Fittsa. Rys 3. Zoptymalizowane okno File Open (Wskanik ID=3.92). Zaznaczono przebieg czynnoci najczciej wykonywanej. Literatura: Sears A. 1993, Layout Appropriateness: A Metric for Evaluating User Interface Widget Layout. IEEE Trans on Software Engineering,vol.19, No 7. 5