Designing Interfaces - thoughts

No Comments »

I’ve mentioned before that I plan to write my grad capstone on usability-supporting architectural patterns. When I heard that UPA’s conference this year was focussed on patterns, I asked a colleague that was attending if I could get her notes. When she got back to work, she lent me a copy of Jenifer Tidwell’s “Designing Interfaces“. She had seen Jenifer speak and evidently there was a fair amount of mention of this book. Unfortunately, the day my colleague lent me the book, I put in my two weeks notice at work, so I needed to look through it quickly!

The book itself is interesting, but it is not quite what I was looking for. These are patterns specifically dealing with Interface design. Useful within a given group, but it is at a lower level than I want to focus on. That being said, I think it will be good to use to contrast with my true area of interst.

This also brings up another issue: the reason why I selected my topic for my capstone was because I had come across several articles written from an architectural or programmatic standpoint that spoke of a lack of a pattern language that could be used to describe usability problems. It seems to me that the patterns in this book do not manage to bridge this gap between the disciplines. However, I may be saying this with bias from my experience. We were fortunate enough to be provided with detailed UI specifications, as well as visual design mockups and wireframes. It is possible that this pattern language could have streamlined some of this.

Even the description of patterns in the preface is slightly different than what I am accustomed to:

“In essence, patterns are structural and behavioral best practices with a given design domain. .They capture common solutions to design tensions (usually called “forces” in pattern literature and thus, by definition, are not novel.) …. This book describes patterns literally as solutions to design problesm because part of their value lies in the way they resolve tensions in various design contexts.”

I am not sure about this notion of ‘habitability’… I suppose from the standpoint of the designer, this makes sense. Rather than recreating the wheel time and again, a given pattern can be used to describe the problem space. I suppose I see it moreso as a way to categorize, not ‘understand’. I don’t know that a given pattern makes a problem more clear, rather, it simply offers up a method to deal with them.
The notion of resolving tensions is interesting, however. Perhaps using patterns forces the designer to make choices that otherwise may not have been evident.

The book contrasts the difference between websites and web applications — as dealing with nouns versus verbs.

The book does break up patterns according to the domain — there are patterns dealing with physical structure (two-panel selector, one-window drilldown),navigation (global navigation, hub and spoke) with comments on which combinations work well together.

There is some discussion on alternative presentational methods (mobile phones), which is refreshing. This changes the model dramatically but is not considered often enough. If we design interfaces to be intuitive for the user, how does the different platform still support this? Browsing via a mobile device often allows for two main navigation keys. Is this something we can (or should) mimic on a traditional webpage?

Like it? Share it! These icons link to social bookmarking sites where readers can share and discover new web pages.
  • bodytext
  • del.icio.us
  • Facebook
  • E-mail this story to a friend!
  • Print this article!
  • Mixx
  • Google
  • TwitThis
  • BlogMemes
  • Furl
  • Ma.gnolia
  • NewsVine
  • Pownce
  • Reddit
  • Sk-rt
  • StumbleUpon
  • Technorati

Space for hire

2 Comments »

Ah yes, I’ve forgotten one important web2.0 concept, how to generate buzz about your product: the elusive “invite code”. What is spock? Well.. it’s this new service… but you need an invite code! And someone I admire wants one! Therefore, I do as well!

How do I get the golden ticket? Well Michael Garrett over at detangled is offering up a few in exchange for a link to his blog. Well now there’s two examples of “buzz-generation”. Does formal marketing even work on the web these days? I found detangled through a web search for “spock request”, and actually found an interesting blog (one of his earlier posts also mentions internet advertising costs.. perhaps the reason why he thought to formally request people link to him, to drive readers to his site).

so regardless if whether or not you too are in search of the golden ticket, check out detangled.

</ gratuituous advertisement >

