Hi, I am Danni! I am a User Experience Designer.
I design with Curiosity, Empathy and Attention to Detail.

TEDxRainier Event Companion App

Overview

The power of ideas unleashes when ideas spread. TEDxRainier, the independently organized TED event in Seattle, is devoted to making a difference by gathering thinkers and spreading ideas. According to our communication with TEDxRainier organizers, active communities built around ideas will be a great addition to the existing annual event, to help ideas spread further. The challenge, however, is to maintain such communities with limited resources.

For our capstone project, our group designed an iOS app that helps facilitate community building by leveraging the power of Twitter hashtags. We tried to find the right problem with our research and stay focused in our design process to create simple but powerful solutions.

 

Problem

Before Event

After Event

Our Design

 

Speaker

  • Basic Information
  • Recent Updates
  • Speaker/Topic Related Discussion

All within few simple clicks

 

Community

  • Join in the Discussion
  • Save Your Favorite Speakers

 

TEDxRainier

  • Interested in attending TEDxRainier 2014?
  • Want to be more involved in TEDxRainier Community?

We put all the information you need in your hand, within few clicks…

Try out our Hi-fi Prototype…

Final Presentation at UW iSchool Capstone Event

Capstone-Poster-Draft-V6-01

Design Process

capstone-process

Persona
We started our project by listing out personas for TEDxRainier event/ website. What are their motivations, what are their needs, what can we possibly provide them, and potential use scenarios. Although some of the information seems to be obvious. But these personas helped us be on the same page about our targeted user, and reminded us about designing for our user in later process.

Apr 25th Presentation to Phil (2)

Apr 25th Presentation to Phil (3)

Apr 25th Presentation to Phil (4)
We looked at TED website, TEDx Websites, websites of other similar organizations, and other digital presences of TEDxRainier as part of our Competitive Analysis. We noted down what worked for them and what did not, and discussed the reason behind. e.g. why TED can have such a robust community page on their website while¬†smaller organization’s website usually don’t have one.

 

sketch-1
We used a conceptual modal (speaker – topic – audience relationship) to help us be focused in our discussion, without being too distracted by fun features we had in mind.
sketch-2
Finally we settled on one rough design on whiteboard.
Screenshot 2016-02-22 00.47.23
Wireframe helped us think through the details of each page without worrying about color.

 

Flow Chart
We created a flow chart to show how each page are connected. It helped us think through and make conscious decisions about the detail flows.
Protected: Product Design at Microsoft
Microsoft
Graphic Design, Interaction Design, Recent Work, User Research
Protected: Product Design at Microsoft
Framer Experiment
Interaction Design, Recent Work
Framer Experiment
Re-imagine Read-it-later Experience
Graphic Design, Interaction Design, Recent Work, User Research
Re-imagine Read-it-later Experience
Yelp User Profile Page Redesign (ios)
Graphic Design, Interaction Design, Recent Work
Yelp User Profile Page Redesign (ios)
Taxonomy for Starbucks Bakery Products
Taxonomy for Starbucks Bakery Products
TEDxRainier Event Companion App
UW iSchool Capstone Project
Graphic Design, Interaction Design
TEDxRainier Event Companion App
Health Pal: Web Application Design
Interaction Design
Health Pal: Web Application Design
Hello 911… Information Visualization Project
Information Visualization, Interaction Design, User Research
Hello 911… Information Visualization Project
MooDuino: in-class voting app Design
Interaction Design
MooDuino: in-class voting app Design
Exploratory Data Analysis with Tableau
Information Visualization
Exploratory Data Analysis with Tableau
Homeless in Seattle Visualization
Information Visualization Class
Graphic Design, Information Visualization
Homeless in Seattle Visualization