WEJUKE CASE STUDY
SOCIAL JUKEBOX FOR BAR-GOERS Research, Experience and Interaction Design
TESLA CASE STUDY
INVISIBLE INTERFACE: GESTURAL, VOICE ASSISTED AND PREDICTIVE Experience, Interaction Design & Prototype.
RE-THINKING THE ORDERING EXPERIENCE Research, Prototype, Experience & Interaction Design
OUT YOUTH MENTOR STRATEGY
VOLUNTEER STRATEGY Lead, Data Visualization, Strategy, Human-Centered Design, Documentation.
SPOTIFY CASE STUDY
‘HIDE SONG’ FEATURE Experience, Interaction and Visual Design.
ACC NEW WEBSITE
A FOCUSED EXPERIENCE FOR NEW STUDENTS Team lead, Research, Experience & Interaction Design and Prototype.
MOBILE UI PATTERNS
SCREEN DESIGN IN SKETCH Wireframes, Sketch 3, UI Design
IA FLOW DIAGRAMS
GRANTING ENTRY AFTER A SECURITY CHECKPOINT Information Architecture, Flow Diagrams
Sketch 3, Wireframes, Stylesheet Design
YOU-X • JULIE'S JOURNEY
User Journey, User Stories, Interface Design
UI Design - Using Affordance Effectively
Identify an app that is using affordances incorrectly, create a user scenario, a wireframe and a hi-def wireframe of a better approach
UI Problems, User Scenarios & Wireframe Solutions
College Project: Identify poorly designed UI problems, create user scenarios and think of a solution. Develop hi-def wireframes
UI Design - Using Icons for Communication
Identify an app with poor icon labeling and organization. Create a wireframe and hi-def wireframe with a better solution
UI Design - UI Poor Design Improvement
Find an app that has poor design, reverse engineer a wireframe of the app in its current state and identify its problems. Create a hi-def wireframe with a potential solution.
Competitive Analysis, Information Architecture
College Project - Research, competitive analysis, reverse engineering site map, information architecture, improving interaction, wireframes
Research, Prototype & Testing - Mobile App
Visually Communicating Interactivity - College Project inVision App link: https://invis.io/T22SCIDEV
Research, Interaction Design, Prototype & Testing
College Project - Visually Communicating Interactivity. InVision Prototype Link: https://invis.io/HC2MC8VM3
Sketch, Wireframes & Re-design - Web, iPhone, Ipad
College Project - Re-design a local news website, create sketches, wireframes, and hi-def final design. Create an iPhone, Ipad, and feature phone version as well
Prototyping & Iterations - Hue Lights UI
esign a UI that enables users to modify a product’s settings, using only 3 or 4 buttons. Integrate sketching as part of the mockup “testing” process. Ask a fellow student or a friend to test your “paper prototype” which is your sketch. Ex03 will be the first iteration of your design created as a wireframe, and Ex04 a very polished final full color version. C reate your mockups for the iPad using the Photoshop iPad starter file that is attached.
Graphic Design Class, Drawing Class, Digital Video Class, & Types for Digital Media Class