Advertisement
Inspiration

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
Related Posts
  • Code
    Theme Development
    Creating a WordPress Theme from Static HTML - Adding WidgetsCreating wordpress theme from html 400
    In this series, you've learned how to convert a static HTML file to a WordPress theme and edit the header file. So far you've: prepared your markup for WordPress converted your HTML to PHP and split your file into template files edited the stylesheet and uploaded your theme to WordPress added a loop to your index file added meta tags, the wp_head hook and the site title and description to your header file added a navigation menu. Read More…
  • Business
    Finance
    How to Manage Cash Flow More EfficientlyCash flow management
    By the end of this tutorial, you’ll understand why the timing of cash flows is so important to a business. You’ll be able to manage and forecast cash flow effectively, and will know what steps to take if cash starts to run short. Read More…
  • Computer Skills
    OS X
    The 5 Things You Must Know When Converting From Windows to MacApple windows400
    Converting from the Windows to Mac ecosystems can be a bit of a challenge. Some things will feel familiar, while others may not. Even the most basic of tasks have very small, but very noticeable differences.  In this tutorial I will demonstrate the five things you must know when making the leap from the Windows to Mac operating systems.Read More…
  • Code
    PHP
    Money Pattern: The Right Way to Represent Value-Unit PairsMoney pattern retina preview
    The Money Pattern, defined by Martin Fowler and published in Patterns of Enterprise Application Architecture, is a great way to represent value-unit pairs. It is called Money Pattern because it emerged in a financial context and we will illustrate its use mainly in this context using PHP.Read More…
  • Computer Skills
    Media
    How to Use Your Mac to Time-Shift Your Television ViewingGia400
    If, like me, you can’t find the time to watch your favourite (or interesting) BBC television shows, and the iPlayer catch-up time limits are too short, then you need Get iPlayer Automator. This ingenious app enables you to time shift your viewing indefinitely so that, like me, you can watch your programmes when it is convenient to you. Even if that happens to be months later. Get iPlayer Automator is supplied without any instructions. In this tutorial I will show you how to download and store your favourite BBC programmes beyond the time limits of iPlayer. Read More…
  • Computer Skills
    Media
    Mac mini Media CentreMediacentre400
    According to analysts – Gene Munster, of Piper Jaffray, in particular – Apple is soon to launch a revolutionary Apple TV device. Don’t mistake this for another Apple “hobby”; it’s not going to be a set-top box. This is going to be the real-deal, Siri-enabled, iCloud-attached, iOS-controlled, large flat-panel to dominate your living room! Apparently. But since Gene has been banging on about this for three years or more (Apple has it’s “hobby”, and Gene has his), the Mac mini makes for a pretty good media centre in the meantime. In this tutorial, I’ll examine some of the possibilities and options for making a Mac mini into a media centre.Read More…