Join Octablog readers

 
 
30
Nov

Keeping it simple : Design and UI (2/5)

by Tal Zubalsky on 9:52 pm

This is the 2nd of 5 short posts about Octabox’s approach to simplicity.

One of our main guidelines during development is that the user’s information comes first. Nothing should stand in the user’s way to his information: not banners or alerts, not screen-blockers or any other graphical distractions.

We apply this principle by designing the UI to be as focused, simple and clear as we possibly can.

Octabox Dashboard
(click the image to view full size)

The main work-area is centered and white – hovering above the darker background, making it feel closer to the user. The navigation is placed on the top and the sides, not taking the eye’s focus from the main area – but still – remaining noticeable, quickly and easily accessible.

We try very hard to stay true to our principles while dealing with issues like:

  • Different screen resolutions (yes, some still have those 17″ CRT monitors running with 1024×768 …)
  • Fluid UI (yes, some work with that history bar docked to the left)
  • Cross-browser support (unfortunately, some still use Internet Explorer 6)

We don’t think minimalistic design takes the place of an aesthetic, modern design and the feedback we got so far on the UI has been confirming our believes.

We use less detail, graphic elements and visual load on the user’s eye to make the user feel the application revolves around him and his info, making it easier on the user to consume his relevant data easily and in a focused, productive way.

In my next post in this series, I will cover our simple approach to structure and logic.

Categories: Graphical Design, Web Development — Tags: , ,

4 Comments »

  1. “yes, some still have those 17? CRT monitors running with 1024×768 …”
    +1

    Comment by yup — 17 Dec @ 2:33 am

  2. you’d be surprised! :)
    or are you one of them?!

    Comment by Tal Zubalsky — 18 Dec @ 12:56 am

  3. Your UI reflects something that I have noticed throughout the web, that the social media sites are leading the way on, less is more. Minimal design with highly focused information and action points seem to be the wave of the future. Good for systems overhead, good for users. :) Kudos on cracking the code on this one in such a masterful way for your app!

    Comment by Deb Brown — 24 Dec @ 4:18 pm

  4. Thanks for your comment, Deb!

    Comment by Tal Zubalsky — 24 Dec @ 7:37 pm

RSS feed for comments on this post TrackBack URL

Leave a comment