hiller ux portfolio

Download Hiller UX Portfolio

Post on 27-Jan-2017

40 views

Category:

Documents

2 download

Embed Size (px)

TRANSCRIPT

  • Im a UX & UI Designer based in beautiful New York.

    DOUG HILLER

    HELLO, IM

  • 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 peoples 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 cant 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 doesnt 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 arent 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

    https://itunes.apple.com/us/app/geracao-alpha/id1010978903

  • THE BETA APP & GOAL

    After client meetings and scouring a br ie f and user data the companys 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 betas 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 didnt 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

    https://itunes.apple.com/us/app/geracao-alpha/id1010978903

  • OTHER WORK - FISHS EDDY PITCH

    https://medium.com/@dropdeaddoug/the-evolution-from-persona-to-prototype-8b0d93e1dd4b#.hns2psfnphttps://medium.com/@dropdeaddoug/the-evolution-from-persona-to-prototype-8b0d93e1dd4b#.hns2psfnp

  • OTHER WORK - REA GROUP

  • THANKS!

    douglas.hiller@gmail.comresume 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

    https://goo.gl/D6qQaimailto:douglas.hiller@gmail.comtel:18085424947https://linkedin.com/in/doughillerhttps://linkedin.com/in/doughiller