Off the Top: Interface Design Entries

Showing posts: 61-75 of 107 total posts


March 27, 2003

Questioning Evaluation Techniques

A healthy questioning of evaluation techniques in Henry Lieberman's Tyranny of Evaluation



March 22, 2003

37signals Takes a Whack at Google

37signals provides 37BetterGoogle. Yes, the folks at 37signals who focus on building more usable interfaces through simple design, have takn a whack at improving the Goolge interface. 37signals provides a brief discussion of their added alternate search elements that can help aid the user more easily find that which they were seeking.

In a sense the interface modification offers similar searches to the user. This falls directly in to the information foraging direction of providing the user other attraction points that may get the user closer to the exact information that desire. The Google search may be returning information that is very close to what they are seeking, but a minor tweak of the search can provide more direct results.

This seems to be much like offering the user breadcrumbs. As most of us are aware not all users come to a site through the top level page. In fact you will most likely find less than half of the users of a site come in through the front door. Tools like Google give the user a means to get to the information they desire more quickly and easily. But, when a user comes to your site through a search they may not have dropped into the exact information they are seeking. It is up the the site owners to provide access points to similar information or information that is up one level (as often an external search will dump a user into a detail page of a site because of how search tool's weigh various pieces of content). Breadcrumbs on a page will provide the user with the ability to get to a page that may link to other related detailed pages.



February 11, 2003

Build your ideal creative team and other articles

Boxes and Arrows serves up three great articles right now. George Olsen shares his R&D (Relevant & Desirable article discussing the need for vision driven design in user-centered design. Scott McDaniel offers up What's Your Idea of a Mental Model?. My favorite of this current bunch is Erin Malone's Modeling the Creative Organization in which Erin walks through how to put together her idea of an ideal creative team. Her discussion is provides insight into a great approach.



December 10, 2002

Model of Attraction Outline - Version 1

The Model of Attraction ouline version 1 is now posted. The outline has been structured to set up a structure for filling in the blanks and providing a better strucutre for understanding the MoA. Outlines are my foundations for writing more serious works. Outlines help me find holes and provide a structure to rest content upon. This verion is largely attributed a train ride to Philly that allowed me time and untethered space to think, order, and write.

Please comment if you are so inclined. Find holes are areas that do not seem fully fleshed out enough. Thank you in advance.



November 20, 2002

Redesign explained

You most likely have noticed. There has been a redesign here. This new site is nearly all XHTML and using CSS box model. Going through this process introduces one to all the bug that browsers have that you need to work around. I found that IE 5.5 and up on the PC is horribly buggy and does not follow standard box model too well. Netscape 7 on the PC is the best browser. On Mac OS X the best browser has been Navigator/Chimera and IE 5.2 (through this Chimera became my favorite browser on most any platform).

You dare ask why the redesign? Well it was well past time. The last design had been around for a year or so and the CSS was giving me fits. I really wanted cleaner markup and I wanted to have a font size that scales. I believe that the font scales on all web standards compliant browsers and platforms. It should even scale on the PC's IE 5.5 and 6 browser (this has had broken functionality since day one, if you need a browser to scale font sizes properly get a real browser, one that is Mozilla based will do just fine). I am trying to remove the thin white line under the logo graphic and above the menu bar, it is showing up in IE on the PC and on versions of Mozilla on the Mac (Please contact if you have a solution).

I also wanted a better layout that would permit a cleaner layout. I moved the global navigation to the top bar and it uses and unordered list and CSS to put it in line and give it the roll-over (I stole part of the code from Scott and tweaked it). I also moved the local navigation to the left, which has been a joy as it is near the scroll bar and has made life a little easier. The right navigation may also be a place for other goodies. The right navigation has also helped me on the links page as there are a ton of links and I wanted a sub-navigations (yes, the links page is going to be getting an over haul in the near future with some needed integration with other elements in the site). The redesign also give the opportunity to introduce some small photos or images on the pages and not have other colors overwhelm them.

The box model drove me crazy, but I created some cheats I hope to share in the near future, once I get some minor tweaks around here done. The redesign was done solely on the TiBook and using a combination of the Macromedia MX Studio (Dreamweaver MX is a decent text editor, but I could not find a way to have it show a passable rendering of the pages in its own browser) and BBEdit. I started the process with outlines in Omni Outliner (a tool that rocks and is unparralled) as well as Omni Graffle to put together some wireframes to help me sort out the layout and functionality. This set of tools has been one of the best combinations I have used, I wish I could use this combo at work. I really am missing Adobe Photoshop, which may become my next software purchase, as it is a great tool that saves time.

Please, please write wit questions or bugs found. Thank you. I did this for me, but I hope you enjoy it.



BBC alters interface slightly for user

Matt Jones discusses interface tweaks used by the BBC to help the users. This frequently used elements is a rather nice idea.


November 2, 2002

Adaptive power

I really like the promise of Bluetooth (short range wireless connectivity that has the promise of eliminating wires between devices). Eliminating wires, or reducing the number of wires needed to function digitally would be a blessing.

But, having just moved I do not find the wires connecting the devices to be a huge problem it is the power cords. There are a myriad of power adapters that require somewhere to be plugged in. It also seems to be a requirement that the power cords are tangled with other power cords. Not only this, but power adapters are not interchangeable. Not only are they not interchangeable, but the do not come with any corresponding labelling that help identify power cord A should be used with device A. Power cord adapter manufacturers should be prohibitited from having their own branding on the adapter, as that branding inhibits pairing the device to the adapter. There are a couple companies that get this, Sony and Apple tend to brand their adapters so that it is easy to get their devices running. I guess the other device companies are not interested in us using their devices, but are only interested in us buying them.

What about daisy chaining power adapters? You know, like Christmas tree lights. Or universal adapters with voltage and wats settings that are selectable and an interchangeable plug end that quickly changes to been the devices connector slot, much like the British electrical outlet plugs are/used to be (have not been since the late 80s and it may have changed). In Britain when you bought an electrical device it came with a cord attached, but the cord did not have a plug to connect to the wall, as there were not standard wall outlets. The lack of plugs on the cord was annoying to those who were unaware of such practices, but it easy to understand why this practice was needed.

So to create a more workable environment have the ability to daisy chain power cords and have interchangeable plug ends. Manufacturers of devices must brand their power adapters accordingly. These steps would help eliminate the umpteen cords I have in bags that I do not know their mated device. I find 12V adapters do not work with all devices that state they need 12V power coming in. All I want to do is follow my digital passions and work. Is that too much to ask?



September 11, 2002


Design for inconsistent medium

Rick Oppendisano has a wonderful discussion of Designing for An Inconsistent Medium in CommArts Design Interact. The Web browser is a wonderfully quirky design medium that provides great access to information, if marked-up properly. The browser does not give designer's free reign to control every pixel (a great developer will consider every pixel on a screen and weigh its purpose and use). The article does provide a great read.


August 21, 2002

New skin for xBlog

xBlog from Xplane redesigns. The change is more sparse and simple, which leads to an easier read, at least I think. There have been a great resource for links, but in the last few months it has really slowed down. It looks like it could be worth checking a few times a week.


July 9, 2002

Usability review of online mapping sites

The Wall Street Journal provides a review of online mapping directions and lists how helpful each of them were with regards to mapping, accuracy, and written directions. These applications are one service that blossomed on the Internet, but the usefullness of the sites and the usability of the sites varies. Reviewed are: AAA.com, MapBlast.com, MapQuest.com, RandMcNally.com, and Hertz NeverLost II GPS. The usability and accuracy of the online maps and their printout versions are key to how well the site gets you to where you are going. One of the items this review required was finding an exact restaurant by name, which there are other methods of finding a restaurant's address to look up on a map. Over all the review is a good read.


May 10, 2002

CommArts discusses 37FedEx

CommArts picks up the 37signals mock redesign of the FedEx site. Read the CommArts write-up of 37FedEx. Those of you unfamiliar with 37signals work, they are a Web/Internet development firm that focusses on simplicity of design and ease of use. Their work is clean, fast, and seemingly intuitive.


May 3, 2002

Speaking up on UI

Getting the UI right is tough and our be silent on UI issues is not helpful. We spend a lot of time working hard ot better understand the issues and solutions. Meg does a great job explaining this. This is a must read for developers, clients, and managers.


April 20, 2002

All you need is button graphics that look like Mac OS X Aqua interface to make your site complete. Well today is your lucky day. Pixeljerk shows how to make Aqua buttons. [hat tip Cory at boingboing]


April 18, 2002

Peterme has exposes Using Conceptual Models in Interaction Design. Putting this forth was a discussion about using metaphors for interaction (interface) design, such as a desktop as an interface. Peter's post is wonderful, go enjoy.


This work is licensed under the Creative Commons Attribution-NonCommercial-ShareAlike License.