Off the Top: Interface Design Entries
Showing posts: 31-45 of 107 total posts
Ray Ozzie Demos Live Clipboard for the Personal InfoCloud
Boy, did I whine too early! As Jyri blogs, Ray Ozzie demos a desktop to blog structured information tool. Ray demonstrated a potential (or is it real) tool from Microsoft, Live Clipboard. A set of screen captures of the Ozzie demonstration of Live Clipboard shows what they are up to. It is killer stuff that really solves real problems people have in living their life with digital information across their devices and platforms. He focusses on structured information, which is all around us, or should be all around us.
Ray Ozzie is one of my favorite geeks. I would have some extremely serious Microsoft love if Microsoft follows the Ray Ozzie vision of technology rather than that of the buffoon Steve Balmer. Ray has the vision and understanding that Bill Gates had for the desktop, but never showed beyond that. Balmer just seems to do more damage to Microsoft than any benefit (what is his benefit?) he provides. Where as Ray just flat out rocks by being brilliant (in a visionary to real product way), calm, and a wonderful communicator. Ray built one of my favorite tools, Groove, but stopped non-Microsoft version far too early as that could be THE killer app of the decade (last 10 years). If Groove were platform and device agnostic it would be the best thing going, but it will have to settle for a good app that has boundary limitations.
Ray is bright and understands the problems that real people have with digital information and focusses along the lines of the Personal InfoCloud for solutions. He seems to show not only tools, but simple solutions for real people to use. It is what Microsoft needs (that and to ship) and what the industry needs. So far Apple is one of the few big (non-web) companies in the space providing simple solutions that work to resolve the problems of real people as they interact with digital information and media.
Upcoming Presentations and Conferences
Things have been a little busy around these parts, but activity and early Spring allergies will not keep me from letting you know that the road show is beginning again.
SXSW
I am heading off to SXSW Interactive to participate in Tagging 2.0 Panel where we will discuss growth, changes, and new ideas in the realm of tagging.
I will also be hanging out with the Web Standards Project (WaSP) people as we are having our WaSP Annual Meeting open to the public.
This year looks to have some killer content at SXSW, not that it has not in the past, but there are more things than ever that I am interested in attending. I certainly hope they found larger spaces this year. Usually the corridors are overly enticing, but the session rooms could pose a challenge this year. I am looking forward to hanging, chatting, learning, and recharging my web vibe.
IA Summit
I am headed to the IA Summit in Vancouver, British Columbia later in March. I am on the Wireframing Challenges in Modern Web Development panel, which I will be moderating Nathan Curtis, Livia Labate, Bill Scott, and Todd Warfel. We will be looking at the wireframing challenges and solutions of the current web.
I am also presenting my IA for Efficient Use and Reuse of Information. As the web 2.0 meme rings out we realize there is a greater need beyond that as people actually want to use and reuse the information in their own personal information workflows and not always in one web application. I will focus on granular content inventories as well as how to identify content objects for information reuse and set the structure of that information for better use and reuse.
I am incredibly happy to see that Kevin Chang (along with Jane Jao) are presenting Communicating with Comics as a panel as well as a full day workshop. This could be the hidden golden nugget at the IA Summit.
XTech
I will be heading to Amsterdam, Netherlands for XTech in May. I am presenting "Developing for the Personal InfoCloud" on Thursday May 18. I will be discussing the Model of Attraction and Come to Me Web as foundations to focus on building for personal use and reuse of digital information and objects.
Microlearning Conference 2006
I will be one of the keynote speakers at the Microlearning Conference in Innsbruck, Austria held on June 8-9, 2006.
More to Follow
There are a few more that will be added shortly. I am also keeping busy with in-house presentations on the Come to Me Web, Personal InfoCloud, Folksonomy, and other related topics. If you would have an interest in having me present at your conferece, workshop, or an in-house event please contact me.
Ma.Gnolia Review and Color Me Disapointed
I have been digging around Ma.gnolia since it became public and I am finding it missing a lot of things. It is closer to Yahoo! MyWeb2 than del.icio.us but not doing things as well. The design is nice to look at, but there is too much white space and it requires a lot of scrolling. Watching people use del.icio.us, MyWeb, and the many other social bookmarking tools I see scrolling inhibits finding information, as having bits of information in the same line of focus draws lines of connection for the person using the site and this is a great value for the person using the tool.
Rating Bookmarks and Retention Modes
The rating bookmarks is something people say they want, but it is not used to often. People only bookmark what they like, they do not bookmark things they have no interest in. In spending time talking to people using social bookmarking tools they have two or three retention modes: self-interest, others have interest whom the individual values that the person uses as a filter for their attention, and community tagging.
Private Bookmarks and Community
Ma.gnolia has two modes for privacy, on and off. MyWeb2 adds community, which is extremely valuable. MyWeb2 even needs refinement on this front to make that more granular to greatly help findability and valuable community filtering. Not including these social aspects leaves Ma.gnolia behind in the field with a lot of catching up to do.
API, Walled Garden, and In-site Findability
Lacking an API is a serious problem, but it may be in the site somewhere, but the information is really not easily found on the Ma.gnolia site. This seems to be a nice gesture that Ma.gnolia wants to be their own user community, but that is the thinking of two or four years ago. Communities are opening up and walled gardens are opening to let the information and beauty get discovered.
There is Good
All is not needing improvement. I love the beauty of the site. The broad folksonomy well, as the person tagging is clear, the object tagged is clear, and the tags are clear. The ability to pivot when using two of the objects to find the third. I do like the Ma.gnolia approach of marketing by using visible celebrities tagging on their site.
Saving Bookmarks and Wrap-up
Lastly, Ma.gnolia touts their saved pages, but many social bookmarking services provide this service (well, accept del.icio.us as it is missing this component). It seems Ma.gnolia was targeted as a del.icio.us alternative, but those are a dime a dozen. There is nothing new in Ma.gnolia and many things that could have been and should be done a lot better. As I read the Ma.gnolia site is sounds like it is believed to be fully baked at this point, which I deeply hope it is not as this should be a start of the project and quickly fix the project and listen to users.
For Many AJAX is Not Degrading, But it Must
A little over two months ago Chad Dickerson posted one of the most insightful things on his site, Web 0.1 head-to-head: 37Signals' Backpackit vs. Gmail in Lynx. You are saying Lynx? Yes! The point is what 37Signals turns out degrades wonderfully and it is still usable. It could work on your mobile device or on a six year old low end computer in Eritrea in a coffee house or internet cafe (I have known two people who have just done that in the last year and found Gmail did not work nor did MSN, but Yahoo did beautifully).
Degrading is a Good Thing
Part of my problem with much of the push towards AJAX (it is a good, no great thing that XMLHTTPRequest is finally catching on). But, it must degrade well. It must still be accessible. It must be usable. If not, it is a cool useless piece of rubbish for some or many people. I have been living through this with airline sites (Continental), commerce sites (Amazon - now slightly improved), actually you name it and they adopted some where in this past year. In most cases it did not work in all browsers (many times only in my browser of last resort, which by that time I am completely peeved).
When Amazon had its wish list break on my mobile device (I (and I have found a relatively large amount of others this past couple years doing the same thing) use it to remember what books I want when I am in brick bookstores and I will check book prices as well as often add books to my wish list directly) I went nuts. The page had a ghastly sized JavaScript, which did some nice things on desktops and laptops but made the page far too large to download on a mobile device (well over 250 kb). In the past few weeks things seemed to have reversed themselves as the page degrades much better.
Is There Hope?
Chad's write-up was a nice place to start pointing, as well as pointing out the millions of dollars lost over the course of time (Continental admitted they had a problem and had waived the additional phone booking fee as well as said their calls were up considerably since the web redesign that broke things for many). Besides Chad and 37Signals I have found Donna Mauer's Designing usable rich internet applications as a starting point. I also finally picked up DOM Scripting: Web Design with JavaScript and the Document Object Model by Jeremy Keith, which focusses on getting JavaScript (and that means AJAX too) to degrade. It is a great book for designers, developers, and those managing these people.
I have an awful lot of hope, but it pains me as most of us learned these lessons five to seven years ago. Things are much better now with web standards in browsers, but one last hurdle is DOM standardization and that deeply impacts JavaScript/DOMScripting.
Web 2.0 Mash-ups and the Model of Attraction
I posted a write-up on Mash-ups and the Model of Attraction, which explains the Housing Maps through the Model of Attraction lens.
Read and comment over at Personal InfoCloud.
Yahoo! MyWeb Imports Del.icio.us Bookmarks and More Observations
Yesterday's post, MyWeb 2 Grows Up Quickly into a Usable Tool, had part of my answer delivered today by e-mail. Yahoo! had already built a del.icio.us import tool (as well as an Internet Explorer bookmark, Yahoo bookmark, and RSS import tools) to grab your bookmarks and tags out from del.icio.us.
My import went well, um it took four attempts to get all 1,440 of my bookmarks into Yahoo MyWeb 2, but they are all there along with the 20 or so I had stored in MyWeb already. I wish it could have kept the dates from my del.icio.us bookmarks as the time puts those links in context for me with other things I was working on at the time I made the bookmark.
I am not abandoning my del.icio.us bookmarks and will keep feeding it as it is my only easy option at work at the moment. Now I am interested in a JavaScript bookmark that would post to both MyWeb and del.icio.us from the same form. There is community around one's social bookmarks as I know there are people that pull my del.icio.us bookmark feed into their aggregator, just I do that with other's bookmarks. This is part of their being social, yes?
Now I want to play with MyWeb with my 1,459 plus pages in it. As a personal bookmarking tool this will be a good test. I am now also curious with searching with Yahoo! if my own bookmarks will appear on the search page. This would be nice as I found Google somewhat scary when I started seeing my own blog posts showing up in searches I was doing from work. But, I started my blog (nearly five years ago) as a note to self tool, which also happened to be open to everybody else in the world. It is my outboard memory. This is also the reason I started my own personal site nearly 10 years ago, as a link tool so I could keep access to my web links from any web connection I could get. A lot has changed in these nearly 10 years, but so much has stayed the same.
I have a laundry list of interface changes I would love to see in MyWeb that I will be shooting to them that are interface related. I also have many social network improvements for their tool to get more fine grained in their connections between people in the social engine, which may take more than just a few e-mails.
User Experience Design in the Come to Me Web?
A question came up with Rashmi in the week prior to the BayCHI Web 2.0 event that I thought would definitely come up at the panel in the Q&A session, but most of the questions related to the application and technology side of things.
As content can be repurposed in and pulled into various tools with drastically different presentations than the sites they sit within. There seems to be a logical question as to the value of the user experience of the initial site. We are spending a lot of time, effort, and resources building optimal user experience, but with more and more of the content being consumed in interfaces that do not use the user experience should we spend less time and resources on perfecting it?
One answer is no, things are fine the way they are as the people that still consume the information in the traditional web manner (is it too early to call it traditional web manner?) are a narrower audience than the whole of the people consuming the information. The design of the site would have to add value, or provide additional service to continue enticing people back. I have been talking about the Perceptual Receptor in the Model of Attraction for a few years and the sensory components of design, look, and appeal should be targeted to the expected users so it fits their expectations and they are attracted to the content they are seeking in a manner that is appealing to them.
The converse to this is we are spending too much time on the ephemeral in relation to the benefit. With increasing consumption of the information done though RSS/ATOM feed readers and aggregators on the desktop, mobile, or web (as in Bloglines or My Yahoo) interfaces, which nearly all strip the presentational layers and just deliver the straight content with the option for the person to click and get to the site we developed. Information is also pulled together in other aggregators as summaries on various websites and versions e-mailed around. The control of the user experience has drifted away from the initial designer and is in the hands of the tools aggregating (some provide presentational layers from the content owners to show through on the aggregators), or the people consuming the information that choose their own presentation layer or just strip it for other uses.
With content presentations in the hands of the people consuming and not the crafting designer how does branding come through? How does the richer integrated interface we spent months designing, testing, and carefully tweaking? Branding with logos may be easier than the consistent interface we desire as the person consuming the content has a different idea of consistent interface, which is the interface they are consuming all of the information in. People have visual patterns they follow in an application and that interface helps them scan quickly for the information they desire.
Where the content creator puts their content out for aggregation in XML related feeds, they have made a decision at some level that having their content in the hands of more people who want it is more important than a unified user experience. Consumption of the media has a greater impact than fewer people consuming a preferred experience. All of the resources we put into the refined user experience is largely for the user's benefit, or at least that is what we say, but it is also for the business benefit for consistent branding and imprinting. The newer consumption models focus on the person and their getting the information and media they want in the easiest and their preferred manner for that person.
Is there an answer? One single answer, most likely not. But, I personally don't think we and crafting designer have a great say at this point. As tools people use mature, we may get more control, but optimally the person consuming is the one in control as they want to be and should in the "come to me web".
Make Nice with Mobile Users Easily
Those interested in making friendly with their mobile users trying to consume their content aimed at the desktop browser market should take a peek at Make Your Site Mobile Friendly by Mike Davidson. This is one method that makes for a little less sweat and keeps some dollars in our budgets for other needs.
Replacement RSS and XML Button
Mike just posted a killer international and language-free RSS logo button on his site. I really like it. Mainly is works for those of use who understand the RSS text version, but for those who are not as technically forward or in non-English/Western languages this could still work. The RSS and XML text on the buttons always need explanation to those not familiar with the terms. The end of many of the tutorials is often, "just click it, you do not really need to know what it means, just click". Something tells me Mike is on to something profound yet so wonderfully simple.
The Art of the Pivot
We live life linearly, but there are many tangents and crossing points. Physical life makes surfing those tangents not an easy task, but it is part of the brilliance of digital life to surf serendipitously with purpose. Every now and then, with more increasing regularity I find myself in awe (yet with each occurrence with banality creeping in) of the tangential currents that draw life closer and the world smaller.
Flickr provided this evening's wonderful spark. While peering through the lens of my friends and "contacts" photos I clicked on one that had a familiar scene, it was not that I knew the people in the photo, but it was the table, cups, and feel of the place. It was a photo in the Pork Store on Haight Street. I have had so many wonderful breakfasts there from when I live behind the restaurant on Waller, to trekking over from where I lived on Arguello, to the pilgrimage on nearly every trip I make to San Francisco.
What made this particular photo special was not that I easily recognized the scene, but I double checked in Flickr's tags to see a "porkstore" tag. I clicked the tag to see if that photographer had entered more photos in the Pork Store, but no. I clicked to see "all other public photos tagged with porkstore". In doing this I saw in the thumbnail somebody I thought I recognized. I clicked to the larger photo to ensure it was somebody I had just met yesterday. The world just shrunk.
What was the point of this? It is the ability to pivot or surf in new direction that is related to where we are all thanks to the hyperlink and meta information. As the web has changed my perception of what is right and possible in the world, I increasingly find one of the major differentiators between physical life and digital experiences is the pivot. Including hyperlinks or means to pull information closer to you that is tangential to the current desire or direction. When relevant information is not hyperlinked it is lacking the pivot. Or when there is a lack of ease to find associated information that is relevant to what is in the browser and relevant to the person consuming the information or object on their screen it is frustrating for the user and disappointing as a developer knowing the ease of the solution and the great value it adds.
Oddly, one of the interfaces I love also bothers me for its lack of the pivot. The iPod is great, but it is missing one pivot option that is now driving me nuts. When in Shuffle mode and I hear a song I like by an artist I like often want to pivot and listen to more of that artist or that album. This should be an option on the center button, just like getting to add song rating, scroll through the song, etc. Not only is it in Shuffle mode it is when listening to mixed playlists or soundtracks. It should not be that difficult to implement, one of the screens clicked to from the center button, while listening to a song, should bring up a "listen to more by this artist or album" option. Then life would be so much better.
State is the Web
The use and apparent mis-use of state on the web has bugged me for some time, but now that AJAX, or whatever one wants to call "XMLHttpRequests", is opening the door to non-Flash developers to ignore state. The latest Adaptive Path essay, It's A Whole New Internet, quotes Michael Buffington, "The idea of the webpage itself is nearing its useful end. With the way Ajax allows you to build nearly stateless applications that happen to be web accessible, everything changes." And states, "Where will our bookmarks go when the idea of the 'webpage' becomes obsolete?"
I agree with much of the article, but these statements are wholly naive in my perspective. Not are they naive, but they hold up examples of the web going in the wrong direction. Yes, the web has the ability to build application that are more seemless thanks to the that vast majority of people using web browsers that can support these dynamic HTML techniques (the techniques are nothing new, in fact on intranets many of us were employing them four or five years ago in single browser environments).
That is not the web for many, as the web has been moving toward adding more granular information chunks that can be served up and are addressible. RESTful interfaces and "share this page" links are solutions. The better developers in the Flash community has been working to build state into their Flash presentations to people can link to information that is important, rather than instructing others to click through a series of buttons or wait through a few movies to get to desired/needed information. The day of one stateless interface for all information was behind us, I hope to hell it is not enticing a whole new generation of web developers to lack understanding of state.
Who are providing best examples? Flickr and Google Maps are two that jump to mind. Flickr does one of the best jobs with fluid interfaces, while keeping links to state that is important (the object that the information surrounds, in this case a photograph). Google Maps are stunning in their fluidity, but during the whole of one's zooming and scrolling to new locations the URL remains the same. Google Map's solution is to provide a "Link to this page" hyperlink (in my opinion needs to be brought to the visual forefront a little better as I have problems getting people to recognize the link when they have sent me a link to maps.google.com rather than their intended page).
Current examples of a poor grasp of state is found on the DUX 2005 conference site. Every page has the same URL, from the home page, to submission page, to about page. You can not bookmark the information that is important to yourself, nor can you send a link to the page your friend is having problems locating. The site is stateless in all of its failing glory. The designer is most likely not clueless, just thoughtless. They have left out the person using the site (not users, as I am sure their friends whom looked at the design thought it was cool and brilliant). We have to design with people using and resusing our site's information in mind. This requires state.
When is State Helpful?
If you have important information that the people using your site may want to directly link to, state is important as these people will need a URL. If you have large datasets that change over time and you have people using the data for research and reports, the data must have state (in this case it is the state of the data at some point in time). Data that change that does not have state will only be use for people that enjoy being selected as a fool. Results over time will change and all good academic research or professional researchers note the state of the data with time and date. All recommendations made on the data are only wholly relevant to that state of the data.
Nearly all blogging tools have "permalinks", or links that link directly to an unchanging URL for distinct articles or postings, built into the default settings. These permalinks are the state function, as the main page of a blog is fluid and ever changing. The individual posts are the usual granular elements that have value to those linking to them (some sites provide links down to the paragraph level, which is even more helpful for holding a conversation with one's readers).
State is important for distinct chunks of information found on a site. Actions do not seem state-worthy for things like uploading files, "loading screens", select your location screens (the pages prior and following should have state relative to the locations being shown on those pages), etc.
The back button should be a guide to state. If the back button takes the user to the same page they left, that page should be addressable. If the back button does not provide the same information, it most likely should present the same information if the person using the site is clicking on "next" or "previous". When filling out an application one should be able to save the state of the application progress and get a means to come back to that state of progress, as people are often extremely aggravated when filling out longs forms and have to get information that is not in reach, only to find the application times out while they are gone and they have to start at step one after being many steps into the process.
State requires a lot of thought and consideration. If we are going to build the web for amateurization or personal information architectures that ease how people build and structure their use of the web, we must provide state.
Annotated New York Times
The Annotated New York Times is the best interface for blog coverage out there. Feedster and Technorati are leagues behind in their presentation compared to this. I had not been to BlogRunner in a while, but it has grow-up too. The interface, interaction, and presentation are dead-on for an intuitive tool. Bravo.
I do wish it were easier to find book review annotations more easily, such as by author or book title.
Simplicity Through Granular Complexity
We must understand and embrace the granular and complex to make things simple for the person.
Model-T is User Experience Defined
Peter Boersma lays out Model T: Big IA is UX. I completely agree with this assessment and view. The field of Information Architecture is very muddled in the eyes of clients and managers as those pitching the services mean different things. Personally I think Richard Saul Wurman's incredible book on information design labeled "Information Architecture" caused a whole lot of the problem. The little IA was evident in the Wurman book and there are many concepts that were delivered to the IA profession from that book, but it was largely about information design.
Getting back to Peter Boersma's wonderful piece, the Model-T hits the correlated professions and roles dead on. This is essentially how things are organized. There are some of us that go deep in more than one area and others that are shallow in most, but also tend to provide great value.
Web 2.0: Source, Container, Presentation
At Web 2.0 Jeff Bezos, of Amazon stated, "Web 2.0 is different. It's about AWS (Amazon Web Services). It's not on the web site for users to see. It's about making the internet useful for computers.". This is very appropriate today as it breaks the information model into at least three pieces: source, container, and presentation. Web 1.0 often had these three elements in one place, which really made it difficult to reuse the information, but even use it at times.
The source is the raw information or content from the creator or main distributor. The container is the means of transporting the information or content. The container can be XML, CSV, text, XHTML, etc. The presentation is what is used to make the information or content human consumable. The presentation can be HTML with CSS, Flash, PDF, feed reader, mobile application, desktop application, etc.
The importance of the three components is they most valuable when they stand alone. Many problems and frustrations for people trying to get information and reuse it off the web has been there has not been a separation of the components. Take most Flash files, which tie the container and the presentation in one object that is proprietary and can be extremely difficult to extract the information for reuse. The same also applies to PDF files as they too are less than optimal for sharing information for anything other than reading, if the PDF can be read on the device. As mobile use of the internet increases the separation is much more valuable. The separation has always been the smart thing to do.
Today Google launched a beta of their Google SMS for mobile devices. The service takes advantage of the Google web services (source) and allows mobile users to send a text message with a query (asking "pizza" and providing the zip code) and Google responds with a text message with information (local pizzerias with their address and phone numbers). The other day Tantek demonstrated Semantic XHTML as an API, which provides openly accessible information that is aggregated and reused with a new presentation layer, Flash.
More will follow on this topic at some point in the not too distant future, once I get sleep.