Tiffany Jen

Here is a look into some of the wireframes and mockups I have created. 

The first section was created at Manifest Digital for a client. I am just showing the generalized wireframes to show the template we have created. To see the full interactive version please Click Here.

The next three sections are ones I created for the Q-Global team during my internship at Pearson. Q-Global is an online platform for clinical assessments used by teachers, mental health professionals, etc. (http://images.pearsonclinical.com/images/qglobal/).

Q-Global provided me with the information and correct screenshots for the assessments but the designs and wireframes were created by me. I received feedback from the team and iterated. 

The final wireframe is a wireframe of this portfolio done in Axure. For the Interactive Experience please click HERE. There is also a link in the Axure wireframe below.

The Food Journey App is my Capstone project. This was a personal project done throughout a semester. Since one of my interests is in food, I focused on the area of Human Food Interaction and how to create positive experiences.

For this project, I created my research plan that would generated insights which informs my concepts. I chose the concept of the Food Journey App because it allowed me to easily test the experience with a proof of concept using paper prototypes. After assuring the experience with the app is positive is when the focus will be geared towards the UI. 

The showcase of my project begins with the poster that generalizes my process. It is followed by predispositions and my insight. A walkthrough of my final concept and the Proof of Concept follows then a look at my research process and some previous concepts. 

The first week of my internship at Pearson in San Antonio, TX in June 2013, I participated in my very first Hackathon.

The Pan-Pearson Hackathon was a 2 day event where small groups created a hack using Pearson APIs. I collaborated with Paula Oles (supervisor), Sam Whitley (employee), and Gauri Wagle (intern). We used the Penguin Classics API to create a high fidelity prototype: Tap-A-Tap-A-Tap!!. I have included our video which was our final deliverable. 

While all of us contributed equally to the idea of the project, we delegated tasks based on our expertise. Some of my contributions are the artwork, preparation of the slides and flow of our presentation.

Four teams competed in the San Antonio, TX office. We tied for 1st place with another team and our hack was submitted to compete with Pearson’s international office.

Here contains the instructions:  http://www.genuity.co/challenges/pph2013 

APIs owned by Pearson:  http://www.pearson.com/

Here is a sketch I have done on the Design Process of my teams when we work on a project. The sketch shows the basic flow we go through. 

The sketch is followed by the visualization of the process I used for my capstone project The Food Journey App: Connecting Couples Through a Food Experience. My research informed my insights which helped create the concept. The full project can be seen on the Food Journey App page. 

I then visualize the design process in a 3D space. The outside of the sculpture is the original sketch. This is the perspective of how the process looks on the outside. The inside of the sculpture is a lot more complex. This is how I visualize the inside of the designer's head where the process is not linear. 

The process, of course, is a continual work in progress as we continue to learn. Depending on the projects, situations, and the clients, there is a constant need to be flexible and account for breakdowns that may happen. Whatever happens, we continue to move forward.

We start with the storyboard of the museum exhibit experience walkthrough. I designed this experience with my experience design team, which included Chi Chen, Wenyang Dong, Yuming Peng, and Yishi Yang.

We were to design an entertaining and educational exhibit. We chose to show how people in the past perceived time differently than we do today. I sketched out this storyboard to help visualize the flow of the interactivity of our exhibit for our video. This sketch also depicts the sketches I do for all of my UX projects.

The video, shown below the storyboard, has our walkthrough experience created in Minecraft. Minecraft allowed us to carry across the fun atmosphere of our design.

Also showcased in this gallery are other works I have done in pen, pencil, and paint. All of these works are done by me. Some are the final products and some, like the storyboard, are works that lead to the final product. 

Here is a collection of fictional characters created by me, some with over a decade of story behind them.