Augur | IDEO

I worked with IDEO CoLabs to completely redesign Augur's product. Augur is a decentralized prediction market built on the Ethereum blockchain.

UX LEAD | UI

Challenge

IDEO CoLab brought me on to tackle the challenge of creating the first decentralized web app that actually had good ux. Since the concepts of Ethereum, smart contracts, and blockchains are new to many users, we had to re-frame how to present those complex concepts using patterns that the average user can understand. In addition, the technical constraints of d-web presented interesting challenges on its own. For example, 'login' doesn't exist in d-web, but we needed to use that same mental model for the user to connect their crypto wallet. 

MY ROLE
UX Lead, UI Support

TEAM
Project Lead - Tara Tan
Lead UI & Brand - Yoann Resmond
Lead UX - Myself
UX (data vis) - Allison Chan
UX Researcher - Jessica Davies 
UI Engineer - Steven Sprinkle

YEAR
2017

Process

INSPIRATION

1. We approached the design challenge with a divergent-thinking brainstorm to determine questions, potential user feelings, and the philosophy behind what we were tasked to build. 

2. Our UX Researcher led interviews with a variety of potential users that included current sports traders, stock investors, and crypto-nerds. From those conversations, we determined our user personas comprised of the "crypto-curious newbies" and "crypto-nerds". While we were designing the product for both personas, we acknowledged that the newbies wouldn't come until Augur matured as a product.

monica_mueller_ux_design_augurmonica_mueller_ux_design_augur
IDEO-Design-Thinking-Process-editIDEO-Design-Thinking-Process-edit

IDEATION

3. We then converged our thinking to determine the core user journeys. During the user journey phase, we would often start sketching as ideas emerged.

monica_mueller_flows_design_augurmonica_mueller_flows_design_augur

4. From the paper and white board sketches, we started developing hi-fi wireframes to help communicate the product direction. We continued to iterate on these wireframes as more feedback from Augur, their stakeholders, and users came back. 

Augur WireframesAugur Wireframes

IMPLEMENTATION

5. As technical unknowns surfaced, we had to continually iterate on the product, specifically with reporting and forking. Ultimately, we landed on user-friendly solutions that were aligned with the mental model we set from the beginning of the project.

[unex_ce_button id="content_p8cy515nv,column_content_b00yyjrxb" button_text_color="#ffffff" button_font="semibold" button_font_size="15px" button_width="auto" button_alignment="center" button_text_spacing="4px" button_bg_color="#00748e" button_padding="15px 60px 15px 60px" button_border_width="0px" button_border_color="#ffffff" button_border_radius="4px" button_text_hover_color="#ffffff" button_text_spacing_hover="4px" button_bg_hover_color="#005b70" button_border_hover_color="#ffffff" button_link="https://dev.augur.net/" button_link_type="url" button_link_target="_blank" has_container="" in_column="1"]VIEW LIVE PRODUCT[/ce_button]
[unex_ce_button id="content_p8cy515nv,column_content_ki61s4jn5" button_text_color="#00748e" button_font="semibold" button_font_size="15px" button_width="auto" button_alignment="center" button_text_spacing="4px" button_bg_color="#ffffff" button_padding="15px 60px 15px 60px" button_border_width="2px" button_border_color="#00748e" button_border_radius="4px" button_text_hover_color="#ffffff" button_text_spacing_hover="4px" button_bg_hover_color="#00748e" button_border_hover_color="#ffffff" button_link="https://www.augur.net/" button_link_type="url" button_link_target="_blank" has_container="" in_column="1"]VIEW WEBSITE[/ce_button]