Video icon 64
Upgrade your design skills with practical video courses from Tuts+. Start your free trial today.
Advertisement

Showcase of Macintosh Dashboard Widget UI Designs

by

There are various ways an application (or more specifically, a widget) can be presented to its users; some bad, some good and some tremendously well. Other than a widgets purpose, its user interface is the most important aspect; it makes the widget look good and (hopefully) makes it easy to use, making it compelling and user friendly, which is what all application developers should be aiming to achieve. Dashboard widgets are actually relatively easy to make, and most web designers/developers can produce them without much difficulty. They are developed using HTML, CSS and JavaScript, meaning everything that is possible on the web, is possible in a dashboard widget, making it relatively easy to achieve a great looking and easy to use widget.

This inspirational compilation post showcases a collection of 32 creative, unique and easy to use Apple Macintosh Dashboard Widgets, including a selection of default widgets that ship with your Apple Mac, and a good handful or two of third party widgets.

This Post is Day 4 of our Interface Design Session. Creative Sessions

Participate in this Session's Group Project

Jump over to this Session's creative project on Create an Application Icon or Dashboard Widget. Choose the project to participate in that best fits your skill level and interest. This session's Beginner/Intermediate project the brief is to make an icon for applications, which is great practice for building your GUI skills.

coda

We also have an Advanced project where you design a widget, which is a great way to get some hands on experience with designing interfaces, as they are typically smaller apps with a tight focus. You can post your projects in the comments here and get some feedback from the community.


Default Dashboard Widgets

A selection of default dashboard widgets that ship with Macintosh computers as standard. These are no doubt some of most elegant dashboard widget UI designs to date.


Weather

The weather widget allows users to quickly check the current and upcoming weather forecasts for towns and cities all over the world.


Unit Converter

Unit Converter is an incredibly easy to use widget, allowing you to convert all kinds of figures, from currency to weight and distance to energy.


iTunes

The iTunes widget allows you to view the current song playing, pause, play, skip and change your settings (i.e. repeat and shuffle) at the speed of light.


Calendar

Calendar is a very basic widget that simply allows you to scroll through months and view dates. It's handy to check which dates fall on which days.


Dictionary

The Dictionary widget actually triples up as a dictionary, a thesaurus and an "Apple dictionary" that allows you to check different Macintosh words to find out their true definition (i.e. "spotlight").


Calculator

A very straight-forward calculator widget that does what it says on the tin, it's not used very much due to the ability of being able to calculate sums directly into the Spotlight search bar.


Flight Tracker

A slightly more complex widget that allows you to check incoming and outgoing flights from all over the world.


Ski Report

A funky designed app making good use of wooden texture, reporting current ski conditions from over the globe.


Third Party Dashboard Widgets


Loremify

Loremify is a one-click tool to copy Lorem Ipsum. It lets you wrap in html, specify the amount of text, and copy it to your clipboard—all in one click.


Prototype Reference

A simple dashboard widget to allow you to get quick access to Prototype JavaScript Framework documentation.


Page Capture

An easy and fast way to take screenshots of entire web pages, no matter how long the page.


ColorSchemer Galleria

A refreshing take of inspiration, allowing you to scroll through the entire collection of color schemes from the ColorSchemer library.


Colourmod Dashboard Widget

A super simple way of finding out a color value (Hex, RGB, CMYK and HSV modes) without having to open up a demanding applications such as Photoshop.


Color Theory

The Color Theory widget allows you to create your own color schemes for your websites, your interior designs or even to help you choose your outfits in the morning. It can even simulate various forms of color blindness!


Hangman! Dashboard Edition

Hangman! Dashboard Edition is a version of the popular puzzle game. In this case, it has been completely reproduced to work as a Mac Dashboard Widget, and has a dictionary of 500 words.


Symbol Caddy

Symbol Caddy keeps a bunch of common "special" characters and HTML codes right on your dashboard, making it super easy to find, copy and paste those tricky symbols that are hard to remember when writing up copy for a new website or blog post.


Tags - CSS

Tags - CSS is a library for CSS properties and attributes, featuring an easy to use search feature. You can also copy the properties, making editing your stylesheets a breeze.


GoDaddy.com Domain Name Search

The Official GoDaddy.com Domain Name Search tells you if a domain name is taken in seconds, and if not presents you with various options and prices.


Dashalytics

Dashalytics offers quick and direct access to your Google Analytics website statistics, meaning you can take a brief look over your statistics within seconds, any time of the day.


The Weather Channel Widget

The Weather Channel Widget provides detailed weather forecasts from all over the world, and even includes maps and severe weather warnings.


Albi und Nero RSS Widget

Albi und Nero RSS Widget is a simple RSS reader, delivering the latest updates and news from their own website.


Amazon Total

The Amazon Total widget allows you to search Amazon's site, whether site wide or a specific category.


SafariBar

A quick and easy way to search the web for content, images, video, news, maps and blogs via Apple's web browser, Safari.


SafariSearch

Another widget that allows you to search Safari from your dashboard, this time a traditional Safari themed UI.


FontSee

FontSee is a very helpful and unique widget that allows you see preview text in various fonts from your system; you can either choose the font you want to test, or "play" through them and view your dummy text in every font on your system.


Currency Converter

Currency Converter is an easy way to convert over 200 world currencies, including old legacy European, world legacy and unrecognised currencies.


Sudoku

Sudoku is a logic-based, combinatorial number-placement puzzle, right on your dashboard.


iStat Nano

iStat Nano is an advanced system monitor in a tiny package, featuring beautifully animated menus and transitions. It allows you to view detailed performance stats from your Mac, including CPU usage, memory usage and HDD space.


BBC News Widget

BBC News Widget is a news widget direct from the BBC, and is available to read in 32 different languages. All styled up in an elegant and easy on the eyes UI design.


TV Forecast

TV Forecast allows you to select your favorite TV shows and have them be display in a simple list, informing you of when they are next on TV. You'll never miss your favorite TV shows again!


World Weather

Get simple weather forecasts (much like those in the standard Weather widget) wrapped up in a sleek, modern UI design.


Simsen

Simsen is a widget that allows you to send free SMS text messages to other mobile phones in Germany, Austria, Switzerland and many other countries.


This Post is Day 4 of our Interface Design Session. Creative Sessions
Advertisement