uieschoolblogger-blog

[uieschoolblogger-blog]

Week 9 - Reflectie

Ricardo-----------------------------------------------------------------------------------------------

Reflectie vak

Ik vond de afgelopen 8 weken van UIE best leuk. De wekelijkse opdrachten waren best logische stappen, die ons hielpen tot het komen van een goed idee en ontwerp. 

Het belangrijkste wat ik van dit vak meeneem is denk het de layout van een GUI. De positie en grootte van buttons is vaak iets wat men voor lief neemt, maar als je er een beetje moeite in stopt is je applicatie veel fijner om te gebruiken. En je moet natuurlijk goed luisteren naar wat je klant zegt, of probeert te zeggen.

Ik ben zelf niet zo goed in het ontwerpen van een app met een brede doelgroep, zoals we gemaakt hebben. Zelf houd ik meer van iets maken met duidelijke vereisten, zodat ik een beginpunt heb. Het programmeren van de back-end van een app vind ik wel leuk, en ben ik best goed in.

Het gemakkelijkste vond ik het maken van het prototype, toen we eenmaal het ontwerp rond hadden. Het moeilijkste vond ik het ontwerpen van de app zelf, en vooral het creeren van iets unieks en nieuws in plaats van bestaande ideeen over te nemen.

Ik ben het meest trots op het prototype, dat ik helemaal gemaakt heb. Ons eerste prototype had grote verschillen in het uiterlijk, de mijne niet en was voor een groot gedeelte functioneel.

Aan de meeste opdrachten ben ik in de les samen met Jowelle en Kyle begonnen, om te zorgen dat we op 1 lijn zitten. Hierna kostten ze meestal tussen de 1 en 2 uur. Het maken van het prototype kostte ongeveer 5 uur.

Ik vind het vak best prima zoals het nu is. De lessen bevatten best veel informatie, maar door de interactie met de klas en het klassikaal bekijken van elkaars werk blijft het meeste wel hangen. Ook wordt je op deze manier gestimuleerd om bij te blijven, want dan kan je feedback krijgen.

Reflectie groep

Ik vond het fijn samenwerken met Jowelle en Kyle. Tijdens de les waren we bijna altijd met zn 3en bezig aan de opdrachten, en aan het einde van de les verdeelden we ze zo eerlijk mogelijk. Er was weinig ruzie of discussie binnen de groep, over het algemeen waren we het best snel met elkaar eens.

Jowelle------------------------------------------------------------------------------------------------

Reflectie vak

Ik vond UIE wel een leuk vak. Ik heb voor deze opleiding twee creatieve opleidingen gedaan. Dus ik was al bekend met veel van de dingen die voorbij kwamen en met hoe je moet denken over bepaalde dingen. Daarnaast vind ik het creatieve gedeelte juist ook heel leuk. Ik ben bezig met de game design specialisatie. In de toekomst zou ik ook graag deels iets creatiefs willen doen (dus liever niet alleen puur back-end). 

Het moeilijkste gedeelte vind ik het schrijven van een tekst. Maar dit komt omdat dat gewoon niet mijn sterkste punt is. Gelukkig zijn we een groep en kun je hier dus makkelijk uit komen. Het design gedeelte vond ik het minst moeilijk. Dit ligt mij wel. Dit is vaak bij mij ook wel een valkuil omdat ik te lang met het design bezig ben, terwijl dit een software opleiding is. Nu was het juist de bedoeling dat we hier mee bezig waren. Ik ben het meest trots op de uitkomst. Ik heb niet echt iets waar ik niet zo trots op ben. 

De meeste opdrachten hebben mij ongeveer een uurtje bezig geweest. Totdat het echte ontwerpen kwam. Het uittekenen van de app (de schets) daar ben ik denk ik wel 1,5 uur mee bezig geweest. Omdat je er dan achter komt dat je steeds iets vergeet. Detailed design heeft mij wel veel tijd gekost. Ik weet niet precies hoelang maar ik denk dat ik hier wel 2-2,5 uur mee bezig ben geweest. Dit komt vooral door het vinden van de juiste icoontjes. Voor de prototype ben ik ook nog wel even bezig geweest. Niet alle afbeeldingen die ik voor het detailed design had gebruikt waren bruikbaar voor onze prototype. Dit heeft mij ongeveer 1 uur gekost.

Ik zou niet veel aanpassen aan dit vak. Ik denk dat het wel goed is dat er ook gekeken word naar dit gedeelte van ontwikkelen. Vooral omdat ik merk dat veel klasgenoten vooral bezig zijn met het programmeren. Ik begrijp dat ze het waarschijnlijk niet heel leuk vinden, maar het is wel belangrijk om hier ook over na te denken. Alleen bij het maken van een prototype is het misschien slim om erbij te zetten dat dit ook met visual studio of een ander programma mag. Het lijkt nu vooral dat het perse als werkende HTML pagina moet. Er mag wel duidelijker staat dat het er om gaat dat je een app hebt die simpel is maar wel werkt, puur om te laten zien wat je app uiteindelijk zou kunnen doen.

