1 of 13

From the Ground Up with Case Studies

Jeremy Wong - Hackbright Jan 2019

2 of 13

About me

  • Cal poly grad with BS in Biomedical Engineering
  • Worked at a contract manufacturing facility for 1.5 years
  • Transitioned to software and spent last 4 years working for start-ups and small companies
  • Currently working at Clear Labs since this past year
  • Seeking a whale 🦈

3 of 13

Agenda

  • Building a “simple” UI
  • Building “Digital Media Exchange”
  • Building new ad platform integration
  • Building “Clear View”

4 of 13

Building a “Simple” UI

  • Requirements
    • User should be able to create, read, update, and delete a concept or form
    • When relating forms to concepts, there should be a way to give equal or custom weights to the forms
    • Should show related concepts and forms
    • Should be able to add connections to related concepts
    • Should be able to add forms to this concept after shown the related forms
    • User should be able to search for other concepts or forms, and come back with their respective relations to other concepts and forms
      • e.g. Search Furious 7 should return forms such as "Fast and the Furious", "Fast and Furious", etc. as well as concepts such as "Vin Diesel", "Paul Walker", etc.
    • Editor
      • Search for a Concept or Form and have the ability to edit its attributes, which as the same as the ones you see in Create

5 of 13

Building a “Simple” UI

6 of 13

Building a “Simple” UI

Takeaways

  • Doesn’t follow good design practices / UX (read: “Design for Non-Designers”)
  • Not intuitive (read: “Don’t Make Me Think”
  • The banner on top takes up too much room
  • Main page gives too many options, doesn’t get to the purpose of what this app is supposed to do (too many clicks)

7 of 13

Building “Digital Media Exchange”

  • Coordination between Engineering teams to build a media exchange for publishers
  • In addition provide analytics for how well each publisher’s videos are doing, in terms of video plays and ad views

8 of 13

Building “Digital Media Exchange”

9 of 13

Building “Digital Media Exchange”

10 of 13

Building new Ad Platform integration

11 of 13

Building new Ad Platform integration

12 of 13

Building “Clear View”

13 of 13

Resources