ACADEMIA TEHNIC MILITAR

Proiect la materia Interaciunea om calculator

REPROIECTAREA, IMPLEMENTAREA I EVALUAREA EURISTIC

INTERFAA UNEI FIRME DE LIVRRI

Autori: Ciobanu Monica Stanca Mdlina Pop Ovidiu

Profesor ndrumtor: Pura Mihai

2012

Partea I : INTRODUCERE

n realizarea interfeei initiale am tinut cont doar de sarcinile pe care aplicatia trebuia sa le indeplineasca, pentru a oferi utilizatorilor (clienti sau administratori) o imagine cat mai clara a ceea ce se infaptuieste in fiecare zi prin mijloace mai rudimenatre in cadrul unei firme de transport. Acest document constituie un portofoliu de proiectare, ce are n vedere att elaborarea unor exemple concrete de sarcini, ct si reproiectarea interfeei pe orizontal i pe vertical. n scopul dezvoltrii acestei aplicatii, echipa noastra a contactat utilizatorii, interesandu-se de sarcinile concrete pe care acestia le executa zilnic, si a ajuns la urmatoarele concluzii: sistemul actual este ineficient, pierzndu-se foarte mult timp cu preluarea datelor atunci cnd se efectueaz o comand telefonic (fi cu informaiile necesare comenzii); n plus, se pierde spaiu de depozitare efectiv datorit ndosarierii comenzilor; preluarea comenzilor se face numai ntr-un anumit interval orar, deoarece asigurarea comunicrii cu clientul 24/7 ar implica costuri ridicate pentru angajarea mai multor operatori care sa lucreze n ture; pierderea unor clieni datorit ineficienei sistemului de preluarea a comenzilor.

Urmrind motivele descrise mai sus, s-a constat c este nevoie de un sistem computerizat, care s sporeasc eficiena i s aib un grad de fiabilitate ct mai ridicat, astfel nct utilizatorul s se simt familiar cu interfaa nc de la prima accesare.

Lista de cerine pentru sistem este urmtoarea: - programarea n funcie de orele disponibile; - posibilitatea alegerii tipului de main necesar livrrii comenzii; - prezena clientului la ora stabilit la locul din care vor veni s preia comanda;

- posibilitatea de a muta programarea sau de a o anula; - posibilitatea solicitrii unor persoane n plus pentru a ajuta la ncrcarea / descrcarea comenzii; - posibilitatea adugarii de mai multe adrese surs sau destinaie; - posibilitatea urmririi strii comenzii pe timpul livrrii; - posibilitatea depozitrii bunurilor pentru o perioad de timp.

Pornind de la prototipul iniial al aplicaiei i realiznd evaluarea prin parcurgere s-au idnetificat anumit probleme la nivel de design. Acestea au dus la reevaluarea aplicaiei, utiliznd implementarea pe orizontal a interfeei i la evaluarea euristic (implementarea pe veritical).

Partea a II-a : IMPLEMENTAREA UNUI PROTOTIP ORIZONTAL I REDESIGN-UL APLICAIEI

Aplicaia prezentat a fost conceput pentru a ndeplini sarcinile necesare utilizatorului, n timp ce design-ul a fost lsat pe locul al doilea. Pentru a crea o aplicaie care s aib un grad ct mai ridicat de fiabilitate, s-a hotrt reproiectarea unor aspecte ale interfeei i implementarea de noi soluii n scopul rezolvrii problemelor iniiale.

Client
Pasul 1 Deschiderea aplicaiei n versiunea iniial a aplicaiei existau dou posibiliti: accesarea ca i administator sau ca i client. Acest lucru poate fi derutant pentru utilizator i nu totodat nu respect primul principiu acela de contrast n care trebuie s aducem n prim-plan elementele principale (butonul care deschide aplicatia pentru client) precum si evidentierea diferenelor dintre lucruri (butonul care deschide aplicatia pentru client si butonul care deschide aplicatia pentru administrator sunt doua lucruri care au functionalitati diferite).

Pasul 2 Vizualizarea opiunilor n cadrul ferestei initiale existau 4 butoane ce putea fi accesate prin clik-stanga, fereastr care respect in toatalitate toate cele 4 principii: contrastul (fiecare buton are functionalitati diferite, acest lucru evidentiindu-se prin descriera ce este atasata fiecaruia), repetiia (se pastreaza design-ul ferestrelor de-a lungul apicatiei pentru a nu deruta utilizatorul), alinierea (se pastreaza alinierea butoanelor in interiorul ferestrei) si proximitatea (grupare in functie de necesitatile utilizatorului).