Reflectie groep

Ik vond de samenwerking goed gaan. De opdrachten werden goed verdeeld. Als iets niet ging lukken voor één van de groepsleden, dan nam iemand anders het even over en deed die andere persoon wat anders of maakte de volgende keer wat meer zodat de balans goed bleef. We hebben ook geen discussies gehad over dingen. Iedereen was het steeds gewoon met elkaar eens.

Kyle----------------------------------------------------------------------------------------------------

Het vak UIE was best leuk,  de opdrachten die we elke week kregen waren goed in stappen verdeeld waardoor het voor ons makkelijker was om de opdracht te begrijpen waardoor we de opdracht beter konden maken. Hierdoor hebben we een goed onderwerp kunnen kiezen voor de opdrachten waar we aan gewerkt hebben.

De stappen van de opdrachten waren goed te begrijpen. Het was duidelijk beschreven waardoor we de taken goed konden verdelen. We hadden ook een redelijk goed inzicht over hoelang een taak zou duren. Als het niet goed beschreven was dan was dat misschien anders geweest.

UI Design kan je goed met software engineering combineren. Dit komt omdat er wel bijna altijd wel iets visueel’s gemaakt moet worden. Als je dit vak hebt gevolgd heb je een beter beeld wat er moet gebeuren en hoe je het project zo goed mogelijk kan maken voor de gebruiker. Alles wat ik geleerd heb in UIE kan ik gebruiken in toekomstige projecten zoals, Gamedesign projecten, Webapplicaties, Mobiele applicaties e.t.c

Het makkelijkste gedeelte was het testen van alles wat er gemaakt was. De reden hiervoor is omdat je vooral moest opletten wat de gebruiker (tester) allemaal te vertellen had over de applicatie. Het moeilijkste was denk ik de applicatie zelf maken. We hebben een aantal prototypes gemaakt. Eerst op een online prototype website, Daarna heb ik de applicatie in html gemaakt en daarna hebben we besloten om de applicatie in Visual studio te maken. Dus we hebben er uiteindelijk 3. dit had niet zoveel werk hoeven worden en is daarom het moeilijkste gedeelte.

Ik ben het meeste trots op het protoype. Hier heeft het meeste werk in gezeten. De rest van het vak was meer testen, designen.

Ik ben ongeveer een uur per assignment bezig geweest. Alleen  bij week 6 ben ik wel een paar uur er mee bezig geweest.

Ik denk dat het vak UI Design goed is zoals het nu is, De opdrachten zijn duidelijk beschreven en er is genoeg informatie om te weten wat je moet doen. De lessen zijn duidelijk en goed te volgen. Doordat er dingen van de week ervoor in de presentaties zitten lijkt het niet alsof het een presentatie is die al jaren lang gegeven wordt. (voorbeelden van studenten).

[uieschoolblogger-blog]

Als tweede persoon heeft Charita de app getest. We hebben haar vrij gelaten om zelf door de app te navigeren. We lieten haar hardop vertellen wat ze zag en wat ze dacht dat alles deed. 

Gebruikersproblemen:

De afbeeldingen bij het bekijken van je profiel waren niet duidelijk. De gebruiker dacht dat het opties waren voor achtergronden van de app.

Conclusie

De app was duidelijk. De gebruiker snapte wat alles deed. Het enige probleem tijdens het testen waren de afbeeldingen. Maar dit zou makkelijk op te lossen zijn door andere duidelijkere fotos te gebruiken voor de demo.

[uieschoolblogger-blog]

WEEK 6 VIDEO 2 (Jowelle Klomp)

De derde persoon die de app getest heeft is Lizzy. Tijdens het maken van de video is er iets fout gegaan waardoor de opnamen niet gelukt is. We hadden wel al bijna de hele app bekeken waardoor het nog eens opnemen overbodig zou zijn. Ik had haar wat vragen gesteld om zo door de app te navigeren.

1: Je hebt zojuist een berichtje van jan gekregen. Deze wil je bekijken. 2. Je wil het profiel van kyle bekijken. 3: Zoek Janice 4: Je staat bij de zee en wil hier een mooie foto van maken. Hoe doe je dit.

Gebruikersproblemen:

Geen

Conclusie