Like it? Share it! These icons link to social bookmarking sites where readers can share and discover new web pages.
  • bodytext
  • del.icio.us
  • Facebook
  • E-mail this story to a friend!
  • Print this article!
  • Mixx
  • Google
  • TwitThis
  • BlogMemes
  • Furl
  • Ma.gnolia
  • NewsVine
  • Pownce
  • Reddit
  • Sk-rt
  • StumbleUpon
  • Technorati

Architecting for the User Experience

No Comments »

Today I attended a three hour session at Microsoft on “Architecting for the User Experience“. It was geared towards architects and senior developers, so I thought I would check it out.

The first half of the session was a generic “What is UX” spiel. The take-home? “UX is a bloodbath and you need to fight for it, but it’s worth fighting for”.

There was a slide about how generally people felt UX = UI, and that the GUI was like icing on the cake; it could make it look good, but it couldn’t change any underlying problems. Having just attended a birthday party with three year olds last week, I wasn’t so sure this was a great analogy - put on enough icing and kids won’t even get to the cake!

A few links were tossed around:

“Questions about whether design is necessary or affordable are quite beside the point: design is inevitable.

The alternative to good design is bad design, not no design at all.”

– Douglas Martin (designer)

  1. Functionality: “works great”
  2. Aesthetic: “looks great”
  3. Interaction: “relates to you” (example was espresso machine that makes two cups)
  4. Process: emotional experience. Every moment you spend with something you dislike, you could be spending time better

I was bothered by the fact that the next slide said “business principals”. I will admit I was so caught up in the grammatical error that the point the speaker was making was lost on me… Hey, attention to detail….

The speaker (Josh Holmes) used some great examples of products that had great and poor user experiences. I had never seen the innovative pill bottles used at target, but I’ll admit they are of great design. He shared with us many interesting tidbits - did you know Harley davidson forecasts their next year’s sales based on the number of Harley Davidson tattoos being {what do you do with tattoos? create them? make them? commissioned, perhaps…} in a given year. Naturally I started thinking about brand and marketing, but I know that wasn’t on the formal agenda for the day…

Three questions to ask (and answer!):

  • What is desirable to users
  • What is viable
  • What is possible
  • The second half of the session was the sales demo. Josh mentioned the continuum of experience, from the web (ubiquitous) through to platform-optimized, with an intermediary of “richness” between them. In MS terms, it was “asp.net/ajax” to “silverlight” to “wpf”. I had heard of silverlight, but didn’t know much about it.

    I’m generally a bit skeptical of MS offerings, but I’ll admit, this stuff was slick. Earlier in the session we had talked about travel applications, and he brought up a silverlight demo of one. Now this thing is slick! An entirely different experience than that we’ve become used to when booking flights. Heck, it was fun. Is that the technology, or simply the vision? I’m not sure: flash/flex may be able to handle the same thing.
    I would link to a working demo, but I just tried installing silverlight, to no avail.. so here’s a blog post with some screenshots. *sigh… no comment*

    Josh pulled everything up on vista without any real explicit mention of it… and my initial impression was “wow, that looks like a mac!”

    Some general notes: MS is looking at 3 - 9 month release cycles, rather than years and years between releases. They released the 1.0 beta the same day as the 1.1 alpha.

    • Silverlight 1.0: this summer
    • Silverlight 1.1: (with or after orcas – dependent on CLR, late fall, early spring)
    • All apps run in the sandbox

      • Conceptually similar to HTML DOM sandbox
    • Apps run like HTML pages – click a URL
      • No elevation of privileges request
      • No way to get out of sandbox
    • Includes some additional functionality
      • Safe isolated storage
      • Client based file upload controls
      • Cross domain support in-work

    So what was the big sell? “So as .NET developers, what can this do for you?” (whoops, I’m not a .NET dev)
    The resounding answer was “No HTML!” Evidently “HTML is the COBOL of the web”

    Currently, designers design, and developers add business logic. XAML enables them to speak the same language.

    We got to see the entire suite:

    • Expression web: xhtml, css, xml, xslt “arguably one of the best css editors available”
    • Expression design: pro graphic designer tool (photoshop).
    • Expression blend: Visual studio for designers. Integration of art, images, text, video, 3d content
    • Expression media: supports over 100 file formats, version control, folder watching..

    No special hosting requirements (*.dll, *.xaml, *.js, *.html), cross platform client side functionality you can host anywhere.
    The speaker mentioned that he foresees a “technical director” role coming into the field in future years.

    Overall, I was pretty impressed with what I saw. I’m not generally a huge MS fan, but I’d be interested to see where this all goes…

    Like it? Share it! These icons link to social bookmarking sites where readers can share and discover new web pages.
    • bodytext
    • del.icio.us
    • Facebook
    • E-mail this story to a friend!
    • Print this article!
    • Mixx
    • Google
    • TwitThis
    • BlogMemes
    • Furl
    • Ma.gnolia
    • NewsVine
    • Pownce
    • Reddit
    • Sk-rt
    • StumbleUpon
    • Technorati

