Portfolio

email: andrea.abney@gmail.com

phone: 408.868.8335

The following is a sampling of my work in user centered design and research. If you would like to see more examples of my work, please contact me with the links above.


Switch Firmware Interface

Project completed for a leading wireless communication company

Following a process of expert review, I helped create wireframes to illustrate suggested design directions. I used Adobe Illustrator to create the content areas of the following screens.

Wizard Step 1 Wireframe Wizard Step 3 Wireframe Dashboard Wireframe

Skills Used: Adobe Illustrator


Dental Website Before and After

Project completed for a national dental franchise

After usability testing of the client's website was complete, I created mock-ups in Adobe Photoshop to illustrate usability issues and ways to improve the user experience. Changes included expanding the step process to show the correct number of pages, labeling each step, and increasing the font size.

Dental Before Dental After

Skills Used: Adobe Photoshop


Flash Survey Item

I created this simple survey item in Adobe Flash. Graphics were created in Illustrator.

Mobile Ratings: Click Here

Skills Used: Adobe Flash, Illustrator


AndreaAbney.com

I built this website from scratch. I coded it by hand and created all of the graphics in Photoshop (with the exception of the social media and file icons).

Skills Used: HTML, CSS, Photoshop


Let's Go! Mobile

Project for HCI 430: Prototyping & Implementation

I worked with a team of classmates to produce a mobile application prototype. The following screens are examples of my design contributions to the project. I created graphics is Illustrator and imported them into Axure to create the wireframes.

Login Screen Map Details Results List

Skills Used: Mobile Interface Design, Illustrator, Axure


BagBeacon

Download Document ↓ Project Contributions

Project for HCI 440: Usability Engineering

I worked with a team to create a prototype for a mobile application following a user-centered design process. The document above contains some of my contributions to the project. I created the buttons and icons in Adobe Illustrator and the wireframes in Axure.

Methods Used: Personas, Conceptual Models, Usability Testing, Prototyping, Technical Writing