Over het algemeen was de app gewoon helemaal duidelijk. De icoontjes zijn duidelijk en de gebruiker wist alles te vinden. Het enige was het scrollen naar het profiel. De bedoeling was dat de gebruiker de zoekbalk zou gebruiken om zo snel te zoeken. Dit is echt geen groot probleem want op deze manier zou je ook profielen kunnen zoeken. Het zou alleen veel werk zijn als er 100+ profielen in staan. Toen ik vroeg of ze Janice op wilde zoeken gebruikte ze wel de zoekbalk. Hieruit bleek dus dat het wel duidelijk was dat er ook gewoon gezocht kan worden via de zoekbalk.

[uieschoolblogger-blog]

WEEK 6 VIDEO 1 (Kyle van Raaij)

In de bovenstaande test hebben we gekeken of de gebruiker snapt wat er allemaal kan gebeuren met de applicatie. we hebben de gebruiker een aantal vragen gesteld en daarna hebben we de gebruiker alles zelf laten uitzoeken. we hebben de volgende vragen gesteld.

1: Ga naar je eigen profiel en open de meest blauwe foto. 2: Zoek op het home menu naar de foto van Djowelle. 3: Voeg een foto toe. 4: Ga naar het profiel van ... (bijvoorbeeld Eric).

Met deze vragen hebben we het belangrijkste deel van de applicatie kunnen testen. Als extra vraag hebben we gevraagd wat de gebruiker denkt dat de applicatie kan en waar het voor bedoelt is.

Gebruikersproblemen:

1: De gebruiker dacht dat het niet alleen voor foto’s was maar ook voor mail. 2: De gebruiker twijfelde één keer tussen home en profiel.

Conclusie De gebruiker kon redelijk snel navigeren over de applicatie. En het was redelijk duidelijk wat de gebruiker dacht wat de applicatie allemaal kon doen. Er was alleen één probleem. de gebruiker dacht dat het niet alleen voor foto’s was maar ook om te mailen naar andere mensen. (dat kan ook wel maar daar is het niet waar de applicatie zichzelf op richt.)

[uieschoolblogger-blog]

Week 5

Jowelle------------------------------------------------------------------------------------------------

Kleuren

Voor de kleuren van de applicatie hebben we gekozen voor rustige kleuren. Vaak word zwart gebruikt als achtergrond. Maar Dit word zo vaak gebruikt. Wij wilde juist iets anders dan het gebruikelijke. De gedacht is dat de applicatie lekker rustig maar toch vrolijk moet zijn. Op de website ‘timesofindia’ (zie bron) staat uitgebreid uitleg over de kleuren en welke kleuren rustgevend zijn. Van daaruit hebben we gekozen voor de kleuren blauw, roze en wit. Zo ziet de applicatie er vrolijk maar toch rustig uit.

Bron: https://timesofindia.indiatimes.com/life-style/health-fitness/de-stress/7-relaxing-colors-and-how-they-affect-your-mood/articleshow/46946305.cms

Icoontjes

Voor de iconen hebben we gekozen voor simpel. Niet te veel detail. Zo blijft alles rustig en is in één oogopslag te zien waar ze voor bedoelt zijn.

Home

Profiel bekijken

Zoeken

Afbeelding bekijken

Kyle----------------------------------------------------------------------------------------------------

We hebben een prototype gebouwd zodat we makkelijker kunnen testen of het voor de gebruiker alles makkelijk te vinden is. Alle afbeeldingen die Jowelle heeft gemaakt heb ik gebruikt om een prototype mee te maken.Om naar het prototype te gaan moet je de onderstaande link selecteren.

Prototype link: https://invis.io/WDDWQEDP2

Nu het prototype klaar is kan er een test gedaan worden door één van de gebruikers. Ik heb mijn broertje de prototype laten testen. Hiervoor zijn er een paar instructies gegeven zoals.

1. Zoek iemand die een foto van een kat heeft.

2. Zoek iemand met de naam bob.

3 Ga naar jou eigen profiel toe.

4 Ga naar home toe en selecteer een foto van een kat.

Dit is allemaal te zien in het onderstaande filmpje.

Youtuble link:  (YT: TUmblrBloggerSchool) (YT: TUmblrBloggerSchool)

Het prototype is gemaakt in Netbeans, De reden dat ik hiervoor heb gekozen is omdat het een bekend programma is waar ik op school al vaker in heb moeten werken. Ook is het in het programma mogelijk om een html pagina te maken die je op een gemakkelijke manier kan testen.

Het prototype is gemaakt door: Kyle van Raaij

Ricardo---------------------------------------------------------------------------------------------

Chapter 15 – Realism

Dit hoofdstuk gaat over het design van de applicatie tegenover hoe de echte wereld eruitziet.

Symbols

De symbolen die we in onze applicatie gebruiken zijn versimpelde weergaven van hoe objecten er in het echt uit zien, zoals ons Foto, inbox en zoek icoontje. Door de eenvoud heeft de gebruiker geen moeite met weten of het een knop is of niet, en wat de functie van de knop is.

  Virtual Versions of Real-World Objects

                        Het boek laat het volgende plaatje zien om te beschrijven welke symbolen te eenvoudig zijn, en welke te gedetaileerd. Zelf hebben we een relatief complexe Foto symbool gekozen, maar wel een die opvalt tussen de rest door de grootte en omgeving te veranderen.

  Chapter 16 - Natural User Interfaces

Het was moeilijk om een Natural User Interface toe te passen in onze app. Aangezien onze applicatie gebaseerd is op de mobiele GUI, Is het erg moeilijk om de functionaliteit van knoppen  in te wisselen door gebaren, zonder dat dit ten koste ging van de bruikbaarheid van de app.

Daarom hebben we ook gekozen om geen gebruik te maken van een NUI: Het implementeren zou teveel gebruiksvriendelijkheid kosten, doordat de gebruiker de gebaren of eventuele andere manieren van gebruik aan zou moeten leren. En dit gaat tegen de principes van een NUI in

  Chapter 17 - Fitt’s Law

Fitt’s Law gaat over het feit dat een doelwit gemakkelijker te bereiken is als dit doelwit zicht dichter bij de gebruikers muis(desktop) of vinger(mobiel) bevindt. Ook beschrijft het hoofdstuk hoe belangrijkere knoppen het best groter kunnen zijn dan knoppen die iets onherstelbaars doen.

Dit hebben we toegepast door de “foto” knop groter te maken dan de rest van de opties uit het menu. Als een gebruik de applicatie opstart, is er een goede kans dat deze zo snel mogelijk een foto wil maken. Een kleine knop zou dit verhinderen.

Alle knoppen in het menu zijn niet alleen maar klikbaar op het icoontje zelf, maar op een onzichtbaar vierkant eromheen. Dit zorgt ervoor dat de functionaliteit erachter gemakkelijk te bereiken is.

  Chapter 18 – Animations

Animaties kunnen een positief of negatief effect op de GUI hebben. Ze zijn een goed hulpmiddel om de aandacht van de gebruiker naar een bepaalde plek te leiden, of het kan extra informatie bieden over wat de app aan het doen is.

Zodra de gebruiker zich afvraagt, “Wat is er nou gebeurt?”, weet je dat er een fout in de app zit die waarschijnlijk op te lossen is met een eenvoudige animatie.

Maar, Photapp willen wij zo eenvoudig en lightweight mogelijk houden. We zullen geen complexe schermveranderingen implementeren, en dus zijn animaties in onze ogen niet nodig.

  Chapter 19 – Consistency

Binnen onze app hebben we gebruik gemaakt van een layout die al bekend is bij smartphone-gebruikers: We hebben een permanent menu aan de linkerzijde, met daarop 5 buttons in dezelfde stijl. Het scrollen van het dashboard en de uploads van een gebruiker is consistent met hoe dit gebeurt in apps zoals Facebook, Instagram en Youtube.

Voor de rest maken wij geen gebruik van speciale symbolen of gebruikselementen in Photapp.

Chapter 20 – Discoverability

Dit hoofdstuk gaat om waar je de functionaliteiten van je app plaatst: De meest belangrijke functies moeten gemakkelijk te vinden en bereiken zijn, terwijl minder gebruikte of geadvanceerde functies (zoals een optie scherm) wat op de “achtergrond” van je app te vinden kunnen staan, bijvoorbeeld 1 of 2 klikken verder.

De belangrijkste functie van Photapp is het bekijken van foto’s en het maken van nieuwe foto’s. Daarom is het default scherm van de app het Dashboard, en is de knop voor het maken van nieuwe foto’s altijd te bereiken via het menu aan de linkerzijde. Dit geld ook voor de rest van de belangrijke functies, zodat gebruikers gemakkelijk kunnen wisselen tussen de schermen.

Ook zijn alle knoppen in dezelfde stijl: Eenvoudig en wit, tegen een gekleurde achtergrond. Dit leert de gebruiker snel waar alle functies te vinden zijn.

  Chapter 21 – Don’t Interrupt

Het ligt eraan hoe je ernaar kijkt, maar de informatie uit dit hoofdstuk implementeren was of het makkeljkste, of het moeilijkst. Dit is omdat onze applicatie geen laadschermen of notificaties heeft. Er is wel een berichtensysteem tussen gebruikers, maar dit heeft niet het doel om als Instant messenger gebruikt te worden. De applicatie zal dus wel het aantal binnengekomen berichten laten zien, en van kleur veranderen om aan te duiden dat er ongelezen berichten zijn, maar geen onderbrekende notificatie tonen.

  Chapter 22 – Instead of Interrupting, Offer Undo

