hiller ux portfolio
TRANSCRIPT
I’m a UX & UI Designer based in beautiful New York.
DOUG HILLER
HELLO, I’M
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
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
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
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
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.
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
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
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
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
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
Problem: App needs to be easy to use and facilitates how an artist shows, organizes andcommercializes his/her work.”
PRODUCT DESIGN
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
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
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
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
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
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
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!
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
OTHER WORK - FISHS EDDY PITCH
OTHER WORK - REA GROUP
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