Client:Hurify

Project:Design and conduct research on IoT  platform for skills matching, Project  Management, and e-commerce utilizing  ethereum technology.

KYCDesktop.png

Identity Verification helper screen, shown when KYC/AML photo  was rejected.

NegotiationScreen.portfolio.png

Negotiation of payment before contract enters block chain

Project Summary: Open ended contract 

As the solo UX DesignerI provided direction and facilitated all areas of design from stakeholder interviews, persona creation, journey map creation, user flows, site map, user research, competitive analysis,  led design studios, created and conducted usability testing, iterations. High fidelity screens were handed off to developers with redlines and annotation; I then conducted acceptance tests and the  heuristics of site. 

Problem Statement: Create a platform to facilitate the development of Internet of Things (IoT) projects, including the matching of project owners with project managers and project development subcontractors, and hardware vendors within the IoT ecosystem. Each contract created will be protected by block chain technology and paid for using cryptocurrency. 

High Fidelity Wireframe

MacBook.FindProjects.png

Screen showing users which projects match their specific skill set. 

 Methods:

  • User Research: 

    • Stakeholder interviews

    • potential user screening & interviews

    • Affinity diagraming

    • Moscow  method for feature  prioritization

    • Usability testing within every design phase

    • A/B Testing 

    • Once site went live, I conducted:

      • actual user surveys

      • user interviews

      • new users acquisition testing

  • Competitive Analysis: Compared 3 sites for feature use, ease of use, and information gathering

  • Persona Creation: Based on potential and actual user interviews and user surveys 

  • Design studio with key stakeholders (CEO & COO)

  • Wireframes & iterations based on user testing

  • User Journey Mapping

  • Usability testing: paper prototypes, mid-high fidelity prototypes, guerilla testing,  A/B testing.

Tools: 

  • Google survey, Invision, Sketch, Adobe, sticky notes, large paper, Power Point, OneNote, notebook & pens, whiteboards

Deliverables:

  • User flows, site map, high fidelity screens, competitive  analysis, personas, style guide, user journey map, research analysis

User Research

Competitive Analysis, Feature Inventory, & Site summary

Key insights

  • All free, some had paid upgrade features

  • Majority of sites included user bio, current location, avatar/photo, and rate. Rate could be a range or hourly.

  • One website did not include employment history or past projects, however it did have space for a video, link to users portfolio, and the ability to take tests and certifications through the site.

  • Hurify offering the most diverse functionality

  • job seeker/ contractor and project manager communication opportunities exist

  • Verification at sign up seems to be important

  • Rate, location, and photo are important

Competative Analysis- Freelancer View 4P
Competative Analysis- Freelancer View 4P

Feature Inventory of similar sites with different target audiences

Screen Shot 2018-11-08 at 10.47.33 AM.pn

Card Sorting & data from potential user, user,  & IoT community surveys (over 6 months):

Key insights:

  • Freelancers may be concerned about being paid in cryptocurrency.

  • Potential users work mainly on a computer or laptop

  • Wide range of experience across potential users

  • People want to work with others who are in or around their same time zone

  • 90% of users are part of 2 or more work related social platforms such as GitHub, LinkedIn, & Discord

  • 52% of the user we surveyed have 1-3 year experience with IoT or Blockchain.

Because of these themes, we chose a web based design first, highlighting time user time zones, and spoken languages, along with information and easy of use on-boarding about Etherium. We built in ways for users to earn tokens to break down barriers users may have towards using crypto currency.

Personas

From my screening, surveys, and interviews  I created 5 personas to encompass all user types.

  1. Senior Developer

  2. Developer

  3. Experienced Project Owner

  4. Project Owner

  5. Project Architect