Pasul 3 Adugarea unei comenzi La apsarea butonului Adaugarea unei comenzi se dechidea o fereastra de tip formular, care nu respecta principiul al patrulea proximitatea : campurile din cadrul ferestrei nu sunt grupate corespunzator. Pentru rezolvarea problemei, ele vor fi grupate in functie de urmatoarele criterii: date personale ale clientului (nume si prenume, telefon si e-mail) si date despre efectuarea comenzii (data, adresa sursa, adresa destinatie, modaliatati de plata, depozitare, observatii).

In continuare, la apasarea butoanelor Adresa sursa si Adresa destinatie se vor deschide doua ferestre independente de tip formular, care respecta principiul CRAP.

Dac se dorete rescrierea datelor comenzii, se apas butonul Stergere campuri. Dup finalizarea datelor, se apas butonul Comanda!, apare o fereastr care furnizeaz utilizatorului codul unic al comenzii sale, dup care se nchide automat fereastra respectiv. n aplicatia initial nu se respect principiul al treilea, alinierea necorespunzatoare a textului punandu-i probleme utilizatorului la intelegerea mesajului.

Aceeai problem apare i n cazul fereastrei cu mesajul Ai omis unele date. V rugm ncercai din nou..

Deasemenea, n cazul ferestrelor care returneaz codul unic al comenzii, apare problema contrastului, deoarece acest cod nu este scos n eivden fa de celelalte componente ale ferestrei. Soluia pentru aceast piedic const n marirea fontului i ngorarea scrisului, aa cum apare n imagina de mai sus.

Pasul 4 Modificarea unei comenzi La accesarea opiunii Modifica comanda va apare o fereastr n care se cere introducerea codului unic al comenzii. Aceasta este corect din punct de vedere CRAP, ns fereastr ce apare imediat dup apsarea butonului de OK are aceeai problem ca i fereastr corespunztoare seleciei Adaug comanda.

Pasul 5 Stergerea unei comenzi Atunci cnd este accesat opiunea Stergere comanda, se deschide o fereastr n care este cerut codul unic de identificare a comenzii, iar dup ce acesta a fost introdus cu succes, apare un mesaj de genul nregistrarea a fost stearsa., fereastr care nu respect principiul al treilea alinierea . Rezolvarea acestei probleme este similar cu cele anterioare.

Pasul 6 Urmarirea unei comenzi Dac se selecteaz opiunea de urmrire a comenzii, iniial utilizatorul trebuie s introduc acel cod unic al comenzii, iar la apsarea butonului OK, n partea de jos a ferestrei va aprea o imagine cu traseul i locaia prezent a transportului. Fereastra respect toate cerinele sistemului de evaluare CRAP i nu a suferit modificri de-a lungul reevalurii.

Administrator
Pasul 1 Deschiderea aplicaiei n versiunea iniial a aplicaiei existau dou posibiliti: accesarea ca i administator sau ca i client. Acest lucru poate fi derutant pentru utilizator i nu totodat nu respect primul principiu acela de contrast n care trebuie s aducem n prim-plan elementele principale (butonul care deschide aplicatia pentru client) precum si evidentierea diferenelor dintre lucruri (butonul care deschide aplicatia pentru client si butonul care deschide aplicatia pentru administrator sunt doua lucruri care au functionalitati diferite).

Pasul 2 Introducerea parolei de administrator Se deschide o fereastr n care se cere codul unic de identificare al administratorului.

Dup apsarea butonului OK, dac codul nu a fost corect introdus apare o fereastr cu mesajul Cod incorect. Rencercai.. Iniial ferestra nu respecta principiul alinierii, dar n urma reevalurii i aceast fereastr corespunde standardelor CRAP.

Pasul 3 Vizualizarea i tergerea comenzilor Dup ce este permis accesul n fereastra administratorului, acesta poate selecta o anumit dat pentru a vizualiza toate programrile din ziua respectiv. De asemenea, dac se dorete tergerea unei nregistrri de ctre administrator, se apas butonul Stergere fr a mai fi nevoie de codul de identificare.

Partea a III-a : IMPLEMENTAREA UNUI PROTOTIP VERTICAL I APLICAREA EVALURII EURISTICE

