Project Assistant

An streamlined interface that adds a layer of simplicity on top of a powerful developer tools IDE.



(Click to enlarge.)

Context

This developer IDE was always traditionally a very powerful tool. With that power, however, came enormous complexity. Even simple projects required detailed knowledge of the tool, and thus new users were often overwhelmed.

Solution

We added a "layer of simplicity" on top of the existing user interface. All the original, powerful tools are still available under the Setup Designer tab. However, the most common user tasks are grouped into a workflow-like Project Assistant. The Project Assistant improves upon a typical wizard design in that it is fully reentrant and allows random access to any step.

What I Like

I love how the Project Assistant allows a simple, approachable interface to coexist with a set of powerful tools. I also love the color scheme that was designed by the creative team. (The two bluish images are early concepts.)

What I'd Change

The first implementation of the Project Assistant has some minor imperfections in terms of font, spacing, and icons.

← Previous (DigitalWizard) Next → (Visual Guidelines)