Net zoals in het vorige hoofdstuk was er in onze app weinig van de theorie te implementeren.  Het uploaden van een foto is natuurlijk terug te draaien na het uploaden door deze weer te verwijderen, maar dit is standaard binnen foto applicaties. Ook kan de beschrijving en andere informatie van een geuploade foto altijd aangepast worden na uploaden.

  Chapter 23 – Modes

Het enige scherm binnen onze app die verschillende modes bevat is die voor het maken van een foto. Deze bevat opties om het contrast, de flitser, en focus in te stellen. Deze worden weergeven met een icoontje, die herkenbaar zal zijn voor alle gebruikers. Als de gebruiker op een van de icoontjes drukt worden de andere modussen voor deze instelling weergeven, ook door middel van icoontjes. Het drukken op een van deze icoontjes wisselt de modus, en haalt de andere modussen van het scherm.

  Chapter 24 – Have Opinions instead of Preferences

Een voorbeeld van hoe we de theorie van dit hoofdstuk geimplementeerd hebben in ons ontwerp, is door het forceren van de Landschap-modus van je telefoon. De meeste apps, zoals Facebook, Youtube, Chrome, werken in zowel portret als landschap modus. Maar onze app draait om het terugbrengen van de horizontale foto, dus maken we de keuze voor hun om de app alleen in landschap modus te tonen aan de gebruiker. Wel zijn er andere eigenschappen van de app die de gebruiker kan kiezen, zoals taal en notificaties. We hebben de hoeveelheid instellingen bewust laag gehouden, zodat de app gemakkelijk te gebruiken blijft.

Na feedback van de leraar en medestudenten heb ik een nieuw prototype van de app gemaakt, in Visual Studio. Deze bevat dezelfde functionaliteit als het prototype van Kyle, maar het uiterlijk komt beter overeen met het ontwerp van Jowelle.

[uieschoolblogger-blog]

Week 4

Kyle----------------------------------------------------------------------------------------------------

Activiteiten

Voor deze opdracht hebben we een paar activiteiten gepakt van opgave twee. Deze opgave is te vinden onder de naam “Week 2” op het uieschoolblogger account op Tumblr. We hebben gekozen voor de onderstaande activiteiten.

- Met één klik kunnen foto’s makkelijk gedeeld worden. Zo kan iedereen foto’s delen zonder veel verstand van applicatie te hebben. - De bekend van die de foto is. - De gebruiker kan makkelijk door de foto’s scrollen. Ze hoeven dus niet te zoeken. - De gebruiker kan andere gebruikers volgen en hun foto’s zien. Zodat alle favoriete gebruikers meteen in beeld komen. - De net geplaatste afbeelding komt meteen bovenaan te staan zodat oudste onderaan staan en nieuwste bovenaan. Zo is al het nieuwe werk meteen te zien en krijgt iedereen evenveel aandacht.

We hebben voor deze activiteiten gekozen omdat dit de belangrijkste dingen waren om de applicatie goed te laten werken. De bovenstaande activiteiten zorgen ervoor dat het makkelijk wordt voor de gebruiker om de applicatie te gebruiken.

Flow diagram

In de onderstaande afbeelding is een flow diagram te vinden. In dit diagram zijn alle flow diagrammen samengevoegd in één grote flowdiagram. Dit diagram is gemaakt door alle activiteiten samen te voegen.

Storyboards

In het onderstaande storyboard zijn verschillende activiteiten bij elkaar gevoegd. We hebben alles wat bij het toevoegen van foto’s bij elkaar gevoegd. In het onderstaande storyboard kan je foto’s toevoegen, de nieuwste foto’s bovenaan laten zien en gemakkelijk scrollen.

In de onderstaande afbeelding staat een storyboard over hoe je iemand kan volgen op de applicatie.

Jowelle & Ricardo---------------------------------------------------------------------------------

In de klas hebben we als eerst de homepage geschetst. Deze heeft Jowelle aan een klasgenoot laten zien en toen een klein beetje aangepast. 

Ricardo is bij een klasgenoot langsgegaan om hun app te reviewen. Dit was een mooi leermoment, doorwat we hierdoor inzage kregen over het beeld van een gebruiker vs. een developer op een app. 

Feedback die wij o.a. kregen, was dat het onduidelijk was dat een bestaande foto uploaden met een andere knop gebeurde dan een nieuwe foto maken. Nadat dit klaar was zijn we de andere schermen gaan schetsen en hebben deze ook laten zien. Er zijn wat klein wijzigingen gedaan. Het ging vooral om knoppen die vergeten waren. 

Ook hebben we nagedacht de USP van onze app: namelijk het feit dat onze app focused op foto’s die horizontaal gemaakt zijn, dus in landschap modus i.p.v. de portret-modus die door Smartphones zo populair is geworden.

Homepage

