Archive for the 'design' Category

Designing an HTML tag . . . is actually fascinating

I’m getting up to speed on the upcoming tech wave by reading the finally published “HTML5 Up and Running”, by Mark Pilgrim. That sentence just feels sad (though necessary), but the first chapter of the book is really, really interesting. In a section titled “A Long Digression into how Standards Are Made”, Pilgrim walks us through a three week email thread that covers the origin and (pretty much) final resolution of the IMG tag.

The thread begins on February 25, 1993, with Marc Andreesen writing:

I’d like to propose a new, optional HTML tag:

Required argument is SRC=”url”.

This names a bitmap or pixmap file for the browser to attempt to pull over the network and interpret as an image, to be embedded in the text at the point of the tag’s occurrence.

An example is:

<IMG SRC=”file://foobar.com/foo/bar/blargh.xbm“>

(There is no closing tag; this is just a standalone tag.)

This tag can be embedded in an anchor like anything else; when that happens, it becomes an icon that’s sensitive to activation just like a regular text anchor.

Browsers should be afforded flexibility as to which image formats they support. Xbm and Xpm are good ones to support, for example. If a browser cannot interpret a given format, it can do whatever it wants instead (X Mosaic will pop up a default bitmap as a placeholder).

This is required functionality for X Mosaic; we have this working, and we’ll at least be using it internally. I’m certainly open to
suggestions as to how this should be handled within HTML; if you have a better idea than what I’m presenting now, please let me know. I know this is hazy wrt image format, but I don’t see an alternative than to just say “let the browser do what it can'’ and wait for the perfect solution to come along (MIME, someday, maybe).

Let me know what you think………

Cheers,
Marc


Marc Andreessen
Software Development Group
National Center for Supercomputing Applications
marca@ncsa.uiuc.edu

For the next three weeks, a number of programmer types, including Tim Berners-Lee, discuss a whole range of ideas for how this much-needed tag should be developed. It’s worth a read or two, since it highlights several open source, design, and software dynamics. Even in the note above you see a bunch of things:

  • The presence of shared, common language. One of the hardest things about organizations where teams are important is building a common vocabulary. Actually, it’s less about the vocabulary and more about building a precise understanding of what the words in the vocabulary mean. In my job, even the word ‘app’ can have too precise a meaning (iPhone or iPad app) or too loose (anything on the web that isn’t pure messaging or might contain a button). The thread started with the note above is remarkable for its precise, simple language and writing styles which conform to the expectations of other while personalities and passions still come through.
  • The idea is presented with a clear rationale, an awareness of its shortcomings, and a genuine openness to improvement and realization that something may have been missed. The thread goes on to propose some very different approaches to how to mark up images, and Andreesen ultimately sticks to his initial proposal but leaves things open to a better evolution saying “we’re not prepared to support [a different approach] at this point” and that specifics will be in place “for the time being.”
  • The conversation has a mix of ideal principles and the need to ship and finds a balance. More important, the decision-maker(s) are aware of the balance and compromise. Intel has an internal mantra that people need to “disagree, but commit” to the imperfect, different, or inferior solution that wins the day. Too often, that “commit”ment can turn into group-think that forgets that the decision needs to be revisited, involved necessary compromises, or creates serious problems elsewhere. Everyone on this thread is aware and keeps track of the issues that are left open or created while other issues are closed.
  • The thread operated comfortably and, again, in a self-aware fashion, at many altitudes. Tim Berners-Lee talked about user confusion while supporting the theoretical superiority of INCLUDE (a tighter, more pure, but more time consuming approach), another person suggests “maybe we should think about a general-purpose procedural graphics language” (let’s acknowledge that markup languages are not up to this and rethink the whole thing), while others tweak the proposed structure of the tag.
  • There is very little preciousness — about ideas, implementations, territory, intellectual/engineering integrity — to be found. I’ve worked with engineers, and written code myself, for almost a dozen years, and was surprised to the point of shocked to see how matter of fact, and yet rigorous, a group of programmers could be, especially on a medium (email) that was at the time new and where etiquette was still evolving.

    The book is worth a read and this chapter is really illuminating.
    You can view the Andreesen post and click through the thread here.

    Virtual shrug: Adobe’s upcoming ‘museum’

    GS&P just put out a gorgeous and inviting teaser/trailer for the Adobe Museum of Digital Media. It’s a beautiful, well executed virtual museum. The creatives have done some interesting things around conceiving of a virtual building that could live in any real city (or virtual rendering of a real city), and how to move about and recreate the sense of sight lines and movement of a real place.

    The whole exercise is a preview, so it’s hard to know what we’ll be seeing in August, but I tend to be pretty meh about virtual anything. It seems like an easy impulse that we’ve lived with for many years: put the word virtual in front of anything and you have a concept for digital, along with a baseline for solving most of your design problems.

    I did a talk last weekend to museum and art publishers about where e-Readers and interactive reading were going. To prep for the talk, I grabbed a bunch of art books for the iPad. In general, the results were far from magical. The interactions were banal, click and play kind of stuff. But, one of the books that horrified me was “The Art Authority”:

    img_0115.PNG img_0114.PNG

    Seeing this screen gave me flashbacks to early CD-ROM designs and BOB from Microsoft. Back then, we used metaphors and virtualizations because, I think, computers were new to people and we wanted them to feel comfortable and grounded. To do that, we tried to give them a sense of physicality.

    There are all sorts of problems with physicality in designing interactive/digital/screen-based experiences: 1) you use a lot of real estate for the interface-metaphor and therefore less space for the content; 2) the interface-metaphor behaves in an insistent way, continually making itself the center of attention, rather than fading back into the role of facilitator/quiet mediator of content; 3) interface-matephors pull you into a level of specificity that can actually break rather than create an illusion of physicality. As a result, most of them are cheesy or childish.

    To be clear, GS&P have gone farther and built something virtually that would be impossible in the real world. Already, we’re in the realm, then of speculative architecture rather than simple virtual thinking. And, as I mentioned above, the experience is beautiful and the space is interesting, so the speculative architecture aspect of the project is quite teh awesum.

    amdmexterior.png

    amdm-sketch.png

    But despite the coolness of the building, there’s still a need to justify the overhead of the interface-metaphor. In the physical world, you need a physical museum to show art. That physical world has requirements that make museums great architecture: the environment to protect the art, how crowds are managed, what the space for art encounters is like, what kind of art can be shown, what the building says about the art within, what an art viewing session is like, and what the building does for the viewer as a piece of art itself.

    The internet is already a ‘place’ where art is displayed. So, what do we get out of putting a virtual building in between the internet and the art that would normally live there? And is it worth the costs of the overhead (especially if people are viewing it on an iPad or something smaller)?

    The part that’s really interesting to me, is the way the video for the interviews was handled. There’s a satellite transmission aspect to the video, the purpose of which is unclear:

    amdmtalkking-head.png
    If I ventured to guess, I would say the idea was to stylistically degrade the reality of the real talking heads to dial up the reality of the virtual building. But that graininess goes away when the trailer shows team meetings, so I can’t be sure. Leaving aside the motivation, however, the degraded scan lines do highlight, even or create discomfort with the larger metaphor by once again calling attention to what’s being done rather than than the art that will, eventually, be displayed.

    In a real museum (or I should say a Real Life Museum), the trailer would be about how the curators and the museums conceived of the show — how did we choose the themes and the art, what popular and academic understandings of the artists did we want to explore or explode, how did we arrive at the final works, what collaborations and personalities came to bear on the final product — not how the space was conceived.

    Enough. Twitter version:

    When we do virtual things, we need to ask, what’s the star of the show, what’s the point, is there balance, and are we serving the content?

    Finally, computation popularized

    For several years, Steven Johnson’s Emergence, E O Wilson’s Journey of the Ants, and Stephen Wolfram’s A New Kind of Science have bounced around in my head, inextricably/apophenically connected to ideas of creativity, invention, and generative systems. Wolfram’s book, which I could follow through the first three pages of each chapter before the specific science and maths lost me, came and went - people were open to its revelations, found none, then, it seemed, he sank into crankdom. But, in his TED talk, he seems to be pulling it together - computation science (as opposed to computer science or computing) is a source of ideas, beauty, computing power. Best line:

    in a sense we can use the computational universe as a way of getting mass customized creativity … to routinely do invention and discovery on the fly … and find all sorts of wonderful stuff that no engineer or incremental evolutionary process could ever come up with.

    Steven Johnson getting things right

    Steven Johnson is one of my favorite writers. With the exception of Interface Culture, I would gladly see every one of his books (Everything Bad is Good for You, EMERGENCE, Ghost Map, and even The Invention of Air) be made mandatory reading people in digital design, digital strategy, digital marketing. Johnson goes deep into cognitive patterns, longer arcs of human behaviors around entertainment, information-seeking, and learning and provides great frameworks for understanding the features and technologies that are usually the center of gravity in digital discussion.

    His Time article on the iPad does a nice job of setting the right tone for discussion. Rather than being millenial (Apple fanboys) or crotchety (iPad haters), he grounds the conversation in the longer arc of how we’ve envisioned computing in the last ten or so years:

    If you time-traveled back to 1995 and asked the leading futurists of that time where our machines were soon to take us, you might well have heard just as much rhapsodizing about document-centric interfaces as that about hypertext and the World Wide Web. The first generation of software interfaces forced the user to think too much about the tools, the story went, and too little about the task. …

    The weird thing about the iPad is that it has landed us 180 degrees from where we thought we were heading. The iPad interface — like the iPhone’s — tries to do everything in its power to do away with documents and files. There is no Finder or root-level file navigation. It’s apps, apps, apps, as far as the eye can see. According to the demo last week, the main way to launch iWork documents is by an internal document-selection process after launch, where your files are presented to you in a gallery format.

    I truly don’t know how I feel about this. It might be genius. Maybe most users are more confused by Finders and File Explorers than I’ve realized. But I can’t help thinking that if the iPad really wants to be a device that you might take on a business trip instead of the laptop, it’s going to need a little more document-centrism.

    Couple things to love here:

    - pointing out that there is a widget-centricity to the iPad. Hadn’t noticed it, but now that I think about it, it sounds like a bad way to make netbooks suck less.

    - The comment that “most users . . . might be more confused than I realized”, highlights another weird dynamic in the discussion — just how bad do laptops and netbooks suck? Aren’t hundreds of millions of people living with these supposedly “fatally flawed” devices? A lot of the dialogue about the iPad as netbook talk about how unpleasant people find computing, but is the problem of OS stability and feature bloat so bad that we need a neutered appliance to replace it?

    And what a great writer Steven Johnson is. I’ve been scribbling in my notebook, in evernote and two blog entries (this’n and this’n here) to get this idea across:

    The iPhone revolutionized smartphones, but I think we all accept that smartphones were in our future. There is no equivalent consensus that tablets or couch computers or casual computers are inevitably on the road ahead. We don’t even agree on the aims here: Is the iPad replacing the laptop or supplementing it?

    Anyway, a great article.

    iPad == high-end web appliance and that’s it

    One of the smartest designers I know gave a typically compact and smart assessment of the iPad:

    DOA. Apple does better (in the last 10 years or so) when it re-imagines categories, not when it invents them. I’m sure I will regret saying this, but that’s how I feel right now.

    It does a nice job highlighting Apple’s strengths (re-invent what’s out there after drafting on others’ experience in the market and with an unwavering focus on user experience), but it also hints at the bigger problem: it’s trying to be several categories (reader, netbook, bigger media player, game platform, web browser), under one technology (shiny, thin, touch screen, with none of those nasty mechanics that collect crumbs from your lunch) without being any one thing that is clearly needed.

    While Apple often wins by delivering better versions of stripped down, less function-laden things like the iPod, the iPad is doing this across too many categories and likely to fail in all but one:

    Reader Steve Jobs infamously said he would never do a reader because people don’t read anymore. He’s actually onto something — some people are passionate readers, while most do it casually. This means the number of passionate readers is too small for an e-reader to be as big as the iPod. The iPad won’t serve either audience well. It will suck for passionate readers: the battery life is dubious, the finger smudges will be a drag, and most important, the backlighting will be prohibitive. Jane Jepson, the creator of the OLPC screen and founder of Qi technologies (LED displays) likened reading from a computer screen to putting a flashlight in your eyes, it’s unsustainable for passionate readers. Casual readers won’t read enough for it to be worth dropping a big chunk of change and things like beach reading, subway reading will be dicey with a fancy device that large. The math will look better than the Kindle’s — spending $400 on a Kindle vs buying books is a quick and obvious decision for many — but the all-in-one argument is pretty weak when it comes to the reading.

    Netbook Jobs’s digs at netbooks totally miss the value they have for people who like having a portable work device. The iPad doesn’t replace the processing power or precise mousing needed for real apps like word processing or spreadsheets with graphics, and it’s still unclear whether typing on glass for extended periods of time (like writing something longer than an email or entering numbers into a budget) works for people.

    Bigger Media Player This one is tricky to guess, but I have a hard time picturing people dropping serious coin on a third screen that is bigger than their phone but smaller than their TV. Where would you use it? To watch something in bed before going to sleep? Is that worth the cost of getting a decent flat screen?

    Game Player Again, a risky proposition. What’s the market for people wanting to play games bigger than the iPhone but smaller than their console? What do those games look like? They’ll lack the immersion of a TV or computer screen game because it’s too small, but will they add to the little games of the iPhone?

    Web browser Right on! The video on apple.com references the superior web browsing experience of the iPad many many times, and they’re right. Having the iPad in the living room (with a remote built-in) so I can do quick simple email tasks (like writing “you’re very welcome” as in the video, or forwarding with “FYI”, or deleting what you don’t need) and look up baseball stats while watching the Yankees on an iPad is vastly superior to using overheated macbook or my crunched netbook keyboard. I do a lot of web stuff while I watch crap TV and baseball, and, as a reasonably affluent convenience-obsessed guy with some concerns about the aesthetics of my appliances, this might be enough to see my way clear to $500.

    But that’s it. The iPad will be a high-end version of the web appliance that we all talked about several years ago. Only it will be too fancy to use while cooking (one of the standard scenarios we all gushed about), and much too fancy for us to call it an appliance.

    Creativity, Chabon, and Hard & Soft Edges

    spacecraft_pota_cast2.jpgJust finished reading Michael Chabon’s Manhood for Amateurs, a collection of essays about being a father, son, husband, former child, and writer. I read the book almost immediately and instantly, underlining lots of passages and phrases (wasn’t available in Kindle). Interestingly, it looks like guys on goodreads.com dug it less than women (might be more accurate to say several man trashed it while women gave it consistently high marks).

    Beyond the observations about specifically male things, Chabon spends a great deal of time writing about how we flex our imaginations, and how we play and create as children and adults. He hits a lot of the same themes, through very different angles, as Gever Tully of the Tinkering School does in his various talks. While Tully talks about how we overprotect children and have lost the early male ritual of receiving a pocket knife, Chabon talks about the pointlessness of teaching his daughter how to ride a bike. When he rode a bike, he would disappear from his house for the entire day, exploring the neighborhood, visiting friends and just riding. Today, he feels like that has been supplanted through a fear of abductions and that kids have much less uncharted play time.

    That theme of uncharted comes up throughout these essays, especially in “The Splendor of Crap”, an essay where he talks about the importance of junk culture in imagination, childhood and even adult play. I just love this passage about the old TV show The Planet of the Apes:

    “There’s no doubt that the Planet of the Apes TV show was crap. Yes, the makeup was decent for its time, and the shows tried, in the dutiful manner of early seventies post-Star Trek, pre-Star Wars, TV SF to address weighty issues … But it remained a knockoff of a knockoff, the sequels to sequels, worked up by veteran TV hacks to fill up the spaces between Parkay margarine ads. What’s more, it was crap that flopped, canceled after only three months.

    But it had, crucially to my theory of what makes great mass art, the powerful quality of being open-ended, vague at its borders. In its very incompleteness, born of lack of budget, the loose picaresque structure, even its cancellation . . . it hinted at things beyond its own borders. There was room for you and your imagination in the narrative map of the show.”

    Along these lines, he is actually rather critical of Pixar films (the first voice I’ve come across doesn’t worship every aspect of Pixar and its work). Chabon describes today’s animated movies:

    The new studio-made CGI products are like unctuous butlers of the imagination, ready to serve every need or desire as it arises; they don’t leave anything implied, unstated, incomplete. There is no room in them for children. And so they never form the basis for my own kids’ games.

    sid28.jpgIn a different essay, he makes a point that actually snapped my head out of the book. His biggest gripe about Pixar is the way they make Sid the villain in Toy Story. When Sid puts dresses on the cowboys and mixes parts and breaks the toys to see how they work, Chabon asks, isn’t he doing exactly what kids are supposed to do with toys? I had unquestioningly bought into the movie’s narrative, but after that comment, the good kid reminds me of a nerdy toy collector, keeping things MIB (mint in box), and suddenly I realize that leaving aside the ham-fisted presentation of Sid’s sadism, I actually relate much more to the dirt and grime and dark of Sid’s place than our hero kid’s room.

    Not new, necessarily, to fans of Henry Jenkins’s Convergence Culture or Steven Johnson’s Emergence, but a nice twist.

    New ex. of making behaviors fun

    Nifty little exercise where a group of designers turn a train station staircase into a piano keyboard (a la the classic scene from Big) in order to get people to engage in the healthier behavior of taking the stairs rather than the escalator. THey conclude:

    “Fun can obviously change behavior for the better” and the slightly more difficult translation “Add fun changes common behavior”

    Minimalist UX, ID, IxD, Navigation

    I used to give interaction design candidates tests as part of the interview process. I would put a site on my computer screen, brief them against imaginary client requests and biases and then give them a half hour to analyze and respond to the brief.(*) Sometimes, I would pick a site that was related to their work or the client I was hiring for. But frequently, I would test them with the McMaster-Carr tool site.(**)

    The virtue of the McMaster-Carr site was that is was almost perversely ASCII-Nielsen and, in many, many ways right to do so. The company has literally dozens and dozens of categories and subcategories of equipment and parts and the home page used to list them all in a spray of text with only titled line breaks to separate them into the highest level categories. And when I say sprayed, I mean that they weren’t even in table form. They were strings of links, like sentences without verbs.

    It was right in many ways: it supported the CTRL-F behavior (which is faster than scanning any large list); the hierarchy and arrangement was familiar and unchanging; and it resembled the much more familiar tool catalog method of scanning. In short, text was efficient, and tables were unnecessary and even obstructive.

    So yesterday, I’m talking to my boss about interaction design and described this test (as a way of illustrating taste and judgment in design). When I went to the site, I was shocked to find a new design!

    mcmastercarr1.png

    mcmastercarr1.png

    Previously, the page would have had something like this:

    Fastening & Joining
    Screws & Bolts, Threaded Rods & Studs, Eyebolts, U-Bolts, Nuts, Washers, Shims, Helical &Threaded Inserts, Spacers & Standoffs, Pins, Anchors, Nails, Nailers, Rivets, Rivet Tools, Staples, Staplers, Key Stock, Retaining Rings, Cable Ties, Lanyards, Magnets

    But now they’ve added illustrations of the categories and pushed content lower. The illustrations still feel on-brand, as they have that grayscale line art feel of a big fat cheap paper catalog. But I’m not sure they’re adding any value. Does a seasoned contractor, craftsman, builder, etc. really need a picture of a lanyard? Isn’t he or she better served by that list that puts everything right in front of him and minimizes the need to scroll?

    Part of the answer may come in a later, and very useful, screen:

    mcmaster3.png

    Now when I say useful, I mean useful to me. Following my trip to MAKER Faire, I have gotten all middle-aged “Mister-Make-It-Fix-It-Tinker-I-Have-That-Tool-Guy” and am trying to fix anything that comes my way, including most recently, replacing a fastener on a new briefcase. During that repair effort, I got to use my Dremel(!) on a threaded rod(!!). I went to Home Depot with the fastener I needed to replace and the guy took me to a wall of drawers labeled threaded rod. I had no idea such things existed — a rod with threads! Not a screw, cuz that would have a cap. This was just a rod that was threaded. The picture above is a nifty guide for a reasonably intelligent, barely handy, person to solve problems, find products and get ideas.

    So perhaps, this was a rebrand to help McMaster-Carr reach out to a new type of DIYer. That would make sense of the home page. Someone at my level or slightly higher might find it really useful to see a U-bolt labelled as such or the difference between an anchor, a pin, and a rivet.

    Still, I’m sad to have lost my old test. It was great fun working at a hip shop like R/GA and asking people to evaluate a site so obstinately retro, yet well-designed. (Even more sadly, wayback doesn’t seem to have the old version.)

    (*) Disclaimer: I’ve had plenty of interviews where I was the candidate and was asked to give comments on the current site and the interviewer would site back and reject every idea: “done that” “users didn’t like it” “breaks a part of the site that is no longer there” “tech can’t do it”. A fairly obnoxious dynamic to my mind — if someone can do better than you with a site that you’ve been managing for years, you must be incompetent or not paying attention. Anyway, I’m always very clear with the candidate that there are no right answers, but that I just want to have a discussion, see the thinking, and watch the organization of the case he or she makes.

    (**) Not my idea originally, and not an original idea. I know several people who use the site as a benchmark of various ID philosophies and ideas.

    Tim Brown on Design to Design Thinking

    I’m still uncomfortable at the rush to make everyone designers when we mostly understand design as styling, but Brown makes some great points and highlights things missing from many design thinking talks:

    - design has been, and should be again, about big things

    - design has its routes in system, systemic, or integrative thinking (it’s pulling together threads in addition to polishing the stone)

    - design should start with humans.

    The last I would amend on two fronts. First, design can start with technology (”what can I do with this nifty thing?”) so long as it gets grounded in human needs. I’m hoping Brown doesn’t mean it as an either/or but is overmessaging this part as a pendulum swing. Second, I might say instead that design should map back to human needs and be inspired by them. Starting with humans could force us into a habit of asking people what they want when they don’t know the possibilities.

    Thinking about design thinking? Try thinking about design instead

    I’m in the middle of several threads with friends, co-workers, former co-workers, and the voices in my head about what to do with the on-again off-again me-che (meme + cliche, pron me-SHAY) of design thinking. Having just read Designful Company with others, I felt that the book and the me-che of design thinking makes it far too easy to say we’re all deisgners, or that a couple articles will help us do design thinking. I can’t resist quoting Dr Malcolm in Jurassic Park:

    I’ll tell you the problem with the scientific power that you’re using here: it didn’t require any discipline to attain it. You read what others had done and you took the next step. You didn’t earn the knowledge for yourselves, so you don’t take any responsibility… for it.

    So, I’m thinking, instead of thinking about design thinking, why not learn something about design? I’m not suggesting a career change, or even a massive effort to learn some new tools or software. Rather, read some books that help people understand the DNA, rhythm, and thought patterns of a design discipline. Dig deeper into a craft and see what makes it tick.

    I just love 101 Things I Learned in Architecture School. It’s quite literally a whole series of things — grand and trivial, obvious and subtle — that one would learn in architecture school. And, like all great books that dive deep into a specific area of expertise, it finds universal truths or univerally useful ideas. Examples:

    “Being process-oriented, not product-driven, is the most important and difficult skill for a designer to develop” — this emphasizes the importance of understanding the problem and putting the time into it, moving between concept- and detail-levels of the work, understanding the value of dead-ends and near-misses.

    If you can’t explain your ideas to your grandmother in terms that she understands, you don’t know your subject well enough — emphasis mine. The ability to communicate simply and clearly is something we all praise (and that I’ve praised here) or at least give lip service to. What I love about this is that it places the onus on the person — if you can’t do it, you’re not that good at it.

    A good building reveals different things about itself when viewed from different distances — much better than a big idea, how about having a rich idea?

    Less is more
    Less is a bore — yeah, yeah, not a news flash, but putting them on consecutive pages forces one to recognize that they are both truths and then think deeper about how and when to exercise them. Typically, we use the first to reflexively justify cutting something.

    True architectural style does not come from a conscious effort to create a particular look. It results obliquely - even accidentally - out of a holistic process. — it results obliquely!

    Roll your drawings for transport or storage with the image side facing bold — from the lofty to the mundane, but useful.

    On the parti:

    Some will argue that an ideal parti is wholly inclusive — that it informs every aspect of a building from its overall configuration and structural system to the shape of the doorknobs. others believe that a perfect parti is neither attainable nor desirable.

    Music to the ears of a person who is sick of the nattering insistence on having a ‘big idea’ when designing a large, complex, rich experience.

    Finally, my personal favorite, scanned directly:
    101vandykepoint.jpg

    101vandykepic.jpg

    Be careful of your design accents, or be careful of trying to create meaningful spaces where there aren’t any.

    Love it.

    For those who don’t remember the Dick Van Dyke Show (or Mary Tyler Moore before her show) or UHF:

    Next Page »