[av_hr class=’invisible’ height=’50’ shadow=’no-shadow’ position=’center’ custom_border=’av-border-thin’ custom_width=’50px’ custom_border_color=” custom_margin_top=’30px’ custom_margin_bottom=’30px’ icon_select=’yes’ custom_icon_color=” icon=’ue808′ font=’entypo-fontello’ admin_preview_bg=”]
[av_heading tag=’h1′ padding=’10’ heading=’My UX Process’ color=” style=” custom_font=” size=” subheading_active=” subheading_size=’15’ custom_class=” admin_preview_bg=” av-desktop-hide=” av-medium-hide=” av-small-hide=” av-mini-hide=” av-medium-font-size-title=” av-small-font-size-title=” av-mini-font-size-title=” av-medium-font-size=” av-small-font-size=” av-mini-font-size=”][/av_heading]
[av_two_third first min_height=” vertical_alignment=” space=” custom_margin=” margin=’0px’ padding=’0px’ border=” border_color=” radius=’0px’ background_color=” src=” background_position=’top left’ background_repeat=’no-repeat’ animation=” mobile_breaking=” mobile_display=”]
[av_textblock size=” font_color=” color=” av-medium-font-size=” av-small-font-size=” av-mini-font-size=” admin_preview_bg=”]
USER EXPERIENCE DESIGN IS THAT PART OF MY IDENTITY WHERE I ACTIVELY ENGAGE EACH OF MY INTUITIVE, ANALYTICAL, CRITICAL AND CREATIVE MINDSETS.
It’s not about right-brain, left-brain thinking. It’s about taking a holistic approach to the projects I work on — grounding myself in understanding, gaining perspective, embracing the collaborative process, finding ways to test multiple ideas and iterating — to arrive at the most effective and practical solutions.
While no two projects are alike, the way I think about and approach user experience design is rather straightforward and can be summarized below, with examples of what I produce.
[/av_textblock]
[av_hr class=’invisible’ height=’50’ shadow=’no-shadow’ position=’center’ custom_border=’av-border-thin’ custom_width=’50px’ custom_border_color=” custom_margin_top=’30px’ custom_margin_bottom=’30px’ icon_select=’yes’ custom_icon_color=” icon=’ue808′ font=’entypo-fontello’ admin_preview_bg=”]
[av_image src=’http://uxdezigner.com/wp-content/uploads/2018/10/UXprocess.png’ attachment=’101′ attachment_size=’full’ align=’center’ styling=” hover=” link=” target=” caption=” font_size=” appearance=” overlay_opacity=’0.4′ overlay_color=’#000000′ overlay_text_color=’#ffffff’ animation=’fade-in’ admin_preview_bg=”][/av_image]
[av_hr class=’invisible’ height=’50’ shadow=’no-shadow’ position=’center’ custom_border=’av-border-thin’ custom_width=’50px’ custom_border_color=” custom_margin_top=’30px’ custom_margin_bottom=’30px’ icon_select=’yes’ custom_icon_color=” icon=’ue808′ font=’entypo-fontello’ admin_preview_bg=”]
[av_textblock size=” font_color=” color=” av-medium-font-size=” av-small-font-size=” av-mini-font-size=” admin_preview_bg=”]
Research to understand
I rely on my business and consumer marketing acumen to take in market research, define business goals, and learn about the brand, the product and the stakeholders.
- Content Audits
- Competitive Analyses
- Heuristic Evaluations
- Stakeholder Interviews
Listen to learn
I structure interviews to elicit storytelling, and I document users’ thoughts, feelings and actions when conducting contextual inquiries and user testing.
- Questionnaires
- User Interviews
- Usability Evaluation
- User Stories
Synthesize to define
Pulling together what I’ve learned, I model representative experiences, tasks and mindsets to articulate the users’ goals, and define and frame the problem.
- Personas
- Empathy Maps
- Mind Maps
- Experience Maps
- User Needs Analysis
- User Journeys
Generate concepts
Collaboration is essential to any ideation process, whether through team brainstorming or engaging in participatory design with stakeholders and customers.
- Structured Brainstorming
- Ideation Workshops
- Concept Organization
- Problem Framing
- Sketching
- Storyboards
Visualize the interaction
Visualizing and diagramming the user interaction is something I do in tandem with prototype development, as it is informed by user feedback on user testing and serves to guide later iterations.
- Use Cases
- Wireframes
- User Flow Diagrams
- Site Maps
Communicate the idea
I take concepts from sketches and wireframes into visual/tangible MVPs and develop low, medium and high fidelity prototypes at multiple stages to get perspective and test with users.
- Rapid Prototyping
- Paper Prototypes
- HTML Prototypes
- Visual Mockups
Test the prototype
Getting timely and useful feedback on prototyped ideas in a structured or informal setting is crucial to the iterative process.
- Usability Testing
- Card Sorting
- A/B Testing
- Guerilla Testing
Refine and repeat
The feedback from the testing is what drives the iterative process, giving me essential insight into refining the prototype, rethinking the interaction, even generating more concepts.
[/av_textblock]
[/av_two_third][av_one_third min_height=” vertical_alignment=” space=” custom_margin=” margin=’0px’ padding=’0px’ border=” border_color=” radius=’0px’ background_color=” src=” background_position=’top left’ background_repeat=’no-repeat’ animation=” mobile_breaking=” mobile_display=”]
[av_progress bar_styling=’av-flat-bar’ bar_animation=’av-animated-bar’ bar_styling_secondary=’av-small-bar’ show_percentage=” bar_height=’10’ admin_preview_bg=”]
[av_progress_bar title=’Photoshop’ progress=’90’ color=’theme-color’ icon_select=’no’ icon=’43’ font=’entypo-fontello’]
[av_progress_bar title=’Illustrator’ progress=’90’ color=’theme-color’ icon_select=’no’ icon=’ue800′ font=’entypo-fontello’]
[av_progress_bar title=’InDesign’ progress=’90’ color=’theme-color’ icon_select=’no’ icon=’ue800′ font=’entypo-fontello’]
[av_progress_bar title=’Adobe XD’ progress=’50’ color=’theme-color’ icon_select=’no’ icon=’ue800′ font=’entypo-fontello’]
[av_progress_bar title=’Sketch’ progress=’65’ color=’theme-color’ icon_select=’no’ icon=’ue800′ font=’entypo-fontello’]
[av_progress_bar title=’InVision’ progress=’60’ color=’theme-color’ icon_select=’no’ icon=’ue800′ font=’entypo-fontello’]
[av_progress_bar title=’Balsamiq’ progress=’65’ color=’theme-color’ icon_select=’no’ icon=’ue800′ font=’entypo-fontello’]
[av_progress_bar title=’Marvel’ progress=’60’ color=’theme-color’ icon_select=’no’ icon=’ue800′ font=’entypo-fontello’]
[av_progress_bar title=’Figma’ progress=’50’ color=’theme-color’ icon_select=’no’ icon=’ue800′ font=’entypo-fontello’]
[av_progress_bar title=’HTML’ progress=’60’ color=’theme-color’ icon_select=’no’ icon=’ue800′ font=’entypo-fontello’]
[av_progress_bar title=’CSS’ progress=’60’ color=’theme-color’ icon_select=’no’ icon=’ue800′ font=’entypo-fontello’]
[/av_progress]
[/av_one_third]