Designing Web Navigation: Optimizing the User Experience (not a book review)

No Comments »

I haven’t read this book yet, but that won’t prevent me from discussing it. Designing Web Navigation: Optimizing the User Experience book

I have been working with the author James Kalbach for several years. James is one of the most talented, dedicated Human Factors Engineers I’ve had the pleasure of working with. He has both a keen eye for detail as well as an uncanny ability to see the big picture. An expert in his own field, James often asked my advice or opinion on more technical questions or quandries, always looking to further his understanding of the possibilities and limitations affecting User Experience of online products.

I believe it was his former manager who mentioned that he was writing this book: James is not one to brag of his accomplishments. That being said, he did not write in a vacuum and would look to others for clarification or guidance.

I knew the book was due out sometime this year, but today I did a search on amazon and found it was actually released on the first of this month! My colleague had allowed this date to pass with no fanfare, but I eagerly shared the link with the other web developers I work with, and requested we bring it into the technical library at work. I will definitely pick up a copy myself, eager to have a resource I can refer to at length. I admire James and his work immensely and I look forward to seeing how his research and practices translate to the written word.

(Naturally, a book review to come!)

Like it? Share it! These icons link to social bookmarking sites where readers can share and discover new web pages.
  • bodytext
  • del.icio.us
  • Facebook
  • E-mail this story to a friend!
  • Print this article!
  • Mixx
  • Google
  • TwitThis
  • BlogMemes
  • Furl
  • Ma.gnolia
  • NewsVine
  • Pownce
  • Reddit
  • Sk-rt
  • StumbleUpon
  • Technorati

portfolio site

No Comments »

flash — “there is not end. there is no beginning”. circle of all these events that have added into who I am (language, travel?, web activities, school)

Like it? Share it! These icons link to social bookmarking sites where readers can share and discover new web pages.
  • bodytext
  • del.icio.us
  • Facebook
  • E-mail this story to a friend!
  • Print this article!
  • Mixx
  • Google
  • TwitThis
  • BlogMemes
  • Furl
  • Ma.gnolia
  • NewsVine
  • Pownce
  • Reddit
  • Sk-rt
  • StumbleUpon
  • Technorati

Fall coursework..

No Comments »

Just signed up for my fall coursework:

  • COMP 655 - Operating / Distributed Systems
    This course covers the concepts and design of distributed computing systems and distributed application programming. Topics include: the basic concepts of distributed systems (e.g., transparency, heterogeneity, network process communication), CORBA and related OMG technologies, and front-end development tools.
  • COMP 671- Verification and Testing
    This course focuses on the issues of delivering high quality software, especially in large complex systems. Topics covered include testing strategies (black box, white box, regression, etc.), unit testing, system integration, system verification and support tools. It also will reinforce the need for requirements that are testable and traceable from the early design stages.

Then I just have my capstone, and I’ll have completed my degree! The end is in sight!

Like it? Share it! These icons link to social bookmarking sites where readers can share and discover new web pages.
  • bodytext
  • del.icio.us
  • Facebook
  • E-mail this story to a friend!
  • Print this article!
  • Mixx
  • Google
  • TwitThis
  • BlogMemes
  • Furl
  • Ma.gnolia
  • NewsVine
  • Pownce
  • Reddit
  • Sk-rt
  • StumbleUpon
  • Technorati

