Product System Prototyping, and User Experience
Just to reiterate if you haven’t seen our last post, our low-fi prototype for this product focuses on a Mobile app and TV, for later interactions (social events and daily interactions).
Wireframes
After our initial low-fi ideas, we narrowed down on the use cases we wanted to focus on for our final video presentation, and from there addressed the screens/ features we needed to show for each step.
We then produced more flushed out lo-fi prototypes walking through each of these scenarios.
Feedback:
- consider what makes our system special — more exclusiveness into our product
- incorporate physical interaction as well, how does being neighbors change the social dynamic comparing to any other online social networks?
New Ideas and Storyboards
In our new iteration, we reconsidered more deeply about social dynamics. What type of relationship do we want to foster? Instead of getting to know people virtually first, we should instead push for physical interaction a bit more. Therefore, our new storyboards are built upon a social system where the residents have to meet the person physically first to unlock their virtual profile — either through knocking on their neighbor’s doors to introduce themselves, or attending a community event, etc.
Scenario 1: borrowing and lending stuff
Scenario 2: attending and posting events
For physical interaction touchpoints:
- 1-on-1: bump your phone with someone to unlock their profile
- Event: tap on a reader, and you would automatically unlock your profile of all the attendees
Mid-Fi Prototypes and Developing User Flow Map
After discussing our new path for our final product, we then began to further develop our screens for said interactions, as well as began to flush out the many user paths that exist with this new system.
User Paths Outline
Through this early user path we began to navigate the steps that one might take to build their community. This could be in a very direct and self-initiated manner such as the path by “The Introducer” or one that comes up more naturally through social events and groups like in the path of “The Social Butterfly.” For the user who might not be as open to direct contact, we also have the path of “The Borrower” who might get to know their neighbors in a time of need.
User Paths Into Diagram
After mapping out the entire user flow, we also began to draft how these paths might look in a more visually interesting diagram that reflects the building space itself.
Screens — borrowing and lending
Screens — Community Events
Illustrations styles and revamping the brand
Revised Screens
Revised User Flows
