GR2 - Designs
Scenario
Jeanette, a freshmen in college, wants to make a birthday card for her friend Jode, who's birthday is coming up in two weeks. She understands everyone is busy, and that some of Jode's friends may not be in the area. So she goes to Eloha, where she signs up for an account and chooses a template for the overall look of the card. After successfully signing up and choosing a template, Eloha presents her with a link to send to all her friends that she'd like to sign the card. One of them is Max, who goes on Eloha and writes his own message. He has the option of signing up for an account if he would like to save his work and be able to come back to it later in case he wants to edit anything. Or he can just choose to confirm his final message and not sign up for an account, knowing the fact that he will not be able to make any changes afterwards. He decides not to sign up for an account, and sends the link to another friend Xindi.
Xindi goes on to Eloha, writes a brief message, and decides to sign up for an account so that she can come back to the card at a later time to finish working on it. A few days before Jode's birthday, Jeanette goes back onto Eloha, and decides to compile everything so that it'll be ready for Jode. On the day of her birthday, Jode receives a new link that takes her to her Eloha greeting card, filled with all the messages and photos that her friends have included for her. Everyone is happy, and the birthday is a success!
Designs
Graphics Editor Layout
Jeanette visits the Eloha homepage. The front page is simple, has three main actions: log in, create an account, or make a card (without signing in). These are flushed to the right. The buttons are nearly on the right edge, making them incredibly easy to access by Fitt's Law. It is made very clear that an account is not needed; the label says "Accounts (Optional)" and there is a section that says "Start Designing!" and "Make a Card!" implying that one could just go straight into making a card without logging in.
Jeanette logs in creating a page-modal popup login box. There is a close button the popup as well as a Cancel button, both of which will return focus to the homepage in case they clicked on "log in" by accident.
Jeanette sees her card list, which has no cards currently. She can access account options on the right, which is similar to how the homepage was laid out, all controls and commands on the right. This is consistent. The message in the center of the card list lets Jeanette go straight into making a card.
Jeanette chooses to create a new card and is brought to the canvas page. An immediate page-modal popup lets Jeanette choose a starter-theme for the card. The themes are provided in grid-format with a picture preview of each. Each has a name associated with it. The currently selected one has a border around it and shows up in the bottom of the popup: "Currently selected: Blank".
She also has the option to not choose a theme and go with the default by clicking on Cancel or the X button. She can bring back the popup on the right under the card command "Theme".
Jeanette sees the canvas. Tools are on the left, as they are in many graphics editing programs (familiarity). They are also flush to the left, so the mouse cursor will be bound to the edges of the screen and will always land (at least horizontally) on the correct tool button. On top is the title of the card, which has a text input border around it, as an affordance showing that it can be edited. The "Back to All Cards >>" command has the ">>" to indicate the backwards motion to the card list of the user.
Clicking on "Contributors" opens a page-modal popup showing contributors to the card via their email. It also displays their permissions. You can edit by directly typing in a row and selecting permissions via a drop-down list. The current entry is highlighted. Jeanette sends an invite to Max here.
Max is editing text using the text tool (depressed in the tool menu). A typography bar appears showing common text options. The text edit box is dotted to separate it from other objects on the canvas, and is adorned with resize handles.
As Max leaves, having finished his message, a warning dialog pops up and asks him if he would like to create an account to continue to edit his message after he has left. His options are "Yes", "No", and "Cancel", "Cancel" prevents the default behavior of the page being closed or navigated away from.
Xindi creates an account, when faced with the same dialog box that Max encountered. It asks for her email and password, both with confirmation boxes. A checkmark or an X indicates whether or not the emails and passwords match to prevent the error of entering the incorrect email and/or password.
Jode receives her card and views it. The page has nothing else but the card, the Eloha logo which redirects to the main page and the title.