Key Insights:

  • Location and spoken language is important

  • Want a platform that is specifically for IoT projects

  • Skills matching was highly sought after

  • Detest sites that link them with users without the skills they need

  • Freelances are frustrated with contractors who don't know which skills are needed- Our solution was to create project architect persona to act as a project manager and guide project owners and developers together. 

  • Contractors frustrated with freelances who lie about their skill level

  • Need to be able to have written and verbal communication.

  • Many users don't understand smart contracts

Due to these themes, I  highlighted the location and spoken languages on users profiles. I also created an informative smart contract walk through. Users will sign a smart contract before it enters the block chain.  Hurify plans to put certification and testing on the site. 

Persona-Project Architect.png
Screen Shot 2018-11-08 at 12.14.55 PM.pn

User Testing:

Built into design sprints and conducted every 2 weeks.

  • Guerrilla testing conducted at Hack-a-thons

  • A/B testing: information placed within compressed view of user profile, project profile, and KYC information page

  • Some User flows tested in InVision:

    • Sign up/Log in

    • Create HUR Wallet

    • Create Profile

    • Create project

    • Find project

    • Find developer

    • E-commerce check out

    • KYC (Know your Customer)/ AML (anti-money laundering) required by EU

    • Changing project milestones

    • Negotiating contract

Screenshot of InVision with negotiation prototype

User Experience

Information Architecture:

I created a site map as a visual guide for myself, development team in India, and the Bellevue team to ensure consistency and placement of screens

SiteMap.png

Site map for Hurify

CreateWalletFlow.png

One of multiple user flows created for Hurify.

User flows were created for every instance to ensure the correct pages were designed, non missed, and developers knew how the flow was intended to work.

Journey Mapping:

From screening, surveys, and interviews, Hurify compiled 5 main goals for users when launching the platform

  1. Buy Hardware (using HUR tokens)

  2. Find work/contract

  3. Find Workers

    1. Simple contracts- one person​

    2. Complex contracts- teams

  4. Build Skills

  5. Earn HUR tokens

IMG_6740.JPG

Journey mapping in action using sticky notes and a white board

Prototypes

Version 1- MidFidelity wireframs

MyTokens1.2side&topNav.NOHUR.png
FindProjects.png
SubmitBidPortfolioONLY.png

Version 1:

Designed with minimal changes to navigation previously created. Mid- fi

User Test Results:

  • Side and top navigation confusing

  • Too many icons on the side

  • Boxes looked unrefined and unprofessional

  • Color changes not enough for color blind vision

  • Drop down menu for find projects not intuitive

  • Search function working for products only is confusing

  • Logout does not need to be as easy to access

  • Submitting a bid does not allow for negotiation, only proposing terms. Project owner and developers want to be able to negotiate terms of an agreement 

Version 2- MidFidelity wireframs

MyTokens1.3PO Mode.png
Dev_FindProjects-extended.png
TermsForApproval_ProposeDiff Copy 2.png

Version 2: ​Navigation change to top only

User Testing Results:

  • Grayed out boxed need better indicator that they are locked/ coming soon

  • Users don't understand what they are "spending" and "earning"

  • Searching for projects needs less filter

  • Icon for hiding and viewing a project is confusing

  • Frustrating to have to create a separate profile for developer and project owner if user is both

  • Negotiation pages: users expect to only see what the project owner is offering, and makes changes

    • Having each area with a separate call to action button is too many clicks​

    • Too many possibilities given

    • Looks like a PDF, but acts like a website 

    • Percentage taken for Hurify looks like input boxes, not being able make changes within them is confusing

    • Clear that Hurify gets a certain percentage

    • Not clear how much 1 HUR is equivalent too in US dollars

Version 3- Mid to High Fidelity screens
LandingPage.png
FindProject_Extended.png
FixedPriceNegotiate.png

Version 3: ​New Logo, colors & font changes, Simplified design

Next Steps:

  • ​A/B test negotiation pages 

  • Determine how to add certifications and skills tests to site

  • Indicate a HUR to dollar equivalent

  • Design and test Project architect user flows

  • Improve skills matching

  • Create and test better on boarding