Konigi Feed | Interface

CBS Navigation

jibbajabba — Tue, 02 Sep 2008 14:45:59 -0400

The CBS site features a drop down menu that spans the entire width of the layout when the user hovers over shows. Wide drop downs are not unusual, and for a time appeared on the Amazon.com site when they experiencing the growth of their departments. On CBS, this type of interface is used to display as many of the network's shows as it can, segmenting them by airing time and format.

Below the navigation the site shows featured shows in a promotional module with a carousel UI. Lower down in the page, the featured and algorithmic lists of videos are presented in carousels as well.

http://www.cbs.com/

Rofo Search Filtering

jibbajabba — Tue, 02 Sep 2008 10:08:55 -0400

Rofo provides a faceted search engine for commercial real estate properties. The beta provides a search interface at the top of the home and results pages to set parameters including location, size, type of space, and budget. Slider controls are used to narrow size and budget. At present, changes in these settings require a manual page submission to update results. The top location shows some limitations on the number of visible values that can be displayed.

http://www.rofo.com/

IKEA Navigation

jibbajabba — Tue, 02 Sep 2008 09:58:54 -0400

IKEA's navigation menus feature a simple navigation bar on the top of the layout. The most important entry points are shown as is a button for new items. A drop down menu at right for the rest of the top level entry points. Within each section, tree navigation interfaces are provided for browsing more deeply within the section.

http://www.ikea.com/us/en/

CNET TV Video Player

jibbajabba — Fri, 29 Aug 2008 11:39:19 -0400

CNET TV provides a video player that showcases their large library of content including product reviews, news coverage, and special reports. The main page of CNET TV features the video player in the center stage, with a short list of featured (hot) content flanking the left side, and a playlist on the right showing the currently playing video. The player controls are simple and easy to use, but at full screen, the controls a little soft and blurry. They offer options for downloading the clips and sharing on bookmarking services and embedding. Email button is a mailto: link.

The page is clean and offers good navigation options without overwhelming the user with too much information. A carousel at the bottom of the page shows thumbs of popular and new content as well as videos from their Loaded and News sections.

http://cnettv.cnet.com/?tag=hdr%3bsnav

TheWB.com Video Player

jibbajabba — Wed, 27 Aug 2008 14:41:43 -0400

The WB brings its video site to the masses of OC and Friends fans and adds another network portal into the mix with Hulu. In terms of visual appearances and the high level navigation (IA), TheWB.com feels like the polar opposite in sensibility to Hulu's pared down appearances and very usable directory structure and show pages. On Hulu, once you arrive at a show page, everything you can watch whether it be a full episode or clip, is neatly organized and presented on the page. TheWB, while lusciously designed gives you a harder navigation experience.

The video player, on the other hand, is quite nice and easy to use. The sharing and commenting tools slide out a right-side drawer and push the player to the right of the stage area. The transition is slick. They also offer video clipping like Hulu. Unlike Hulu, TheWB's clipping controls move the screen with the playhead. We expect that Hulu will fix that one day. No one seems to have perfected this interface yet, but it's a nice option for users who like to embed and share.

http://www.thewb.com/

MobileMe Calendar Date Selector

jibbajabba — Tue, 26 Aug 2008 18:31:19 -0400

The date selection controls in MobileMe Calendar mimic the date selection segmented control in iCal. Howerver, the control bar adds an additional drop-down menu for actions like creating events, and jumping to a specific date. The interface is simple. The addition of the action menu makes the functions from the iCal menu bar accessible without having to add to the web-based calendar interface.

http://www.me.com/calendar/

Yahoo! Buzz Voting

jibbajabba — Wed, 20 Aug 2008 13:40:15 -0400

Yahoo! Buzz pulls actively viewed and shared pages from its portal and puts them in a Digg-like interface with vote-to-promote buttons so users may actively push stories up and down the Buzz list. The digg/bury interface is simple. Stories are categorized by several main topic areas, and users may view the stories with the highest vote count, over several time slices, or sorted by recency.

http://buzz.yahoo.com/

VideoEgg Tabs

jibbajabba — Wed, 20 Aug 2008 13:12:57 -0400

The VideoEgg Advertising Network site uses vertical tabs along the right of the page with labels properly oriented in the north-south direction. While doing tabs this way requires that they be handled as images or Flash, the metaphor is recognizable and its use makes sense immediately. Local navigation is handled inside the banner area.

http://www.videoegg.com/

Ed Lives Here Glossary

jibbajabba — Mon, 18 Aug 2008 10:31:50 -0400

Paper manufacturer NewPage provides the Ed Lives Here site, a useful resource with information about paper, printing, and design. One of the features of this site is a glossary of printing terms. The glossary provides categorized sub-glossaries, as well as the typical a-z index of terms, and a search input. Browsing through the glossary is facilitated by the A-Z links, which use a fish eye lens to bring focus to a section of the list.

Thanks to Matthew at PatternTap for the tip.

http://edliveshere.com/glossary/

Yahoo! Autos Carousel and Accordion Panel

jibbajabba — Fri, 08 Aug 2008 18:15:25 -0400

Yahoo! Autos has uses a nice hybrid design pattern for promoting the different categories of top cars selected by users. Situated in the right hand column, the arrows at the upper right allow the user to slide through the different lists. The details for the top car are shown in an exposed panel of the accordion, and the titles of the remaining 4 are displayed as well with large number to indicate order. Moving the cursor over one of the other titles slides that panel open and collapses the others out of view.

http://autos.yahoo.com/