Plecand de la prototipul creat la etapa precedenta, am evaluat interfata curenta in vederea evidentieri eventualelor erori, precum si in vederea sugerrii de imbunatatiri. Scopul acesteia este de a redefini design-ul aplicatiei pentru a crea o platform mai apropiat de utilizator. n realizarea acestei evaluri am urmarit cei noua pasi care sunt pusi la dispozitie de catre evaluare euristica. n realizarea primului pas simple and natural dialogue , evaluatorii au urmrit naturaleea modului in care interfata aplicatiei realizeaza interactiunea cu utilizatorul. Acestia au concluzionat c aplicaia red exact informatiile de care utilizatorul are nevoie (adaugarea, modificarea, anularea sau verificarea starii unei comenzi), acestea fiind grupate n butoane diferite, simple, pe care utilizatorul le poate accesa prin click-stanga. n urma accesrii se deschid ferestre care descriu exact optiunile necesare utilizatorului la momentul actual al navigrii. Pasul al doilea speak the users language face referire la folosirea terminologiei bazata pe limbajul utilizatorilor in cadrul cerintei specifice. Aplicatia supusa analizei respecta aceast cerin, ntruct descrierea tuturor butoanelor este pe intelesul tuturor tipurilor de utilizatori, aplicatia aparand familiara acestora. Principiul minimizrii capacitatii de memorare a utilizatorului minimize users memory load este indeplinit de aplicatie. Se remarc faptul c n cadrul ferestrelor Adugare comand sau Modificare comand, unde utilizatorul trebuie sa completeze cmpul data, acesta este scutit de filosofia asupra formatului acestui cmp american(luna/zi/an) sau european(zi/luna /an) . El poate selecta direct din calendar data la care doreste sa efectueze comanda, simplu i elegant.

Pasul 4 be consistent este respectat de ctre interfa deoarece se pastreaza formatul ferestrelor pe tot parcursul aplicatiei. Design-ul este caracterizat de simplitate i minimalism, butoanele fiind plasate in aceeasi ordine (ex: in cadrul messagebox-urilor butonul de OK este plasat in partea de jos a ferestrei pozitionat in centru). Urmtorul pas provide feedback a fost respectat deoarece aplicatia ofera informatii in mod continuu utilizatorului. Astfel, de fiecare data cand utilizatorul omite completarea unui camp, acesta este avertizat printr-un mesaj de warning sau atunci cand introduce codul comenzii gresit, acest lucru este semnalat intr-un mod cat mai clar.

De aseamenea, aplicatia ofera moduri facile de inchidere a ferestrelor ce nu mai sunt necesare, dar si de reinitializare a campurilor din cadrul ferestrelor de adaugare respectiv modificare comanda, in acest fel indeplinind cu succes pasul 6 din cadrul analizei euristice, si anume provide clearly marked exits.

Aplicatia asigur scurtturi pentru a facilitata sarcina utilizatorilor de completarea a campurilor. Acest lucru este evidentiat in cadrul ferestrelor adaugare si modificare comanda campurile or si numar zile de depozitare unde apar listbox-uri ca si in cadrul ferestrei de adaugare adrese sursa, campul numar de camioane. (Pasul 7 provide shortcuts). Aplicaia nu ndeplinete cerinele pasului 8 dealing with errors in a positive manner deoarece mesajele de avertizare au un caracter mult prea formal, nereuind s destind utilizatorul i s ofere soluii ntr-o manier ct mai prietenoas. n vederea rezolvrii acestei probleme, echipa a venit cu cteva idei haioase.

Nici ultimul pas provide help nu este indeplinit, deoarece aplicatia nu dispune de un buton de help care sa ajute utilizatorul in cazul in care acesta se afla intr-un impas. In scopul rezolvarii acestei probleme, echipa a adaugat n ferestrele n care pot apare blocaje, cte un buton ce ofer informaii suplimentare menite s faciliteze navigarea utilizatorului prin aplicaie.

Partea a IV-a : CONCLUZII

Prototipul final rezultat n urma cele dou evaluri efectuate de ctre experi este unul care respect principiile de design studiate, este minimalist, uor de utilizat i prezint o interfa prietenoas fa de utilizatori. Pe parcursul proiectrii au aprut diverse probleme eseniale care au necesitat reproiectarea complet pentru a mbina utilul (funcionalitatea) cu plcutul (design-ul) ntr-un mod ct mai amiabil. Rezultatul final se apropie foarte mult de prototipul imaginat de utilizatori i de ateptrile lor de la o astfel de aplicaie, experii primind un feedback pozitiv de la cobaii lor.