Wednesday, April 3, 2013

week ten: development of screens

as listed on my self-made schedule, this week concludes the "ardent designing of screens." a few class periods ago, i had the most useful conversation with marty: she brought up the fact that i can, when i show this work, include my wireframes and site map to describe all the functionality while having a much shorter, more stylistic, and emotional video, rather than a clinical walkthrough of dozens of moments of interaction. here are examples of each of the kinds of screens i will be using in my video, with the repeats taken out. note: i'm still making changes and refining from the feedback i've been given! they aren't quite there yet, but here's some process.




after skipping the question, the first girl posts about how her boyfriend has just left town.


she receives support from the community through the comments.


here is a screen showing how the search functionality works, for text content and images.


the stream looks something like this.


users get to upload their own background image for their profile, explaining why this screen is the only with this image. the other backgrounds are pulled from a curated collection of softened, comforting, or related imagery, and stays the same while you navigate until you refresh the site.


the way the messaging system works, in this case, to offer mentorship.


this is the mood map, which you drag to find moods based on energy level and positivity.


i've also been talking to 'actors' to start shooting for the video asap. i'm excited about this. i feel like it's one of the most successful things i've worked on so far... i hope i can keep it up and finish strong!