The All You Can Learn Library from UIE

In 2013 UIE decided to extend their online professional designer education offerings from live webinars (called “Virtual Seminars”) to an always available subscription streaming service of UX-specific videos. We dubbed the project All You Can Learn, and started planning. We’ve evolved the product and in 2017 launched a v2 with many improvements.

What were Brian’s roles?

Concept through v1: research, lead design studio sessions, visual design, sketching and low-fi prototyping UI and layout, information architecture. Observed and analyzed data from rounds of remotely moderated usability testing. Development management (until a full-time backend developer was hired after v1 launch). v2: visual & design consultation (partnered on creation of the Pattern & Style Library the design is based upon), critique, usability testing, QA and browser testing.

Who else was involved?

Product owner, contract visual designer, contract information architect, contract copywriters, full-stack developer (CSS, CMS), a contract backend developer (CMS, PHP), and a full-time backend developer.

What’s the customer problem?

Training budgets are always the first professional resource to be cut. Designers need low-cost options for in-office training, to reduce the monetary and time-away costs of attending conferences and workshops. Many are turning to web-based materials. UIE has the best presenters and topics, but at the time only offered live webinars, and on-off recording availability for attendees.

What were the business considerations?

UIE had a significant number of recordings, but no way to monetize them. Sources like Lynda.com were growing in popularity. The time was right for UIE to step into this market. Aside from shopping cart functionality, UIE had never before built a web app internally. I needed to bring in experienced contractors to build a critical element of UIE’s future revenue on a tight budget. A fully-custom solution was cost-prohibitive, so I assembled a team to create a custom app atop of the Expression Engine platform. That reduced our functionality capabilities out of the gate, and I began the design from within those constraints.

Examples

3 local, 1 remote participants in a timed sketching exercise

Above: A design studio sketching session with a remote participant.

img

Above: the team observing a remotely moderated usability test of the All You Can Learn service.

Collage of whiteboarding and paper sketching

Above: Early user flows and layout sketches.

Screenshot of v1 homepage at launch

v1 homepage at launch.

Screenshot of v1.5 homepage

Above: v1.5 homepage revision.

Screenshot of v2 homepage

Above: v2 launched mid-2017 included big type, RWD, and color improvements via our Pattern & Style Library.

Screenshot of v1.5 interior gallery page

Above: a v1.5 Design Process topic gallery page.

Screenshot of v2 interior gallery page

Above: v2 Design Process Gallery page.

Screenshot of a v2 Seminar Player page

Above: a v2 Seminar Player page.

Screenshot of a design critique session

Above: v2 template design critique session.

See more case studies: