2. Ontwerpen - DphnZwp/lets-jam-webapplicatie GitHub Wiki

Schetsen

Voor de homepagina heb ik een schrift en een boek geschetst. De schets met de boek is beter voor de performance, omdat ik een boek makkelijker kan namaken met html. De schets met de schrift heeft een slechtere performance, omdat ik een grote svg illustratie moet maken. Daarom heb ik voor de boek schets gekozen.

Deze had ik uitgekozen

Styleguide

Logo

In het oude ontwerp is het mascotte een uil, omdat een uil het symbool van de wijsheid is volgens de Grieken. Ik denk dat het niet een goed idee is om een uil te gebruiken, omdat je aan de groene uil van duo Lingo denkt wanneer je over een bedrijf met een uil denkt. Daarom wil ik deze keer een robot mascotte gebruiken voor het logo en andere illustraties.

Eerste iteratie

Homepagina

Er is een korte introductie over WriterMind om je te overtuigen om een ducument te schrijven. Je kan inloggen met de "LET'S WRITE" knop en je kan meer informatie over WriterMind met de "MORE INFORMATION" knop.

Empty state

Dit krijg je te zien wanneer je geen documenten hebt gemaakt. Je kan een document maken met de "create a document +" knop.

Documenten

Hier kan je al je documenten zien die je hebt gemaakt. Bij elke document kan je informatie vinden over de auteur, deadline, uitdaging en hoeveel woorden je hebt geschreven. Met de "Continue writing" knop kan je verder gaan met het schrijven van een document die je al eerder hebt geschreven.

Schrijfpagina

Hier kan je een Document schrijven. Je kan de tekst bewerken met bewerk knoppen. Ook kan je zien hoeveel woorden je hebt getypt en het maximaal of minimaal aantal woorden dat je hebt ingesteld, zodat je kan zien als je doel hebt behaald. Wanneer je wilt stoppen met schrijven kan je het document opslaan met de "SAVE DOCUMENT" knop of het document downloaden met de "DOWNLOAD PDF" knop.

Tweede iteratie

Ik heb feedback toegepast van de design review.

Hier is de feedback die ik heb gekregen:

• Kies een speelsere lettertype. Het lettertype van nu is niet speels genoeg.
• Het zou leuk zijn als je gelijk een document kan schrijven zonder in te loggen. Kan je hier een oplossing voor kunnen bedenken?

Homepagina

Ik heb bij de homepagina een "TOO LAZY TO LOGIN" button toegevoegd. Wanneer gebruikers op die knop drukken kunnen ze zonder in te loggen gelijk een document schrijven.

Too lazy to login - Schrijfpagina

Op deze pagina kan je een document schrijven zonder in te loggen. Je kan uitkiezen hoeveel woorden je maximaal wilt schrijven. Je kan ook zien hoeveel woorden je hebt getypt en het maximaal aantal woorden dat je wilt halen. Je kan ook de tekst bewerken met verschilende bewerk knoppen.

Inloggen

Je hebt een account nodig om een document te schrijven. Vul hier je email en wachtwoord wanneer je een account hebt aangemaakt. Druk op de "SIGN UP"link als je nog geen account hebt. Met deze link kom je op de aanmeld pagina

Aanmelden

Op deze aanmeld pagina kan je een account aanmaken. Vul hier je email adres in die je wilt gebruiken en maak een wachtwoord.

Empty state

Dit krijg je te zien wanneer je geen documenten hebt gemaakt. Je kan een document maken met de "create a document +" knop.

Creating

Hier kan je een document maken. Vul eerst de titel, auteur en deadline in en maak daarna een uitdaging voor jezelf. Kies je uitdaging het minimaal of maximaal aantal woorden die je wilt behalen.

Jouw documenten

Hier kan je al je documenten zien die je hebt gemaakt. Bij elke document kan je informatie vinden over de auteur, deadline, uitdaging en hoeveel woorden je hebt geschreven. Met de "Continue writing" knop kan je verder gaan met het schrijven van een document die je al eerder hebt geschreven. Ik heb een filter toegevoegd bij de documenten pagina. Met de filter kan je de oudste en nieuwste documenten filteren.

Schrijfpagina

Hier kan je een document schrijven