Design Process: Pynd.it

Steve Jones
Feb 20, 2016 · 5 min read
Pynd.it Logo

Intro

Problem

Finding great nearby events is a common problem for college students. There are many existing applications that serve the purpose of informing people about events.

Goal

My goal is to design a event listing application that solves these issues. This app will have a simple intuitive interface that enables users to discover events. The user will also be able to take advantage of user feedback of events to decide if they would like to attend. In designing the application I will focus on creating a simple and elegant user experience.

Requirements Analysis & Knowledge Elicitation

Full script of questions and answers can be found here:

Main Takeaways

The following are the most important observations from interviewing prospective users.

  • App to find parties / nightlife events
  • Find academic events, career fairs, speakers on campus, etc.
  • View future events as well in addition to live events
  • Add future events to their calendar
  • See how big the attendance of the event is
  • Filter / search options
  • Integrate other apps to pull in other events
  • Option to view events in a list in addition to the map
  • Future event reminders
  • Net up/down vote as well as individual up/down vote numbers

Proposal

Pynd.it

Pynd.it is a live social event listing app. A user can drop a Pyn (map pin) at the location of an event. When a user launches the app they are greeted with a view of a map interface that displays any dropped Pyns in their area. Users at the location of an event are able to “upvote” or “downvote” each pin to represent the experience of the event (similar to Reddit or Yik Yak). This means when viewing the map interface, users can see the net vote rating of the event. This event voting feedback gives prospective event attendees a better idea of if they are interested in attending the event.

Low-Fidelity Prototype

Prototyping Tool: Balsamiq Mockups

Low-Fidelity Prototype

User Testing: Low-Fidelity Prototype

Main Takeaways

  • Users enjoyed the simple intuitive interface
  • Users wanted to know where they could view future events
  • Users wanted an indication of the rating of the event on the map view without selecting a pin
  • Users wanted to be able to view the start/end times of an event
  • Users want to search for a location

Logo

The Pynd.it logo uses the applications primary color. The logo uses a “Pyn” as the “i” to help indicate the application is related to location/mapping. A stick figure who is having a good time, represents that the app enjoyable events for the user to discover.

Pynd.it Logo

High-Fidelity Prototype

Prototyping Tool: Sketch

Invision Prototype

The prototype below was created by connecting the screens designed in Sketch using transitions to simulate functionality.

Conclusion

Requirements Analysis & Knowledge Elicitation

The requirements analysis & knowledge elicitation interviews helped guide my vision of the product design to cater to prospective users.

Low-Fidelity Prototype

Designing a low-fidelity prototype with Balsamiq allowed for a relatively quick implementation of my vision for the product design. The nature of Balsamiq’s rough unrefined UI components allowed me to implement the design without the distraction of ensuring pixel perfect design accuracy.

High-Fidelity Prototype

The iterative process of designing a high-fidelity prototype encouraged me to rethink each design decision as I implemented the design in Sketch. Sketch’s realistic design helped produce a final prototype that accurately conveys the design.

Next Steps

I’m looking forward to the next step of implementing the design in a fully function iOS application. Getting the app into the hands of real users on their devices will allow me to do further user testing and gain more feedback to further improve and cater the design to users.


Thanks for reading!

Please feel free to give me any feedback by commenting below or shooting me an email at the address below:

Steve Jones

Written by

http://stevejones.io