LINDA XU | Other UX Projects
linda xu, ux design, user experience, hci, interaction designer
21834
page-template,page-template-full_width,page-template-full_width-php,page,page-id-21834,ajax_updown,page_not_loaded,,qode-theme-ver-6.3,wpb-js-composer js-comp-ver-4.3.5,vc_responsive,no-js

Other UX Projects


WeRide

User Research & Product Design

Splitting Uber bills is not easy, especially when it comes to 4 or 5 people in one group.

We wanted to created an app that is social-web based, saves all the hassle of splitting bills for people.

WeRide is an app that does all for you and your friend. All you need is ONE Uber account and Facebook!

Braintorming

Directions * 7

Ideas * 32

Scoped down ideas *3

Preliminary Research

Competitive Analysis * 32

Interview & Pivoting

Interview * 3 hrs

Redefining & Information Architecture

(Yes, we did pivot from a pet-ubering app to a bill splitting app)

Information Architecture V1

Wireframing

Lo-fi and usability tests

App Navi

Hi-fidelity Prototypes

(Yes the information architecture was simplified so that there are only 4 screens now)

icon180*180-05

Demo


Creative Briefs

Web Design & Development

Project Idea

Website for the Creative Briefs Podcast

 

Reason

The podcast does not have it’s own space on the internet and is currently hosted on AIGA Pittsburgh’s site.

 

Audience

People who enjoy hearing creative people talk about their endeavors and experiences.

 

Goals

Giving the podcast it’s own site will enable the show to grow its audience. A potential listener will be able to visit a URL related to the show instead of finding it buried in the AIGA site. The site will also be styled to match the show logo and create a more in depth visual style that fits with the feeling of the show.

The podcast will also be able to create more interaction with a site. They will be able to allow listeners to subscribe to the show directly through an rss feed and avoid vendors such as iTunes. Having a site will also allow the show to host its question submission forms on their site instead of just using a default google form.

Having a site also allows the show to expand the type of media it produces in the future by giving them a singular place to host and publish it.

 

Resources and Partnerships

The Creative Briefs hosts, AIGA Pittsburgh, Google Forms, Libsyn (audio hosting)

 

Timeline

3/25 to 4/6 – Research

  • Publishing rss feeds
  • Pushing rss feeds to post to other sites
  • Migrating post from another site
  • Customizing google doc forms

3/25 to 4/6 – Wireframes

  • Develop black and white wireframes

4/6 to 4/8 – User Test

  • Run a few user tests to test navigation

4/8 to 4/20 – Template

  • Develop custom template based off black and white wireframes

4/8 to 4/20 – Visual Style

  • develop visual styling for site

4/20 to 4/27 – Styling

  • apply visual style to template

4/29 – Final

  • Turn in project

Lo-fi Mockups & Navi Map

Responsive Hi-fi Mockups

Desktop

Tablet

highfidelity_wireframes-04

Mobile

LIVE SITE:  CLICK HERE

Drag it and have fun!


DropBy

Service Research & Design

Overview

This course project emulated the startup-like product design process starting with PEST analysis to Kickstarter campaign pre-launch. It was a great learning experience to simulate how a product team may carry out a service innovation in a fast-paced, competitive business environment. One of the highlights was that we had to channel a systematic perspective for the service design – not just focusing on polishing product to be user-centered, but also to consider how this service may interact with multiple stakeholders in the ecosystem at large. We played around with the sharing economy idea of a neighborhood crowdsourced delivery service. Teams are made up of researcher, designers, product managers, business consultants and developers.

Identifying Problem

We used multiple methods to identify the opportunity that we can leverage. When brainstorming, we particularly used one method call “PEST” Analysis (Political, Economic, Social, Technological) .

Competitive Analysis * 28

Survey

Ideation & Speed-dating

Business Model

Customer Journey

Landing Page A/B Test

Google Adwords

Growth Plan

Moodboard Research

Wireframes

Hi-fidelity Mockups

User Enactment


Vidavid

Web App Design & Development

Vidavid is a hub site for you to manage all your social media video collections and publications.

Competitive Analysis

Features

Tagging

Sharing

Crowdscourcing

App Flow

Hi-fi Mockups

Live Site: Click HERE

*In order to enjoy the site, make up a user name and a pw.


Autolab++

UX Research & Ideation

Background

 

A software organization has engaged you to study their programming process and design methods and tools to make them more effective. Available technology—internet, mobile phones, television, software management systems, etc.—should be considered; but simpler process changes should not be ignored. You have decided to start by observing programmers at work in order to understand the process they follow and the information flows among them and their systems. Each member of your team will observe a programmer for about an hour.

The programmers you will observe are actually students doing a task in a Computer Science course, 15-213, so some of the issues that arise may be related to the learning environment more than professional software practice. Your team could eventually decide to focus on the learning process. For now, you should just record and interpret whatever you see.

 

Learning Goals

 

  1. Practice the skill of empirical observation; i.e. seeing without prejudging
  2. Flow Models
  3. Sequence Models
  4. Affinity Diagram
  5. Visioning
  6. Appreciation of programmers’ tasks

Step1:  Contextual Inquiry

 

I forgot to take photos for this LOL

Step2:  Notes & Intepretation

 

One session sample

Step3:  Sequence & Flow Model (same time as step 2)

 

One session sample

Step4:  Affinity Diagram

 

One session sample

Step5:  Sequence Model Consolidation

 

One session sample

Step6:  Flow Model Consolidation

 

One session sample

Step7:  Walk the “Wall”

 

Walk thru the model, diagrams as a team, identifying Ideas, issue and holes

Step8:  Storytelling and evaluation

 

sample work

Step9: Solution

 

Click Here to view the solution file


Ambulair

Service Research & Design


Manju Dictionary

Visual Design

Before

After


CMU International Film Festival 

Interaction Design

About CMU International Film Festival

 

Created in 2006, the Carnegie Mellon International “Faces” Film Festival is a project of the Humanities Center at Carnegie Mellon University, which has supported research and encouraged interest in the humanities for more than 13 years. The festival serves as a non-academic bridge to the greater Pittsburgh community, and opens its doors each year to the interests and passions of people across generations and cultures.

 

One challenge worth mentioning: Film, as a form of art, is visually impactful. In order to keep consistency with the branding art, we had to adapt ourself to the art basis, yet interpreting the art language to design.

Wireframes

Iteration 1

Iteration 2


Kinetic Typography


A Book

visual design