Understanding Usability

Filed under

Resources

 

Useful UI design pattern sites

When stuck for ideas or looking up examples of different UI patterns, take a look at these sites to help you along the way:

 

Welie.com patterns in design

Great resource by Martijn van Welie, a fellow Dutchie.

http://www.welie.com/patterns/index.php

 

UI patterns

A library with many patterns and useful screenshots to illustrate these patterns.

http://ui-patterns.com/

 

UI pattern factory

UI Pattern Factory is a mix of user interface design pattern library and UI gallery

http://uipatternfactory.com/

 

Yahoo! design patterns

The Yahoo! library of design patterns gives a great flavour of around 55 design patterns out there.

http://developer.yahoo.com/ypatterns/

 

Designing Interfaces

The book 'Designing Interfaces' is available online and provides some useful patterns and other things to think about when designing a website.

http://designinginterfaces.com/

 

Filed under  //   Patterns   Resources  

Useful Firefox add-ons

Tree style tabs

This provides tree-style tab bar, like a folder tree of Windows Explorer. New tabs opened from links (or etc.) are automatically attached to the current tab. If you often use many many tabs, it will help your web browsing because you can understand relations of tabs.
Normal.dotm 0 0 1 7 43 Objective Digital 1 1 52 12.0 0 false 18 pt 18 pt 0 0 false false false https://addons.mozilla.org/en-US/firefox/addon/5890


Tabscope

Preview and navigate tab contents through popup.
https://addons.mozilla.org/en-US/firefox/addon/4882
Normal.dotm 0 0 1 7 43 Objective Digital 1 1 52 12.0 0 false 18 pt 18 pt 0 0 false false false

Screengrab

Screengrab! saves webpages as images...

It will capture what you can see in the window, the entire page, just a selection, a particular frame... basically it saves webpages as images - either to a file, or to the clipboard.
https://addons.mozilla.org/en-US/firefox/addon/1146
Normal.dotm 0 0 1 7 43 Objective Digital 1 1 52 12.0 0 false 18 pt 18 pt 0 0 false false false

Normal.dotm 0 0 1 7 43 Objective Digital 1 1 52 12.0 0 false 18 pt 18 pt 0 0 false false false Normal.dotm 0 0 1 7 43 Objective Digital 1 1 52 12.0 0 false 18 pt 18 pt 0 0 false false false

Normal.dotm 0 0 1 7 43 Objective Digital 1 1 52 12.0 0 false 18 pt 18 pt 0 0 false false false Normal.dotm 0 0 1 7 43 Objective Digital 1 1 52 12.0 0 false 18 pt 18 pt 0 0 false false false


Webdeveloper

The Web Developer extension adds a menu and a toolbar with various web developer tools. Great when reviewing a site on accessibility.
https://addons.mozilla.org/en-US/firefox/addon/60


Normal.dotm 0 0 1 7 41 Objective Digital 1 1 50 12.0 0 false 18 pt 18 pt 0 0 false false false <!-- /* Font Definitions */ @font-face {font-family:Arial; panose-1:2 11 6 4 2 2 2 2 2 4; mso-font-charset:0; mso-generic-font-family:auto; mso-font-pitch:variable; mso-font-signature:3 0 0 0 1 0;} @font-face {font-family:Cambria; panose-1:2 4 5 3 5 4 6 3 2 4; mso-font-charset:0; mso-generic-font-family:auto; mso-font-pitch:variable; mso-font-signature:3 0 0 0 1 0;} /* Style Definitions */ p.MsoNormal, li.MsoNormal, div.MsoNormal {mso-style-parent:""; margin:0cm; margin-bottom:.0001pt; mso-pagination:widow-orphan; font-size:12.0pt; font-family:"Times New Roman"; mso-ascii-font-family:Cambria; mso-ascii-theme-font:minor-latin; mso-fareast-font-family:Cambria; mso-fareast-theme-font:minor-latin; mso-hansi-font-family:Cambria; mso-hansi-theme-font:minor-latin; mso-bidi-font-family:"Times New Roman"; mso-bidi-theme-font:minor-bidi; mso-ansi-language:EN-US;} @page Section1 {size:612.0pt 792.0pt; margin:72.0pt 90.0pt 72.0pt 90.0pt; mso-header-margin:36.0pt; mso-footer-margin:36.0pt; mso-paper-source:0;} div.Section1 {page:Section1;} -->

