hiller ux portfolio

23
I’m a UX & UI Designer based in beautiful New York. DOUG HILLER HELLO, I’M

Upload: w-douglas-hiller

Post on 27-Jan-2017

63 views

Category:

Documents


3 download

TRANSCRIPT

Page 1: Hiller UX Portfolio

I’m a UX & UI Designer based in beautiful New York.

DOUG HILLER

HELLO, I’M

Page 2: Hiller UX Portfolio

In a nutshell…

Honolulu raised New YorkerFormer Fashion Industry worker with an eye for designCompetitive sand volleyball playerUX design concept addictPassionate workerDouble Stuffed Oreo cookie eater

ABOUT

Page 3: Hiller UX Portfolio

I attack a project by first gaining a well rounded idea of the presented problem. I then research via all the neccesary methodology, ideate around a solution, create a design, and test and iterate. The cycle continues until a good product is produced.

RESEARCH IDEATE

DESIGNITERATE

DEFINE THE PROBLEM

GENERAL PROCESS

Page 4: Hiller UX Portfolio

Through user research, multiple types of competitive analysis, user flows and other tools I came to a solution.

Problem: Data input takes up a large percentage of staff hours, stifling efficiency. Patients often diagnose themselves and forget to take their drops at the prescribed time.

EYECARE, A MEDICAL APP

Page 5: Hiller UX Portfolio

To create a solid structure of the content within the app I used a card sorting exersize to quantify where users wou ld expec t c e r t a in med i ca l information to live within the product.

Key Findings:

- 3 of 5 sorted into categories of I n t e r a c t i o n , I n f o r m a t i o n a n d Reminder.- Gave a notion of people’s exectations that have, potentially shaped by outside apps.- Insight into verbiage, the right word is important.- Final result Was then taken to the client for verification.

Card Sorting for IA

CARD SORTING

Page 6: Hiller UX Portfolio

User Based IA

INFORMATION ARCHITECTURE

Through discussion with Doctors it became evident that due to HIPPA codes of conduct outside applications can’t access and hold detailed health that is interacted with by anyone.

The in depth patient profile element was then removed, changing the IA from a 5 button nav to 4 and further simplifying the MVP.

MVP simplification is a GREAT thing.

Page 7: Hiller UX Portfolio

Oscar:5 click, intuitive design that syncs the patients needs to the doctor and allows them to evaluate, diagnose and suggest advice. Clean UI.

Round Health: Intuitive and beautiful app which logs medicat ion and creates reminders for patients. A great reference for a drop reminder.

Competitor User Flows

An array of medical and specifically ophthalmology related apps were evaulated. Two stand out apps jumped out as specifically relevant to EyeCare.

COMPETITORS

Page 8: Hiller UX Portfolio

Pono was created through the synthesis and an affinity map of findings which can be delivered and discussed upon request.

Key pain points were that the persona was “bad with doctors” and doesn’t pay attention to ailments until he really needs to. He likes minimal physician interaction.

Persona Creation

Pooling data from via Staff and Doctor interviews as well as a general survey some common traits came together surrounding the needs of both the user and medical practice.

PERSONA CREATION

Page 9: Hiller UX Portfolio

A User Journey was created to hone in on EXACTLY how and when Pono might interact with the app. An important realization was that the app needs to be sharable, messaging needs to be quick and patients aren’t perfect rule followers.

USER JOURNEY

Page 10: Hiller UX Portfolio

Lo-Def Wireframes

LO-DEF

Created wireframes out of the information architecture and input from the client to ensure the MVP was met and all features had a place.

Took the wireframes to the clients to discuss the target demographic. From this point branding became a topic of discussion. A conversation of Quality of UX design first became the topic of discussion.

Tested Lo-fi Prototype name in Invision to work out any initial kinks

Page 11: Hiller UX Portfolio

Hi-def Wireframe and PrototyopePushed into Hi-def wireframing and prototyping using Sketch and Principle Prototype.

Initial designs are now locked in and deve loper conver sa t ions are underway to negotiate how the app might interact with Electronic Medical Records systems that are in place for Ophthalmologists.

M V P r e g a r d i n g b a c k e n d possibilities are in conversation.

HI-DEF

Page 12: Hiller UX Portfolio

Problem: App needs to be easy to use and facilitates how an artist shows, organizes andcommercializes his/her work.”

PRODUCT DESIGN

Page 13: Hiller UX Portfolio

THE BETA APP & GOAL

After client meetings and scouring a br ie f and user data the company’s aim became clear surrounding issues in the art world.

The client desired to create an app that trumpets the unsung artists and ultimately gets them sales via a voting system.

Interpretting Client Requests

Page 14: Hiller UX Portfolio

COMPETITORS

The current app was tested to find bugs and where exactly problem areas were. The beta hardly functioned, as beta’s generally do.

Opportunities:- 100% of users found confusion over the Apps voting function (one of the primary reasons for the app)- Most expected the ability to purchase art- There was icon confusion- Map function was unclear

Current AppEvaluation

Page 15: Hiller UX Portfolio

Feature Analysis:

Evaluated the features within the competition to pinpoint which features were championed over others.

This also gave an idea of which features might best attack the problem statement and best serve to connect the artist and buyer.

Competitors

Heuristic:

Tested competitors to see exactly how the current app measures up. I evaluated using a Lemers Heuristic evaluation.

Society 6 out performed the others, along with artsy.

COMPETITIVE ANALYSIS

Page 16: Hiller UX Portfolio

SURVEYS

The Survey Data40 people responded to a screener created to see how people interacted with the art world and visual apps in general.

- 75% respondents were art buyers- Approximately 80% users reported spending under $250 on art- Majority of users reported some form of exploratory browsing both on and offline- Majority of respondents reported buying art in-person vs. online

Page 17: Hiller UX Portfolio

PAPER PROTOTYPING

From there I dove into sketching a workable, prototypable sketch that would could use to test.

The primary function of this type of prototype is to see how people respond to it without knowing much.

Can you identify purpose of the app? Are the rough indicators clear in the nav bar?

Sketching andPOP prototype

Page 18: Hiller UX Portfolio

WIREFRAMES

I got a rough idea of what was going on and where the problem areas were after the well thought out paper sketches were put together.

The tested paper prototype bought took the team our designs into digital.

We wanted to take familiar interfaces and make users excited about art.

Upping the fidelity

Page 19: Hiller UX Portfolio

We changed many of the pages from our first iteration. The explore page (or home) changed quite a bit.

- First explore page sketch was met well by users, the “feed” seemed off.

- Minimized scrolling category, kept big nav bar. Changed the “feed” to a heart.

- Added search bar, minimized nav, took out cluttering category, fixed “heart” icon, added text. People didn’t understand the heart.

Iteration of the Homepage

ITERATE!

Page 20: Hiller UX Portfolio

FINAL FEATURES

Developed and tested a hifi prototype to validate the usability. Added animation to the final outcome to communicate the potential delight and personality that could be possible.

Using Principle it became a reality!

Iteration of the Homepage

Page 22: Hiller UX Portfolio

OTHER WORK - REA GROUP

Page 23: Hiller UX Portfolio

THANKS!

[email protected] here

808-542-4947

Please contact me via email or cell to discuss other projects or these in

more depth. Also feel free to check me out on Linkedin.

https://linkedin.com/in/doughiller