Chrome Web Store: Create a Great User Interface for Your Web App

Looking at building a web app for the Chrome Web Store? The browser landscape has changed a lot recently and user expectations about the quality and polish level of apps are extremely high thanks in part to success of highly polished mobile apps. In short, you need to think both like app developer as well […]

Looking at building a web app for the Chrome Web Store? The browser landscape has changed a lot recently and user expectations about the quality and polish level of apps are extremely high thanks in part to success of highly polished mobile apps. In short, you need to think both like app developer as well as a web developer. Putting a little extra thought into focus, performance, feedback and polish can make the difference between "meh" and "whee!".

  • Fortunately, using the power of HTML5, CSS3, and other new web tech it's now possible to make a slick and polished web app as the best desktop or phone app, while still maintaining flexibility and portability of the web.
  • However, creating great user experiences is about more than sizzle and polish. Another important factor is focus. Ideally, an app should accomplish a single task well with a minimal amount of distractions. Keep the distractions to a minimum and keep your app focused on the job at hand and your users will be happier.
  • UI responsiveness in your app is also crucial. You could ship the CPU work off of the main user interface thread using an HTML5 Worker or you could offload it to a server with an XHR. And, give the user feedback while this's happening, ideally using interactive visuals and not just a progress bar.

[Source]