Dit is de homepage. Als je op een ander scherm bent kun je op het knopje links onder drukken om terug naar je homescherm te gaan. De menu balk links is aangepast. De drie puntjes links boven was niet duidelijk genoeg. We hebben gekozen om dit te veranderen naar een ander icoontje. Rechts zie je de foto’s van mensen die je volgt in het groot met alleen de naam van de persoon die het geplaatst heeft. Zo kan je de foto groot bekijken zonder dat de beschrijving ruimte gebruikt en de foto dus kleiner is. Als je de beschrijving wilt bekijken kan dit door op de foto te drukken.

Op de homepage kan je door alle foto’s scrollen. Alleen foto’s van mensen die je momenteel volgt worden getoond, op volgorde van nieuw naar oud. Het scrollen werkt met een “endless scrolling” idee: Op het moment dat de gebruiker dichtbij het eind van alle geladen foto’s komt, worden op de achtergrond nieuwe foto’s geladen, zodat de gebruiker niet onderbroken wordt.

Profiel bekijken

Als je op het linker boven icoontje klikt kom je op je profiel. Deze is heel simpel. Links zijn je fotos in het klein te zien waar je doorheen kan scrollen. Rechts staat je profiel foto en de optie om je profiel te bewerken.

Foto bekijken

Als er op een foto geklikt word kom je op dit scherm. In het midden staat de foto groot. En rechts zie je een profiel foto en naam van de persoon die de foto heeft gepost. Ook het bijschrift is hier te zien en onderaan de tags zodat dit niet meteen in beeld staat.

Zoeken

Als je op de tweede knop van het menu drukt kom je bij het zoekscherm. Bovenaan is de balk waar je een woord of gebruikersnaam in kan typen. Er worden al opties gegeven van eventuele gebruikers. Onder de balk krijg je foto’s of profiel foto’s te zien van wie of wat je zoekt.

Foto maken

Als je op de derde knop op de menubalk drukt kom je bij de camera terecht. Je kan nu meteen een foto maken. Als je een foto uit je galerij wil uploaden kan dit door op het derde knopje van rechts te drukken. Dit brengt je naar je galerij. Deze knop is later toegevoegd na het testen. Deze waren we vergeten.

Galerij

Als je een foto uit je galerij wil uploaden kom je op dit scherm. Rechts staan de fotos in je galerij. Als je deze aanklikt krijg je links de foto groter te zien. Bovenaan is een dropdown menu voor als je meer mappen hebt waar fotos in staan. De knop ‘volgende’ is aangepast omdat dit niet dezelfde knop is als de knop op het volgende scherm. Dit is niet consequent. Deze knop is na het testen toegevoegd omdat we deze vergeten waren.

Foto bewerken

Als je bij het vorige scherm op volgende drukt kom je bij foto bewerken. Je ziet hier dat je knop is aangepast naar een pijltje. Links staat nog steeds je foto en rechts kan je filters toevoegen en de helderheid aanpassen.

Foto bewerken (bijschrift)

Op het volgende scherm kan je nog een iets schrijven voor bij de foto. Daaronder kan je zoektermen typen zodat andere je foto’s makkelijker kunnen vinden.

Berichten

Als je op de vierde knop op de menu balk klikt kom je bij je berichten. Links staat een lijst met je vrienden. En anders kan je in de zoekbalk een naam invullen van iemand die je een bericht wil sturen. Als je van iemand een berichtje hebt staat er een nummer bij de naam. Dit geeft aan hoeveel berichten je van deze persoon hebt.

[uieschoolblogger-blog]

Week 3

Kyle----------------------------------------------------------------------------------------------------

informatie architectuur

De applicatie heeft een hiërarchie die gebruikt wordt. Deze hiërarchie zorgt ervoor dat het makkelijk voor de gebruiker is om op de applicatie te kunnen navigeren. Er is gekozen om de applicatie namen op te delen met verschillende namen. Dit gebeurt door middel van een menu waar allerlei sleutelwoorden in komen te staan. Als de gebruiker op één van deze woorden klikt dan komen er meer woorden tevoorschijn die naar verschillende plaatsen leiden in de applicatie.

Kaarten sorteren

Uit deze afbeelding is gebleken dat alles wat met foto’s te maken heeft bij elkaar komt te staan. Dit lijkt een beetje op de manier van andere sociale media websites. Er is ook gekozen voor een naam die vaker voorkomt op andere websites. De reden hiervoor is omdat het bekend voorkomt voor degene die dit heeft gesorteerd. Voor de tweede rij zijn alles wat met profielen te maken heeft bij elkaar gezet. Hoe ze aan de naam is gekomen komt doordat het op het woord profiel lijkt maar dan net iets anders. Bij de derde rij is er gekozen om alles wat bij home hoort bij elkaar te zetten. Omdat ze vonden dat de naam geen Home moest zijn hebben ze er feed van gemaakt. Voor de laatste rij hebben ze inloggen en registreren bij elkaar gedaan. Ze kon er geen naam bij verzinnen. Degene die deze kaarten gesorteerd heeft is Sara.

