Layout Facebook app

by

In de loop van de vorige les hebben we een layout gemaakt voor onze Facebook applicatie. Aangezien we nog geen naam gekozen hebben voor de applicatie, staat er in de layout voorlopig “TITEL APP”.Het belangrijkste in onze applicatie zijn de verhalen. Elk verhaal heeft:

  • een maker (die ook schrijver is);
  • een titel;
  • zinnen;
  • schrijvers.

De voornaamste acties in onze applicatie zijn:

  • een nieuw verhaal starten;
  • een zin schrijven;
  • een verhaal lezen;
  • meer mensen uitnodigen om mee te schrijven.

Dit is een opeenvolging van stappen die gebeuren wanneer een gebruiker die de applicatie niet kent, het toevoegt:

  1. X voegt de applicatie toe.
  2. X krijgt zijn verhalenbox te zien (de applicatie zelf) en start een nieuw verhaal via een link.
  3. X kiest een titel en tikt en eerste zin voor zijn verhaal.
  4. X komt terug in zijn verhalenbox. De verschillende delen in deze box zijn de mogelijkheid om een nieuw verhaal te starten, een verhaal verder werken (als X niet reeds de laatste zin van dat verhaal geschreven heeft), de verhalen die niet af zijn maar waar X wel de laatste zin van heeft geschreven en de verhalen die af zijn.
    De verhalen die X nog niet gelezen heeft, staan in elke categorie bovenaan in vette letters.
    Ondertussen staat er in de feed van X een nieuwsbericht “X has written in MyFirstStory. Continue the story“.
  5. X wil een ouder verhaal lezen. Klikt op “read more“. Een nieuw venster wordt geopend boven de applicatie. X kan dit venster sluiten op elk ogenblik en terug keren naar zijn verhalenbox.
  6. Y ziet het bericht op de feed van X, klikt op “Continue the story“.
  7. Y laat de applicatie toe.
  8. Y gaat naar haar verhalenbox, waar het verhaal MyFirstStory van X staat.
  9. Y schrijft een nieuwe zin in MyFirstStory.
  10. Een nieuwsbericht wordt gepost op de feed van Y (“Y has written in MyFirstStory. Continue the story”).

De layout op papier is hier te vinden.

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s


%d bloggers like this: