WorkShop II Checklistor 1.2 Överordnad Struktur Balance: Gränssnittet har just nu viss balans i innehållet, men menyn behöver justeras i förhållande med innehållet samt en fast container för innehållet så den inte sträcker sig över hela sidan. Symmetry: Bortsett från menyn har innehållet av sidan viss symmetri när det kommer till videoklippen som är upplagda på sidan. Regularity: Har småsaker att fixa i navigeringen, bör tänka på. Predictability: Sidan har i princip samma upplägg på alla sidor och man kan se vad kontrollerna gör och används till tydligt. Sequenciality: Sidan har inga större problem här, förutom innehåll texterna i dropdown listen som bör tänkas på ang. Storleks förändringar. Simplicity: Bör tänka på bredd och höjd på hela gränssnittet, vissa förändringar bör ske. 1.3 Överordnad Struktur Förbättringspunkter: Fixa container med fast bredd så innehållet av gränssnittet blir mer symetriskt. Placering av kontrollerna bör justeras. Färgerna bör ändras så de blir mer synliga och lyser upp för användaren. Storleken på kontrollerna bör vara samma storlek. Ta upp oanvända ytor på sidan.
2.1 Val av gränssnittskomponenter På min upload sida har jag de viktigaste funktionerna: Ladda upp-knapp, Browse-Knapp, Delete- knapp samt en Dropdown kontroll för val av kategorier. Knapparna är tydliga och uppfyller dess funktionalitet. Över varje video klipp har jag omarkerade Checkboxar där användaren kan klicka in och sedan trycka på en delete knapp överst på sidan för att ta bort ett klipp som de laddat upp. Jag hade kunnat lägga en ta bort knapp under varje video klipp men tycker däremot att mitt sätt fungerar bättre då med hjälp av checkboxar kan användaren välja flera videoklipp samtidigt och ta bort dessa med bara ett knapptryck. Har även paging knappar som är tydliga för användaren och uppfyller kraven. Justering av storlekar och utformning av knappar och kontroller på gänssnittet bör dock justeras. Gruppering av funktioner Det enda gruppering av kontroll knappar jag har på min sida är på Upload sidan. Där bör grupperingen justeras så att det blir mer tydligt för användaren. För tillfället kan användaren bli förvirrad då kontrollerna och dropdown listan ligger dåligt placerade. 2.2 Detaljer Förbättringspunkter: Kommit fram till samma förbättrings punkter som ovan. 3.1 Val Av Färger Tänker jag på min målgrupp och temat jag valt så passar i princip inget ihop. Har för tillfället ej tänkt på grafiskt utformning och färger än i detta stadiet av mitt projekt men något jag måste tänka på när jag sätter igång med det. Knappar som bör sticka ut har jag tänkt på en del och tex. Inlogg knappen via facebook sticker ut så den synst för användaren. Grafiska element Som sagt ovan har jag finns det en del som måste justeras. Just nu har jag en svart bakgrund samt menyknappar som ej passar in i färg med resterande grafik. Få saker att hänga ihop eller sticka ut Det jag har tänkt att göra är att använda starkare färger för knappar som behöver sticka ut för användaren och sedan använda vita knappar för resterande kontroller. Just nu är funktionerna ändå i stort sätt synliga men skulle kunna förbättras.
3.2 Förbättringspunkter: Ändra bakgrunds bilden / Färgen så att innehållet sticker ut bättre. Ändra navigationen på gränssnittet (färger) så att användaren får det tydligt. Kontrollernas färger på gränssnittet bör ändras. 4.2 Användbarhet Effektivitet: Ja, Jag har en tydlig meny navigation för användaren med dropdown alternativ så användaren enkelt kan navigera till önskade sidor. Inget som hindrar eller gör användaren fundersam för navigationen på gränssnittet. Lätt att lära och lätt att komma ihåg: Målgruppen är främst ungdomar, som antagligen har datakunskaper sedan innan och har besökt hemsidor innan så förväntas att de redan vet hur man tar sig runt på en hemsida. Gränssnittet i sig är lätt utformat och har inga svåra funktioner eller annat som gör det svårt för användaren att komma ihåg, är en enkel sida med enkel utformning. Kul/Underhållande: Applikationen är en underhållningssajt där användarna själva laddar upp videoklipp på sig själva i form av solouppträdanden och av talanger som de vill sprida på nätet, som de i sin tur kan få kommenterade och betygsatta av andra användare. Är underhållande på så sätt att man alltid kan hitta nya roliga och spännande talanger på sidan och tror att det är en sida de vill återbesöka. Tydlighet: Ja, namnet på sajten avslöjar det mesta. Navigationen är tydlig och användaren kommer att se redan vid startsidan vad sajten handlar om (ej skrivit någon info än, så syns ej på bilden.).
4.3 Förbättringspunkter: Som tidigare sagt, grupperingen av kontrollerna (upload sida) bör justeras, för enklare förståelse och tydlighet. Namnet på sajten kan ändras, även om den är tydlig att det handlar om uppladdning(upload.com) så kan det bli mer tydligare. Fixa en container som innehållet av sidan hamnar i så det ej sträcker sig ut på hela skärmen så användaren får en behagligare känsla. 5.1 Alla förbättringspunkter Egna/Grupp: Fixa container med fast bredd så innehållet av gränssnittet blir mer symetriskt. Placering av kontrollerna bör justeras. Färgerna bör ändras så de blir mer synliga och lyser upp för användaren. Storleken på kontrollerna bör vara samma storlek. Ta upp oanvända ytor på sidan. Ändra bakgrunds bilden / Färgen så att innehållet sticker ut bättre. Ändra navigationen på gränssnittet (färger) så att användaren får det tydligt. Kontrollernas färger på gränssnittet bör ändras. Som tidigare sagt, grupperingen av kontrollerna (upload sida) bör justeras, för enklare förståelse och tydlighet. Namnet på sajten kan ändras, även om den är tydlig att det handlar om uppladdning(upload.com) så kan det bli mer tydligare. Fixa en container som innehållet av sidan hamnar i så det ej sträcker sig ut på hela skärmen så användaren får en behagligare känsla.
Reflektion: Har insett att förutom de punkter som jag själv redan visste om som kunde förbättrats så har jag fått andras perspektiv och fått bättre syn på saker som jag själv inte lagt märke till som bör förändras. Under denna workshoppen har vi gått igenom begreppen och förbättringspunkterna som jag behöver fixa samt reflekterat om varandras applikationer, och jag vet nu bättre hur jag kan genom att bara ändra färger, göra sajten mer behaglig för användarna och anpassa sajten mer för min målgrupp även för Layout. Tycker att checklista 3.1 var väldigt hjälpsam då det var främst de sakerna som jag ej hade tänkt på lika mycket tidigare, och som jag började tänka efter på. Fick även bra feedback på va som kan förbättra min egen sajt.