UX: Simple .com home page (CTA improvements) (Iteration 2)

[almeidapaulooliveira]

This is the second iteration of this design issue:

• 43294

Define

We removed a ton of noise below the search bar that was getting in the way of devs using Sourcegraph. The new design intends to provide better syntax guidance and search examples, and we'll be tracking interactions and continuing to iterate on what's working best.

We ran unmoderated usability tests with eight participants on sourcegraph.com with the new home fully implemented and here what we discover:

Seven out of eight users could quickly find the About and Docs pages and learn about our product and company. All participants got the right idea of Sourcegraph after interacting with the product. We've found that the code search basics and query examples are really helpful for first-time visitors. Five participants couldn't perceive the signup CTA; they didn't see it and couldn't access the signup page. Three others partially succeeded but were confused by the purpose of the signup.

→ Full report here.

Problem statement: Our success rate was 63% for validating if the search query basics and examples on the homepage are helpful and 19% for validating if the 'pro tip' CTA communicates his value proposition. Although 63% is a positive result, the tab component can sometimes make it hard to use. We could improve it by showing code search basics and query examples on the same screen. 19% is a pretty low rate. We could increase signups by making the CTA on the home page more prominent. In addition, the message should be clear and straightforward.

Design

• [x] Hi-fi visual design (Figma file).
• [x] Designer review.

Testing

We had a 19% success rate on this CTA; what do we want to reach now? Above 40%? Above 60%? Above 80%? Our SMART goal will be based on the desired success rate.

• [x] Usertesting.com task-based evaluation.
• [ ] Dovetail raw data and synthesis.
• [ ] Research stats: Simple .com home page.
• [ ] Research report: Simple .com home page.

Measure

• [ ] Track the home page bounce rate. We want to move the bounce rate from 60% (current average) to below 40%. This means that we're showing users' values and they are perceiving and interacting with the page.
• [ ] Track different events.

Design process (Size: XS)

• Estimate: Two days
• Weighting factors:
  • MEDIUM risk
  • MEDIUM clarity

[almeidapaulooliveira]

@taylorsperry - In this issue, I have opened a second iteration for the actionable items from the research.