Better Gmail 2

Add useful extra features to Gmail, like hierarchical labels, an unread message icon on your browser tab, file attachment icons, and more. https://addons.mozilla.org/en-US/firefox/addon/6076
Normal.dotm 0 0 1 7 43 Objective Digital 1 1 52 12.0 0 false 18 pt 18 pt 0 0 false false false


Gmail manager

The original Gmail notifier for multiple accounts. Allows you to receive new mail notifications along with viewing account details including unread messages, saved drafts, spam messages, labels with new mail, space used, and new mail snippets.
https://addons.mozilla.org/en-US/firefox/addon/1320

Normal.dotm 0 0 1 7 43 Objective Digital 1 1 52 12.0 0 false 18 pt 18 pt 0 0 false false false

Normal.dotm 0 0 1 37 212 Objective Digital 1 1 260 12.0 0 false 18 pt 18 pt 0 0 false false false

Cooliris

The Cooliris 3D Wall -- Simply the fastest and most stunning way to browse photos and videos from the Web or your desktop. Effortlessly scroll an infinite "3D Wall" of your content from Facebook, Google Images, YouTube, Flickr, and hundreds more.
https://addons.mozilla.org/en-US/firefox/addon/5579

Normal.dotm 0 0 1 7 43 Objective Digital 1 1 52 12.0 0 false 18 pt 18 pt 0 0 false false false

 

Filed under  //   Resources  

Yoono - Socialize Your Browser & Desktop

Yoono is a powerful but easy to use sidebar for Firefox and available in desktop format also at http://yoono.com/.

Yoono helps you simplify your online social life by connecting you to Facebook, MySpace, Twitter, Flickr, Friendfeed, AIM, Yahoo IM and more...all in one place. Yoono is also the easiest way to share stuff with all your social networks - share links, images and video from the page you're viewing across all your networks simultaneously. Yoono also includes a Discovery widget that helps you discover great new websites, products, and videos and then easily share them with your friends.

 

STAY CONNECTED

* Connect to all your social networks and never miss another status update from friends or family. You're connected wherever you are on the web.

* Update your status across all your social networks at the same time.

* All your IM services right in your browser sidebar to easily chat while your surf the web - no more logging on to multiple services.

 

SHARE WITH FRIENDS

* Easily share links, images, and video from the page you are viewing with all your social networks at the same time.

* Share in your IM conversations by dragging and dropping links, images and video from the page you are viewing

* It's a single, dead simple way to share anything from anywhere you are on the web.

 

DISCOVER COOL STUFF

* Discover recommended websites, videos, images, products and more - all related to the site you are viewing - in the Discovery widget.

* Highlight words in the web page yourself to discover related Google search results, Wikipedia entries, videos, and more.

* Yoono also highlights keywords in the web page you're viewing for quick access to Discoveries

 

NEW IN YOONO 6.2:

We are committed to giving you regular updates and improvements to Yoono - our latest release includes these great new features:

- Stream filters – you can hide individual friends or apps to prevent them from showing in your Yoono Updates stream

- Integrated Twitter Search – view and save twitter search results and get notifications when new results are available

- MySpace Sharing - now you can simultaneously share with MySpace as well

- Google translate for tweets (handy with Twitter search results)

- Fixed Facebook chat presence issue

- Hashtags (#) in tweets now linked to Twitter search results

- Image previews for Yfrog shared images

- Bug fixes

 

ALSO NEW FROM YOONO – YOONO DESKTOP!

We are also very excited to announce Yoono Desktop – everything you love about Yoono as a standalone desktop client. Available as a beta for Windows and Mac at http://www.yoono.com/desktop_features.html . Give it a try!

 

WHAT PEOPLE ARE SAYING ABOUT YOONO:

“The Social Network Plugin You’ve Been Waiting For” -Techcrunch-

“Yoono now offering an elegant solution to social networking clutter” -Webware-

See what users are saying at: http://search.twitter.com/search?q=yoono

Available for Windows, Mac and Linux.

Image Gallery





 

Developer Comments

Support for this add-on is provided by Yoono. Visit us at http://www.yoono.com/help.html for an FAQ or check out our Get Satisfaction support page at http://getsatisfaction.com/yoono

 

Want to learn more about Yoono? Visit us at http://www.yoono.com

 

Filed under  //   Resources