Flash — not just for intros

No Comments »

I’ve started doing some reading up on flash, and I’ve found a few tidbits that’ve surprised me. No, flash is certainly no longer simply for splashy intros!

  1. Flash can tell if a user is using a screen reader. Sure, only a screen reader that supports flash, but the reference I found mentions Flash 6, so I’m thinking the article is several years old and support has but increased. I know the question of being able to detect a screen reader has been brought up before, but I’m still not sure how I feel about it. It seems like new age browser sniffing to me and I worry about the opportunity for misuse, where a non-flash site would simply check to see if a screen reader was being used before shuffling the user off to some minimalistic site.
  2. The FlashXMLHttpRequest object may be used to handle cross-domain requests.

That’s a far cry from my work morphing balls into boxes..!

Like it? Share it! These icons link to social bookmarking sites where readers can share and discover new web pages.
  • bodytext
  • del.icio.us
  • Facebook
  • E-mail this story to a friend!
  • Print this article!
  • Mixx
  • Google
  • TwitThis
  • BlogMemes
  • Furl
  • Ma.gnolia
  • NewsVine
  • Pownce
  • Reddit
  • Sk-rt
  • StumbleUpon
  • Technorati

Sputtr

No Comments »

I’ve decided to post some ’stream of consciousness’ posts on various sites/services I’ve come across. The posts may or may not be lucid and linear, but hopefully they will be thought- and comment-evoking…

Sputtr - http://www.sputtr.com

I’ve always been interested in ’search’, or perhaps I mean information retrieval/categorization. When I was a volunteer editor for dmoz, I ran copernic to try to find EVERY link related to a given subject. Occasionally I’d check out dogpile as a backup.

Once google came along, the model shifted. It was a matter of going one place and getting all relevant data. The pagerank algorithm helped bring back a single results set, so browsers (people, not user agents) did not need to sort through and remove duplicates, or look through ALL results for the most relevant/significant.

As time has gone on, however, and the content on the web has ballooned, there has been a trend towards custom search engines. To run a google search on, well, pretty well anything, returns a huge results set. The challenges involved with information management are no longer in finding results, but rather in sorting through them. Who doesn’t use bookmarks extensively anymore, be it within the browser, or via delicious or even digg? These latter social networking sites also help us find new information from a network or community, further aiding us in sorting out what others consider valuable or reliable information from the ‘less-so’.

Oh yes, back to sputtr. Users pick the ‘engine’ they want to search on, essentially performing source selection prior to searching. Is this an ‘extra step’ for the user to take prior to getting results back? Yes, but the way can choose their source and execute their search in a single click is elegant and non-obtrusive.

And yes, it has big fonts and it’s in beta. So it must be cutting-edge!

Like it? Share it! These icons link to social bookmarking sites where readers can share and discover new web pages.
  • bodytext
  • del.icio.us
  • Facebook
  • E-mail this story to a friend!
  • Print this article!
  • Mixx
  • Google
  • TwitThis
  • BlogMemes
  • Furl
  • Ma.gnolia
  • NewsVine
  • Pownce
  • Reddit
  • Sk-rt
  • StumbleUpon
  • Technorati

User Community and ROI

No Comments »

Part of the joys of working in the corporate environment is that the bottom line is always looming. The challenges involved in working within the Usability/User Experience/User Interface Design realm is that it can be hard to quantify the benefits of our work. Recently anything I’ve come across regarding the return on investment for UI has warranted a bookmark, if not an immediate read. Today I came across an article on User Community and ROI and as I went to share the link with some colleagues, it occurred to me: this is what I was doing back in 2000 when I first went to work on the web.

Remember collegeclub? (disclaimer, I see it’s still around, but it’s not the same site we knew back in the last millennium) Some friends received some venture capital to put together marketpenetration.net for Canadian