LINDA XU | Other UX Projects
linda xu, ux design, user experience, hci, interaction designer
bp-legacy,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


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!


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


Lo-fi and usability tests

App Navi

Hi-fidelity Prototypes

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



Creative Briefs

Web Design & Development

Project Idea

Website for the Creative Briefs Podcast



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



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



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)



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






Drag it and have fun!


Service Research & Design


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


Ideation & Speed-dating

Business Model

Customer Journey

Landing Page A/B Test

Google Adwords

Growth Plan

Moodboard Research


Hi-fidelity Mockups

User Enactment


Web App Design & Development

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

Competitive Analysis





App Flow

Hi-fi Mockups

Live Site: Click HERE

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


UX Research & Ideation



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


Service Research & Design

Manju Dictionary

Visual Design



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.


Iteration 1

Iteration 2

Kinetic Typography

A Book

visual design