Jowelle------------------------------------------------------------------------------------------------

De eerste die de kaarten heeft neergelegd is Charita. De volgorde van de kaarten lijkt er op dat van andere bekende websites. Tijdens het neerleggen van de kaarten miste Charita de optie om een lijst met vrienden/mensen die je volgt te bekijken. Deze hebben we toegevoegd. Het opvallende is dat ‘ontdekken’ onder fotos maken, plaatsen en hashtag staat. Dit komt doordat ze vindt dat het met de fotos te maken had. Hieruit kan je opmaken dat de optie om nieuwe fotos ontdekken duidelijk bij een foto optie moet komen te staan.

De tweede die de kaarten heeft neergelegd was Lizzy. Dit ging wat moeizamer omdat ze moeite had met de logica in de kaarten zien. Ik heb de optie van Charita om een lijst met vrienden te bekijken bij de kaarten gelaten. Het verschil met Charita is dat Lizzy ervoor gekozen heeft om ‘ontdekken’ onder ‘homepage’ te plaatsen. Ze vind dat de nieuwe afbeeldingen meteen daar te zien moeten zijn. Verder zit er bijna geen verschil in de keuzes die ze gemaakt hebben.

Opvallend is dat ik zelf misschien zou kiezen om het profiel onder inloggen en registreren te plaatsen. Omdat ik vind dat dit bij elkaar hoort. Nu hebben Charita en Lizzy allebei het inloggen en registreren bij elkaar geplaatst, maar profiel los hiervan. Nu ik erover nadenk is dit ook vrij logisch. De optie inloggen en uitloggen hoeft niet bij de optie om je profiel te bekijken te staan. Dit kan makkelijk los van elkaar. Je wil misschien niet eerst naar je profiel moeten gaan om daar uit te loggen.

[uieschoolblogger-blog]

Week 2

Ricardo -----------------------------------------------------------------------------------------------

Activity/User centered design:

Our app will be created on the basis of Activity centered design: We want to be able to reach a wide audience with our app, and make it easy to use. It will not require previous experience with similar apps, but instead teach the user how to interact with the app through  intuitive design.

Easy to read, informative text

We are creating an app based on the sharing of photos. We came up with the idea because we think the current options for sharing photos are too complex or do not focus on photos only. Because our app will only focus on sharing of photos, the app can will be easy to use for both beginner and experienced users.

The target group will be students, artists and photographers, and we will regularly run tests and ask for feedback from users in these groups.

Kyle----------------------------------------------------------------------------------------------------

Cloze test

Deze applicatie zorgt ervoor dat iedereen op een Gemakkelijke manier foto’s kan plaatsen op de Applicatie. Doordat er geen Onnodige berichten op de applicatie komen te Staan is er meer plaats voor de foto’s die Erop geplaatst worden. Iedereen die een account heeft kan verschillende Foto’s toevoegen aan zijn/haar account. Die andere mensen weer kunnen Zien.

 Deze applicatie zorgt ervoor dat iedereen op een ___________ manier foto’s kan plaatsen op de __________. Doordat er geen __________ berichten op de applicatie komen te ______ is er meer plaats voor de foto’s die _____ geplaatst worden. Iedereen die een account heeft kan verschillende ______ toevoegen aan zijn/haar account. Die andere mensen weer kunnen _____.

Foto 1

Foto 2

Foto 3

Persoon 1 - Foto 1

Deze applicatie zorgt ervoor dat iedereen op een Makkelijke manier foto’s kan plaatsen op de App. Doordat er geen Onnodige berichten op de applicatie komen te Staan is er meer plaats voor de foto’s die op de app geplaatst worden. Iedereen die een account heeft kan verschillende Foto’s toevoegen aan zijn/haar account. Die andere mensen weer kunnen Zien.

Bij de eerste foto ging het redelijk goed. De eerste twee werden beantwoord op een manier die bijna het zelfde was als bedoelt. Het enige wat anders ingevuld is was “Op de app”.

 Persoon 2 - Foto 2

Deze applicatie zorgt ervoor dat iedereen op een Gemakkelijke manier foto’s kan plaatsen op de Applicatie. Doordat er geen Onnodige berichten op de applicatie komen te Staan is er meer plaats voor de foto’s die erop geplaatst worden. Iedereen die een account heeft kan verschillende Posters toevoegen aan zijn/haar account. Die andere mensen weer kunnen Like.

Bij de tweede foto ging het een stuk beter. Alleen op het laatste hebben ze in plaats van “zien”, “Like” ingevuld. Dit kan er ook neergezet worden omdat het ook goed in de zin past.

 Persoon 3 - Foto 3

