Off the Top: Flash Entries
Trip and d.construct Wrap-up
I am back home from the d.construct trip, which included London and Brighton. The trip was very enjoyable, the d.construct conference is a pure winner, and I met fantastic people that keep my passion for the web alive.
d.construct
The d.construct conference had Jeff Barr from Amazon talking about Amazon Web Services, Paul Hammond and Simon Willison discussing Yahoo and its creation and use of web services for internal and external uses, Jeremy Keith discussing the Joy of the API, Aral Balkan presenting the use of Adobe Flex for web services, Derek Featherstone discussing accessibility for Javascript and Ajax and how they can hurt and help the web for those with disabilities, myself (Thomas) discussing tagging that works, and Jeff Veen pulling the day together with designing the complete user experience.
Jeff Barr provided not only a good overview of the Amazon offerings for developers, but his presentation kept me interested (the previous 2 times my mind wandered) and I got some new things out of it (like the S3 Organizer extension for Firefox.
Jeremy was his usual great presenting form (unfortunately a call from home caused me to miss the some of the middle, but he kept things going well and I heard after that many people learned something from the session, which they thought they knew it all already.
Paul and Simon did a wonderful tag team approach on what Yahoo is up to and how they "eat their own dog food" and how the Yahoo Local uses microformats (Wahoo!).
Aral was somebody I did not know before d.construct, but I really enjoyed getting to know him as well as his high energy presentation style and mastery of the content that showed Flash/Flex 2.0 are fluent in Web 2.0 rich interfaces for web services.
Derek was fantastic as he took a dry subject (accessibility) and brought it life, he also made me miss the world of accessibility by talking about how JavaScript and Ajax can actually improve the accessibility of a site (if the developer knows what they are doing - this is not an easy area to tread) and made it logical and relatively easy to grasp.
I can not comment on my own presentation, other than the many people what sought me out to express appreciation, and to ask questions (many questions about spamming, which is difficult if the tagging system is built well). I was also asked if I had somebody explain the term dogging (forgetting there was a rather bawdy use of the term in British culture and using the term as those people who are dog lovers - this lead to very heavy laughter). Given the odd technical problems at the beginning of the presentation (mouse not clicking) things went alright about 5 minutes or so in.
Lastly, the man I never want to follow when giving a presentation, Jeff Veen rocked the house with his easy style and lively interaction with his slides.
I am really wanting to hear much more from Aral and Derek now that I have heard them speak. I am looking forward to seeing their slides up and their podcasts, both should be posted on the d.construct schedule page.
London Stays
The trip also included an overnight stay in London on the front and back end of the conference. Through an on-line resource I had two last minute rooms booked at Best Western Premiers that were great rooms in well appointed hotels. The hotels even had free WiFi (yes, free in Europe is a huge savings), which was my main reason for staying at these hotels I knew nothing about. I really like both locations, one near Earls Court Tube Station and the other Charing Cross Road and SoHo. The rooms were well under 200 U.S. dollars, which is a rarity in central London. I think I have a new place to track down then next time I visit London.
London People & Places
I had a few impromptu meetings in London and an accidental chat. When I first got in I was able to clean-up and go meet friends Tom and Simon for lunch at China Experience. We had good conversations about the state of many things web. Then Tom showed me Cyber Candy, which I have been following online. I was then off to Neal's Yard Dairy to pick-up some Stinking Bishop (quite excellent), Oggleshield, and Berkswell. I then did a pilgrimage to Muji to stock up on pens and all the while using Yahoo Messanger in a mobile browser (a very painful way to communicate, as there is no alert for return messages and when moving the web connection seems to need resetting often).
That evening I met up with Eric Miraglia for a great chat and dinner, then included Christian Heillmann (who has a great new book (from my initial read) on Beginning JavaSctipt with DOM Scripting and Ajax) in our evening. The discussions were wonderful and it was a really good way to find people of similar minds and interests.
On my last day in London I ended up running into Ben Hammersley as he was waiting for a dinner meeting. It was great to meet Ben in person and have a good brief chat. Somehow when walking down the street and seeing a man in a black utilikilt, with short hair, and intently using his mobile there are a short list of possibilities who this may be.
Food
My trip I had a few full English breakfasts, including one in Brighton at 3:30am (using the term gut buster), which was my first full meal of the day. The breakfast at the Blanche House (the name of the hotel never stuck in my head and the keys just had their logo on them, so getting back to the hotel was a wee bit more challenging than normal) was quite good, particularly the scrambled eggs wrapped in smoked Scottish salmon. The food the first night in Brighton at the Seven Dials was fantastic and a great treat. Sunday brunch at SOHo Social in Brighton was quite good and needed to bring me back from another late night chatting, but the fish cakes were outstanding. The last evening in London I stopped in at Hamburger Union for a really good burger with rashers bacon. The burgers are made with only natural fed, grass-reared additive free beef. This is not only eco-friendly, but really tasty. I wish there were a Hamburger Union near where I work as I would make use of it regularly.
Too Short a Visit
As it is with nearly every trip this year, the time was too short and the people I met were fantastic. I really met some interesting and bright people while in Brighton and I really look forward to keeping in touch as well as seeing them again.
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.
The User's Mind and Novelty
My commute-time reading of Steven Berlin Johnson's book, Mind Wide Open included the discussion of attention today, toward the end of Chapter 5, as Steven pointed out that Dopamine regulates the "novelty-seeking" axis. I began to think about MTV, Web development, advertising, and other entertainments. It seems much of the creative force in entertainment and design is aimed at triggering the novelty-seeking part of our brain to draw attention. I throw Web development in there as there is a desire for over decorating and using cool Flash (I love Flash, but it is often used as a container for content, which inhibits the easy consumption of the information) where it is not best used.
This also reminded me of a rough theory about executives and content owners and their understanding of Web design. The content owners and managers that get involved with their Web development want exciting and flashy sites developed because they are bored with their content. They have been working with their content for years and it is not interesting to themselves any longer, in short it is work not fun and the Web is fun. There seems to be a correlation to the formality of the content and the desire for Flash and over-the-top visual design. The finance and budget people want a banker lamp with words moving out of them. The legal department wants highly-graphic backgrounds for their text.
The cure for this injection of excitement is turning the focus to the users of the content, that are not bored with the information and need to find the information and are often craving the information. Focussing the content owner on how to make the words that are important and the text of desired information easy to consume helps turn the situation from decoration that distracts the user. The next step is to user test and show the roadblock, if not worse, that stands between the user and their desired information.
In terms of "novelty-seeking" for the users, their desired information is often the novelty. On information sites the users what to come and get what they want easily and quickly. Providing clarity to help the user get that which they need is the best service. The design should not be boring, but should be well though out to help direct the user's attention to what will help them the most. Information design skills and a solid understanding of how to use the medium well will benefit the user greatly as it will the content owners.
Antartica goes DHTML not Flash
Tim Bray explains why Antartica will be using DHTML and not Flash for its Visual Net application. These are some of the same problems I have with using Flash as a user in applications. It is very hard to get the interface close to right in Flash, which when compared to relatively easy to get it exactly right in (D)HTML (and yes I know the exactly right is a comparison of HTML to HTML, but there are millions, if not billions of people that have learned this interaction process).
Real Underground gets Flash right
Yes, I get crank when I experience Flash in places it fails (like the Macromedia site for ordering and their Forums for the tip of a very large iceberg), but there are some things that Flash just kicks ass. Experience the The Real Underground an interactive display of Beck's original London Underground map, the current map, and the actual geography. This Flash experience shows what would be very difficult to do otherwise.
Another good use of Flash is Gabe Kean's portfolio site, which scripts the pointer hand to only show over what is clickable, the site is meant to display past projects (and does it very well), and provides a good interface. One thing that does bug me is Gabe's address and other info one may want to grab for easy use in a PIM has to be retyped by the user, which greatly increases the ability to transpose info. Yes, I know this info can be lifted for unscrupulous means, but...
Jeffrey Veen on the State of the Web
Digital Web interviews Jeffrey Veen who discusses the current state of Web development. This is must read to understand, to not only understand where we are today, but also how Web teams are comprised today.
Remember when Web sites used to have huge home pages constructed entirely out of images so that designers could have control over typefaces? Thankfully, thatís mostly a thing of the past now. We all understand that speed is crucial in usability and, therefore, success. The designers who are left nowóthe ones who have succeededóare the ones with an aesthetic that is based on what the Web is capable of, and not some antiquated notion of graphic art applied as decoration to some obscure technical requirements.
Also, specialization is creeping into our industry and thatís a great thing. Weíre seeing Web design split into disciplines like interaction design, information architecture, usability, visual design, front-end coders, and more. Even information architecture is subdividing into content strategists, taxonomists, and others. I think we can safely say that there is no such thing as a ìWebmasterî anymore.
There are many more gems in this interview, including the state of Web standards and poor job Microsoft is doing to allow the Web move forward. (Jeffrey Veen's observations can regularly be found at Jeffrey Veen's online home.
Using HTML tags properly to help external search results
There are some essentials to building Web pages that get found with external search engines. Understanding the tags in HTML and how they are (rather should be) used is important. The main tags for most popular search engines are the title, heading (h1, h2, etc), paragraph (p), and anchor (a). Different search engines have given some weight in their ranking to metatags, but most do not use them or have decreased their value.
Google gives a lot of weight to the title tag, which is often what shows in the link Google gives its user to click for the entry. In the title tag the wording is important too, as the most specific information should be toward the front. A user searching for news may find a weblog toward the top of the search ahead of CNN, as CNN puts its name ahead of the title of the article. A title should echo the contents of the page as that will help the ranking of the pages, titles that are not repeated can get flagged for removal from search engines.
The headings help echo what is in the title and provide breaking points in the document. Headings not only help the user scan the page easily, but also are used by search engines to ensure the page is what it states it is. The echoing of terms are used to move an entry to the top of the rankings as the mechanical search engines get reinforcement that the information is on target for what its users may be seeking.
The paragraph tags also are used to help reinforce the text within them.
The anchor tags are used for links and this is what the search engines use to scrape and find other Web pages. The text used for the links is used by the search engines to weight their rankings also. If you want users to find information deep in your site put a short clear description between the anchor tags. The W3C standards include the ability to use a title attribute which some search tools also use. The title attribute is also used by some site readers (used by those with visual difficulties and those who want their information read aloud to them, because they may be driving or have their hands otherwise occupied) to replace the information between the anchor tags or to augment that information.
Example
The application I built to manage this weblog section is build to use each of these elements. This often results in high rankings in Google (and relatedly Yahoo), but this is not the intent, I am just a like fussy in that area. It gets to be very odd when my posting weblog posting review of a meal at Ten Penh is at the top or near the top of a Google Ten Penh search. The link for the Ten Penh restaurant is near the bottom of the first page.
Why is the restaurant not the top link? There are a few possible reasons. The restaurant page has its name at "tenpenh" in the title tag, which is very odd or sloppy. The page does not contain a heading tag nor a paragraph tag as the site is built with Flash. The semantic structure in Flash, for those search engines that scrape Flash. Equally the internal page links are not read by a search engine as they are in Flash also. A norm for many sites is having the logo of the site in the upper left corner clickable to the home page of the site, which with the use of the alt attribute in a image tag within an anchor link allow for each page to add value to the home page rant (if the alt attritute would have "Ten Penh Home" for example).
Not only does Flash hinder the scapeing of information the use of JavaScript links wipes out those as means to increase search rankings. Pages with dynamic links that are often believed to ease browsing (which may or may not prove the case depending on the site's users and the site goals in actual user testing) hurt the information in the site for being found by external search engines. JavaScript is not scrapable for links or text written out by JavaScript.
Flash takes bigs steps forward then over the cliff
Jeff Veen discusses the Macromedia attempt at accessibility for Flash in his most recent post. Flash MX is a great improvement, but still is not all the way to accessibility, and can still keep a well done site from meeting Section 508 compliance. One of the big downsides of the current Flash build is using Flash mixed in a page with HTML. A user must have the ability to use alternate methods to move around a page, which means with out a mouse. This is often done with tabbing or voice commands. Flash does now have the capability to replicate what has been done for years in HTML, but if you add a Flash element into a HTML page the focus never releases from the Flash component. A user can not tab anywhere or even escape from the page as the cursor is stuck. If the person could use a mouse this would not be a problem, but that is not what leads to compliance.
If you use mobile devices the Flash interface is a miserable experience as Flash is vector based and will shrink to fit the screen size. Imagine trying to use a screen designed for 800 pixels wide on a 220 wide mobile screen. Forget it.
The forms in Flash are not quite ready for prime time either. I was at a rack server trying to update information in a Flash form on the Macromedia site and I was tabbing because the hyper trackball was horrible. Flash walked me down the page, but the focus moved under the bottom scroll bar with out bringing the screen focus up so I could see the form box I was having to deal with. This is flat out unacceptable, as HTML has had this right for years. Not only that, but I had a validation error and the alert was placed at the top of the Flash screen and out of site as it had scrolled up. The ability to scroll or move the screen until the alert was clicked was disabled, this took expanding the screen to full size to click the bottom of a button on the alert that I could not read.
Flash needs a motto like, "Flash -- the tool that gives uneducated interface developers the ability to create unusable forms and user experiences just to have buttons and scroll bars with indiscernible color shades" or "Flash -- for interfaces you don't want people to use"
Macromedia seems to have taken large strides with Flash, but then just stepped right over the cliff.
Upgrading Flash 6 on Mac OS X
I was having problems getting Macromedia Flash to upgrade on my Mac OS X (Macromedia has not spent the time on this as they have for the Windows world) and it would not upgrade. I really wanted/needed Flash 6 for some very valid reasons and I was finding many enterprise sites using only Flash 6 (not that they were using Flash 6 functionality) accessible files. I spent a couple weeks with no luck. I found the hint to manually delete the flash files from the library directories prior to running the upgrade. Magically I have Flash 6 now running wonderfully on OS X.Interactive Awards
Could it be information and site continuity is out and entertainment and design are in? CommArts Interactive 2002 Awards are nearly all beautiful graphical works, but have little or no continuity to the global sites in which they sit. The Advertising and Business awards sections seemed to be the most disconnected, as they had sites in which they sat that were quite different from where the award winners sat.
I really was impressed with the award winners from a graphical and entertaining perspective, but from the point of sharing and connecting to related information many of the winners were disjointed. Nearly all the winners were in Flash, which has information sharing problems for users. The Web is a wonderful information sharing medium that offers a wonderful ability to express, expand upon, and interact with users and other information stores. The Flash elements seemed to be self-contained, which is a serious downside. I will go back and spend more time trying to find examples of great design and using the Internet medium well.
The Internet is many things to many people and offers many options in which to present information. The wonderful thing about the Internet is being able to extract information as well as point others to specific segments of information with out having to wade through unrelated information. Hmmm, possibly more later on this.