Deze applicatie zorgt ervoor dat iedereen op een Gemakkelijke manier foto’s kan plaatsen op de Applicatie. Doordat er geen Onnodige berichten op de applicatie komen te Staan is er meer plaats voor de foto’s die erop geplaatst worden. Iedereen die een account heeft kan verschillende afbeeldingen toevoegen aan zijn/haar account. Die andere mensen weer kunnen zien.

Bij de derde foto ging het goed. Er waren geen fouten. De persoon die deze tekst heeft gedaan heeft het meeste tijd eraan besteed.

Persoon 4

Deze applicatie zorgt ervoor dat iedereen op een andere manier foto’s kan plaatsen op de Applicatie. Doordat er geen Onnodige berichten op de applicatie komen te Staan is er meer plaats voor de foto’s die erop geplaatst worden. Iedereen die een account heeft kan verschillende afbeeldingen toevoegen aan zijn/haar account. Die andere mensen weer kunnen Like.

Bij persoon 4 hebben we geen foto. Bij deze persoon ging het goed. In het begin heeft hij in plaats van “Gemakkelijke”, “Andere” gedaan. De rest ging goed.

 Text usability

De tekst is speciaal gemaakt zodat er geen technische teksten in de cloze test tekst staan. De meeste gebruikers weten niet wat het betekend en hebben hierdoor geen behoefte om verder te lezen. Ook is de tekst zo gemaakt dat er geen afkortingen worden gebruikt in de tekst. Uit de test is in het algemeen gebleken dat het voor een groot gedeelte goed te lezen is. Alleen op het einde is het soms dat er een ander woord komt te staan. Dit komt omdat het mogelijk is om daar verschillende woorden neer te zetten. De rest van de test is goed gegaan. Dit komt omdat het een duidelijke tekst was die voor iedereen te lezen is.

Jowelle -----------------------------------------------------------------------------------------------

List of activities

-          Met één klik kunnen fotos makkelijk gedeeld worden. Zo kan iedereen fotos delen zonder veel verstand van apps te hebben.

-          De gebruiker kan meteen zien van die de foto is die geplaatst is. Het is meteen bekend van die de foto is.

-          De gebruiker kan makkelijk door de fotos scrollen. Ze hoeven dus niet te zoeken.

-          De gebruiker kan andere gebruikers volgen en hun fotos zien. Zodat alle favoriete gebruikers meteen in beeld komen.

-          De net geplaatste afbeelding komt meteen bovenaan te staan zodat oudste onderaan staan en nieuwste bovenaan. Zo is al het nieuwe werk meteen te zien en krijgt iedereen evenveel aandacht.

[uieschoolblogger-blog]

PhoTapp week 1

Kyle----------------------------------------------------------------------------------------------------

introductie Voor de opdracht gaan we analyseren wat de gebruikersgroep is voor de applicatie. Dit is een opgave van de eerste week van het vak UIE41. Als voorbeeld applicatie gebruiken we Tumblr, de naam van onze applicatie is PhoTapp.

Gebruikers De gebruikers die deze applicatie willen gebruiken zijn fotografen, kunstenaars en mediastudenten. Deze gebruikers willen de applicatie gebruiken om hun gemaakte werk te laten zien aan de wereld.

Problemen die opgelost worden met de applicatie. Met deze applicatie kunnen de fotografen, kunstenaars en mediastudenten zich uiten door middel van het plaatsen van foto’s. De applicatie is makkelijk te gebruiken, Zelfs voor mensen die weinig verstand hebben van applicaties.

Sterke en zwakkere punten. Een sterk punt is dat het makkelijk te gebruiken is voor iedereen. Een ander sterk punt is dat je gemakkelijk kunt navigeren op de applicatie. Een ander sterk punt is dat de gebruiker makkelijk kan zien wat andere gebruikers hebben toegevoegd aan de applicatie. Een minder sterk punt van de applicatie is dat er alleen foto’s toegevoegd kunnen worden waardoor gebruikers zichzelf minder kunnen uiten.

Problemen die de gebruikers hebben om hun doel te bereiken. De gebruikers hebben het probleem dat ze bij sommige applicatie moeten zoeken naar waar ze de foto’s kunnen uploaden. Een ander probleem die de meeste gebruikers hebben bij andere applicaties is dat er meer dan alleen foto’s geüpload kan worden waardoor hun eigen werk minder aandacht krijgt.

Categorieën Voor de applicatie kunnen verschillende soorten categorieën worden toegevoegd. Een aantal categorieën die gebruikt kunnen worden voor de applicatie zijn: Kunst, Photoshop, Tekening, Grappig, School en Werk.

Foto

Personas

Ricardo-----------------------------------------------------------------------------------------------