• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
Minimum Viable Web: edUi 2012
 

Minimum Viable Web: edUi 2012

on

  • 2,128 views

 

Statistics

Views

Total Views
2,128
Views on SlideShare
2,114
Embed Views
14

Actions

Likes
1
Downloads
10
Comments
0

1 Embed 14

https://twitter.com 14

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    Minimum Viable Web: edUi 2012 Minimum Viable Web: edUi 2012 Presentation Transcript

    • The  Minimum  Viable  Web Kristofer  Layon edUi  —  September  25,  2012 Richmond,  Virginia ©  2012  Capella  Educa@on  CompanyWelcome to my presentation about the Minimum Viable Web. “Minimum viable” is a productmanagement term, used to bring a disciplined focus to increasing the value of a product. Soas the title implies, this presentation focuses on how to improve the web by managing it as aproduct that can be continually and iteratively improved.
    • 1. The Victorian Web 2. Modernism 3. Human Modernism 4. Mobile 5. Product Management The Minimum Viable Web | Kristofer Layon | edUi — September 25, 2012Here is a preview of what I am going to cover. I’ll begin by looking at how design hashistorically been overly elaborate, undemocratic, and not very responsive andaccommodating of change. Then we’ll look at how Modernism altered that, and what we canlearn from this to become better managers of the things that we design and build for onlineuse.
    • 1. The Victorian Web The Minimum Viable Web | Kristofer Layon | edUi — September 25, 2012To best understand the Minimum Viable Web, we should first review how the web has beendesigned up until a few years ago. For the first 15 years or so, the web was stuck in theequivalent of the Victorian Age. An age in which designers paid a lot of attention to elaboratevisual presentation, often at the expense of focusing on content quality and responsivenessto environment.
    • Part One: The Victorian Web The Minimum Viable Web | Kristofer Layon | edUi — September 25, 2012I remember when I was pulled into the Victorian Web — it was nine years ago, when the CSSZen Garden web site was brand new. Dave Shea created the site to showcase the power ofCSS; two years later, Peachpit published a book that was inspired by the site and written byShea and co-author Molly Holzschlag.
    • Part One: The Victorian Web The Minimum Viable Web | Kristofer Layon | edUi — September 25, 2012CSS Zen Garden is still pretty cool. The trouble is, it’s also kind of dangerous. As what CSSdoes in web standards, CSS Zen Garden separates style from content. So at the time, this feltliberating because it freed designers from cramming visual design into HTML tables.
    • Part One: The Victorian Web The Minimum Viable Web | Kristofer Layon | edUi — September 25, 2012Except I think these examples separate design from content a bit *too* much. As you lookthrough the CSS Zen Garden designs today, you get pulled into them as pictures. At theexpense of the content, which becomes secondary to the visual examples.
    • Part One: The Victorian Web The Minimum Viable Web | Kristofer Layon | edUi — September 25, 2012And when you get to themes like “Under the Sea” that feature a giant squid, you realize thatthere’s a complete disconnect between the style and content. It’s fun, beautiful, andgraphically well-designed. But the designs in these examples are superfluous. They’re pureornamentation.
    • http://karenswhimsy.com/public-domain-images/victorian-dresses/images/victorian-dresses-2.jpg The Minimum Viable Web | Kristofer Layon | edUi — September 25, 2012We’ve had plenty of other examples of elaborate ornamentation in design. This example of anilluminated manuscript is not only much older, but it is a bit different: it’s a complete fusionof style and content. It’s actually the print equivalent of laying out web pages in tables. So thesituation of favoring elaborate ornamentation in design is several centuries old.
    • http://sf.blueherontours.com/2010/09/victorian-ferndale.html The Minimum Viable Web | Kristofer Layon | edUi — September 25, 2012We see predecessors of the Victorian Web in Victorian architecture too. And I don’t mean tosay that this design is terrible — it isn’t. Nonetheless, the vibrant colors and intricateornamentation don’t have much to do with the function of the architecture. Arguably, it’sanother example of excessive design. It’s certainly not a minimum viable design.
    • http://karenswhimsy.com/public-domain-images/victorian-dresses/images/victorian-dresses-2.jpg The Minimum Viable Web | Kristofer Layon | edUi — September 25, 2012And in fashion: quite a bit like CSS Zen Garden for the web. Only here, apparel is mostlyornamentation and style. It’s not designed to be lived in, to be accommodating, to beresponsive. This is stiff, formal dress. Excessively so. And it reflected values of the era: lackof freedom, lack of flexibility, lack of self-expression. Again, not at all a minimum viableapproach.
    • 2. Modernism to the Rescue The Minimum Viable Web | Kristofer Layon | edUi — September 25, 2012But I suggest that Modernism can help us — Modernism appears to do a better job atfocusing on what minimum needs are. And this is not about visual style, it’s about beingfocused.
    • (form follows function) The Minimum Viable Web | Kristofer Layon | edUi — September 25, 2012In fact, Modernism was itself a sea change and has been helping to reinvent design for acentury. The central tenet of Modernism is paring back form and ornamentation, andprioritizing function instead. Sounds like a good way to proceed with a web that is aminimum viable solution instead of excessively ornamented in ways that won’t always delivervalue.
    • http://mit81.com/baker/sites/default/files/images/aalto.jpg Alvar  Aalto (1898-­‐1976) The Minimum Viable Web | Kristofer Layon | edUi — September 25, 2012Alvar Aalto: a pioneer of Modern design from Finland. And I don’t think it’s a coincidence thata pioneer of Modernism was from Finland, as Finns are culturally focused on beingdetermined about simplicity. This is due to a mix of circumstances where they had largeperiods of history defined by being frugal, isolated from the rest of the world, and dominatedby their neighbors.
    • The Minimum Viable Web | Kristofer Layon | edUi — September 25, 2012An iconic example of Modernist design is the Savoy Vase by Alvar Aalto. It demonstrates howelegant form doesn’t need ornamentation to be effective and even beautiful. This is form,function, and material in perfect balance. The glass is allowed to express its own beauty andtruth. Just as web material — content — should.
    • http://www.creativereview.co.uk/images/uploads/2011/04/londonundergroundsign1_0.jpg The Minimum Viable Web | Kristofer Layon | edUi — September 25, 2012Modernist homes follow a similar sensibility. They break down the barriers between form andfunction, and even between inside and outside. Modernist architecture also reduces barriersbetween nature and human life via its transparent, expansive planes. In many ways, it worksvery nicely.
    • http://www.creativereview.co.uk/images/uploads/2011/04/londonundergroundsign1_0.jpg The Minimum Viable Web | Kristofer Layon | edUi — September 25, 2012And by allowing materials to be presented in a pure and unadulterated manner, their innerbeauty and inherent structural qualities are allowed to be directly expressed. The design isminimal — just enough to enhance the material and structure.
    • 3. Human Modernism — Focus on People The Minimum Viable Web | Kristofer Layon | edUi — September 25, 2012Modernism is sometimes criticized for being cold, detached, and mechanical. And someexamples are. I would argue that the best Modernism, however, is intensely focused onhuman needs and desires. Human Modernism.
    • (or the advent of user-centered product design) The Minimum Viable Web | Kristofer Layon | edUi — September 25, 2012Human Modernism is people-centered. And this Modernism introduced us to product design:using design to advance what people can do, and to help them do things better.
    • The Minimum Viable Web | Kristofer Layon | edUi — September 25, 2012Another example from Aalto: this isn’t just an aesthetic design for a sink. Aalto studied howwater came out of faucets and splashed in and out of sinks. His sink design minimizessplashing, thereby also making the sink quieter to use.
    • http://en.wikipedia.org/wiki/File:Edward_Johnston.png Edward  Johnston (1872-­‐1944) The Minimum Viable Web | Kristofer Layon | edUi — September 25, 2012One of my favorite examples of human-centered Modernism is in graphic design. It involvedtwo contributors, Edward Johnston and Harry Beck. Johnston designed one of the firstModern sans-serif typefaces for the London Underground. Named after him, Johnston is stillused today for all signage and the London Underground’s map.
    • http://harrybeck.com/ Harry  Beck (1902-­‐1974) The Minimum Viable Web | Kristofer Layon | edUi — September 25, 2012Harry Beck redesigned the map itself, reinventing how mapping could be done.
    • http://silviakarcheva91.files.wordpress.com/2011/04/img00311.jpg The Minimum Viable Web | Kristofer Layon | edUi — September 25, 2012Prior to Beck’s and Johnston’s involvement, the London Underground’s map was rathertypical: the map was a bit too literal to be very useful, and the typographic design was notvery refined.
    • http://www.tfl.gov.uk/assets/images/general/beckmap1.jpg The Minimum Viable Web | Kristofer Layon | edUi — September 25, 2012The new design is a refined minimalism. The rail lines are much more cleanly depicted, makeit much easier to pick routes from one point to another. Stations are more clearly labeled withtype that is easier to read. And it is all color-coded to help customers quickly distinguish oneline from another.
    • http://shop.tfl.gov.uk/SiteData/Root/PrintShop/underground_map.gif The Minimum Viable Web | Kristofer Layon | edUi — September 25, 2012The redesign persists today, and even though it has been updated the core design is verymuch unchanged. Moreover, the London Underground map has become the template for allnearly other mass transit maps in production today around the world.
    • http://markoffaith.files.wordpress.com/2011/10/london_underground_sign.jpg The Minimum Viable Web | Kristofer Layon | edUi — September 25, 2012Beck and Johnston did more than redesign the map: they extended their typography andgraphic standards to station signage and other communications. The result is one of the firstcorporate branding standards in history, and it remains one of the most recognizable brandsin the world — even to people who have never been to London.
    • http://www.creativereview.co.uk/images/uploads/2011/04/londonundergroundsign1_0.jpg The Minimum Viable Web | Kristofer Layon | edUi — September 25, 2012An example of a London Underground station sign, showing how outstanding its readabilityis and how easy to spot it is (even in the midst of busy Victorian architecture!).
    • http://www.creativereview.co.uk/images/uploads/2011/04/londonundergroundsign1_0.jpg The Minimum Viable Web | Kristofer Layon | edUi — September 25, 2012Analyzing the London Underground further, it is important to consider its advertising. Notethe content: it is not focused on the service itself or its technology. It is instead focused onpeople’s needs and interests. Here, the ad makes the case that one can take the train to seethe Wimbledon tennis tournament.
    • It is always better to be slightly underdressed. Coco Chanel The Minimum Viable Web | Kristofer Layon | edUi — September 25, 2012Fashion is another example of design being revolutionized by Modernist thinking. One wouldthink that clothing has always been human-centered, but remember those elaborate Victoriandresses? Enter Coco Chanel: she pared fashion back to simple elegance, and made the casethat women’s fashion design could be progressive and liberating, not stifling.
    • http://www.chanel.com/ The Minimum Viable Web | Kristofer Layon | edUi — September 25, 2012Of course, Chanel is also a widely-recognized brand represented by a clean wordmark. Thedouble-C design has a double-meaning: it is Coco’s initials, and also represents the gold andsilver chains that she adorned her handbags with.
    • http://www.chanel.com/ The Minimum Viable Web | Kristofer Layon | edUi — September 25, 2012Today, the tradition of Chanel is still the same: simple and elegant design, best representedby the classic “little black dress” and black handbag accessory.
    • 4. Mobile Can Help Us Make the Web Better The Minimum Viable Web | Kristofer Layon | edUi — September 25, 2012So what can we learn from these examples? I think the lessons are: we should learn how todesign better by taking fewer risks, focusing more on human needs, and letting the essenceof our design be the least amount of design necessary to facilitate our product’s content orservice.
    • The Minimum Viable Web | Kristofer Layon | edUi — September 25, 2012Stephanie Rieger, a mobile designer in Scotland, made a similar case about web design inMay of this year..
    • The Minimum Viable Web | Kristofer Layon | edUi — September 25, 2012I like how she is thinking here, because it’s less about making a new mobile site or even anexisting site mobile-optimized. She’s instead posing a different question: shouldn’t all sitesbe lightweight? Shouldn’t all sites be minimally designed and with minimal content?
    • http://extraecclesiam.files.wordpress.com/2010/03/haiti-earthquake-damage-ee602c9091fd9e2b.jpg The Minimum Viable Web | Kristofer Layon | edUi — September 25, 2012Going back to design that isn’t lightweight or able to respond adequately to its environment,look at where that leads to problems in architecture: here’s the palace in Port-au-Prince,Haiti, after earthquake there in 2010.
    • http://media.sacbee.com/static/weblogs/photos/images/2010/aug10/katrina_five_sm/katrina_five_18.jpg The Minimum Viable Web | Kristofer Layon | edUi — September 25, 2012Similarly, if we design beautiful houses but build them in places subject to hurricanes, wealso take risks. Are these risks worth it? What are we really in control of here? This is a way tosee what happens when our minimum viable design does not take environment into account.
    • http://papers.risingsea.net/images-for-rolling-easements/Photo29.jpg The Minimum Viable Web | Kristofer Layon | edUi — September 25, 2012Hurricane Katrina was the ultimate example of demonstrating human folly: designing anentire modern city in a place where it can be completely inundated by a hurricane. Our designis only viable until it is exposed to environmental forces that we cannot control.
    • The  dike  has  broken  on  our  web  designs. The Minimum Viable Web | Kristofer Layon | edUi — September 25, 2012And so it is with mobile devices and the web: the dike has broken around the designs wethought were beautiful and safe. We are now designing in a new environment. Will ourdesigns respond to these changes?
    • To design is to communicate clearly by whatever means you can control or master. Milton Glaser 1929- The Minimum Viable Web | Kristofer Layon | edUi — September 25, 2012Milton Glaser puts the hurricane and earthquake devastation slides in a new light. Clearcommunications, and successful design, are centered on things that we can control. Weshould minimize our investment in design that can be changed by external forces that arebeyond our control. Such design investment in more than is necessary is risky. How muchrisk do we want to take?
    • It is not the strongest of the species that survives, nor the most intelligent, but the one most http://www.goodreads.com/ responsive to change. Charles Darwin 1809-1882 The Minimum Viable Web | Kristofer Layon | edUi — September 25, 2012Or as Charles Darwin puts it, after studying variation in species that led to his theories onevolution.
    • http://en.wikipedia.org/wiki/Darwins_finches The Minimum Viable Web | Kristofer Layon | edUi — September 25, 2012Darwin believed he found evidence of evolution in the natural variation within species such asbirds. Each of these birds has a different beak shape, which Darwin proposed was due toconstant, iterative changes that happened as the birds who were best-suited for theirenvironments prevailed and reproduced.
    • http://chickenoreggblog.files.wordpress.com/2010/04/800px-wooly_mammoth-rbc.jpg The Minimum Viable Web | Kristofer Layon | edUi — September 25, 2012Whereas the example of the Wooly Mammoth is one of inability to respond enough, or controlenough variables, in its environment through adaptation. It likely died because ofenvironmental change and being hunted to extinction by humans.
    • http://www.lukew.com The Minimum Viable Web | Kristofer Layon | edUi — September 25, 2012So here is the changing environment of web browsing: smartphone sales eclipsed sales ofPCs 2 years earlier than originally projected by Wall Street analysts.
    • How will your design (and organization)weather the changes to its environment? The Minimum Viable Web | Kristofer Layon | edUi — September 25, 2012
    • Don’t redesign. Respond and reprioritize.The Minimum Viable Web | Kristofer Layon | edUi — September 25, 2012
    • Part One: The Victorian Web The Minimum Viable Web | Kristofer Layon | edUi — September 25, 2012Here is an example of investing too much design time into something that does not providevalue. We can spend a lot of time designing the perfect background image for our Twitterstream when viewed on desktop...
    • The Minimum Viable Web | Kristofer Layon | edUi — September 25, 2012But here’s the mobile experience. The background image is gone. And the majority of Twitteruse is mobile, so a minority of users ever see the design of the background image. Yet here,the minimum viable design still prevails; what matters is still visible and it works. Only theadditional ornamentation has been lost.
    • 5. Product Management The Minimum Viable Web | Kristofer Layon | edUi — September 25, 2012The discipline of product management helps us focus on user-centered needs and the leastamount of design and product that is necessary to meet them. It also emphasizes acontinuous feedback loop of revalidating design solutions with users, making designadjustments, delivering new improvements, and repeating for continuous improvement. Butstarting with just enough to get going.
    • The Minimum Viable Web | Kristofer Layon | edUi — September 25, 2012In August 2011, Dan Cederholm wrote a great post on his Simplebits blog about mobileoptimization.
    • The Minimum Viable Web | Kristofer Layon | edUi — September 25, 2012Dan has always struck a chord with me: his low-key, sincere, New England sensibility resultsin clear, beautiful designs and outstanding presentations. His design has alwaysencompassed the best of Modernism: it’s spare and simple, yet very warm and human at thesame time.
    • The Minimum Viable Web | Kristofer Layon | edUi — September 25, 2012An August 2011 blog post by Dan made me happy for two reasons: first, he validated myexcitement for mobile and responsive design, saying that it finally felt like web design. Yes!
    • The Minimum Viable Web | Kristofer Layon | edUi — September 25, 2012But more importantly, he also walked through the first mobile version of Dribbble.com. Henoted that because it was an existing site with a tiny team, building anew with mobile firstwasn’t a great option for them.
    • The Minimum Viable Web | Kristofer Layon | edUi — September 25, 2012So taking baby steps is what they did: doing something, even if it’s not perfect or startingwith mobile first. This is exactly what I think everyone should do, too, if they’re not in aposition to jump into mobile first. Just take baby steps instead. Small, iterativeimprovements. You can always do more later.
    • Determining  priority: Maslow’s  Hierarchy  of  Needs The Minimum Viable Web | Kristofer Layon | edUi — September 25, 2012But not going mobile first does present other challenges. If you can’t do it all at once withrespect to mobile optimization, where do you begin? How do you decide? I suggest taking alook at Maslow’s Hierarchy of Needs.
    • http://en.wikipedia.org/wiki/Abraham_Maslow Abraham  Maslow (1908-­‐1970) The Minimum Viable Web | Kristofer Layon | edUi — September 25, 2012Abraham Maslow was a pioneering developmental psychologist whose research and writingfocused on his theory of a hierarchy needs, motivation, self-actualization, and humanpotential.
    • Abraham Maslow, A Theory of Human Motivation, 1943 The Minimum Viable Web | Kristofer Layon | edUi — September 25, 2012This graphic of Maslow’s theory of human motivation illustrates needs in a pyramid, with themost fundamental needs at the bottom. Each layer needs to be met before you are able tofocus on the next level of needs. The first four layers are basic or “deficiency needs”; the toplayer is unique and the most advanced, considered “being needs”.
    • Local  storage Offline Web  sockets Transions HTML 5 Performance Respond Share Read Pinch+Zoom See Navigate Mobile Kristofer Layon, A Theory of Human Motivation, 2012 The Minimum Viable Web | Kristofer Layon | edUi — September 25, 2012I think this hierarchy can be used to systematically analyze features or enhancements to theweb, too. We need to be able to see and navigate above all else. Then we can focus onreading, and thereafter responding and sharing. After that, how fast or well this happens(performance) is important. Then there are “extras” like HTML 5.
    • You can have more than one group of priorities, yet everything can’t be a priority. Product management is about identifying needs and managing priorities to achieve satisfaction. The Minimum Viable Web | Kristofer Layon | edUi — September 25, 2012The discipline of product management is the discipline of analyzing a variety of needs,putting them in priority, and working with a team to focus on the right priorities, at the righttime, for the right reasons. It requires a blend of market understanding, savvycommunications and diplomacy, and enthusiasm for improving a product. But also patiencefor doing smaller amounts at a time.
    • The Kano Model The Minimum Viable Web | Kristofer Layon | edUi — September 25, 2012Another tool for analyzing product attributes is to use the Kano Model, originally developedfor the Japanese auto industry. It breaks product attributes down into three categories. Notethat the different categories yield different results because of their varying importance.
    • http://www.van-cafe.com/shop/images/22S.419.091C.jpg The Minimum Viable Web | Kristofer Layon | edUi — September 25, 2012A quick explanation by way of analyzing a car: a basic feature of a car is a steering wheel. Inother words, not having a steering wheel is a fundamental problem. It’s a basic requirement,so long as cars are actively steered by a human driver (maybe someday they won’t be).
    • http://wac.450f.edgecastcdn.net/80450F/973thedawg.com/files/2011/11/fuel-gauge.jpg The Minimum Viable Web | Kristofer Layon | edUi — September 25, 2012A performance attribute of a car is fuel efficiency. The less fuel it needs, the less it costs tooperate the car. This is enhanced performance.
    • http://1.bp.blogspot.com/-7y-e8Fm1_Ik/T6rYexg6AOI/AAAAAAAADOA/ELLTW_Lc5XQ/s1600/Crazy+Hair+Kelli.jpg The Minimum Viable Web | Kristofer Layon | edUi — September 25, 2012A delightful feature of a car could be a convertible top. Putting it down lets you sit in the sunand have the wind blow through your hair. It can make a car a lot of fun to drive, but itdoesn’t aid in performance and it is also not a basic function of a car.
    • The Minimum Viable Web | Kristofer Layon | edUi — September 25, 2012In approaching a product, we can see how managing features and priorities with the Kanomodel can work. If we are building a car, it has to start with the basics like a frame.
    • The Minimum Viable Web | Kristofer Layon | edUi — September 25, 2012Then it needs other basic attributes: additional body parts and a steering wheel.
    • The Minimum Viable Web | Kristofer Layon | edUi — September 25, 2012And it most certainly needs wheels -- another basic requirement.
    • The Minimum Viable Web | Kristofer Layon | edUi — September 25, 2012A windshield is mostly a basic requirement as well. But it also has performance attributes: ithelps make the car’s shape more streamlined, which aids in energy efficiency.
    • The Minimum Viable Web | Kristofer Layon | edUi — September 25, 2012An add-one feature like a light bar on the roof is mostly a desirable attribute. Some peoplemight think it looks cool; it’s not a basic or performance feature.
    • The Minimum Viable Web | Kristofer Layon | edUi — September 25, 2012The right balance of basic, performance, and desirable features makes the owner of the carhappy and satisfied.
    • The Minimum Viable Web | Kristofer Layon | edUi — September 25, 2012On the other hand, the wrong balance of the three Kano attributes can get you in trouble.You don’t want to prioritize performance and desirable features until you have all of theessential basic features delivered. Desirable or performance features cannot make up formissing basic features.
    • http://www.dilbert.com Executives like graphs. The Minimum Viable Web | Kristofer Layon | edUi — September 25, 2012A blend of these tools and visualizations are very helpful. Not just to help a product managermake decisions, but also to communicate them. Another key element of productmanagement is making everyone— from your customers and stakeholders to your designersand developers— understand how you are setting priorities. Charts and graphs can be veryhelpful and persuasive.
    • 5 4 http://www.veteranautocsodak.hu/kepek/trabant60126.jpg 3 2 1 Basic Performance Delight Trabant Kano attributes The Minimum Viable Web | Kristofer Layon | edUi — September 25, 2012Here’s another example of how Kano analysis can be used to assess a product. This examplebegins with the Trabant, an East German car produced until the late 1980s when East andWest Germany were reunified. As westerners, we would probably assess this product in thisway: all 1s on a 5 point scale.
    • 5 4 http://www.veteranautocsodak.hu/kepek/trabant60126.jpg 3 2 1 Basic Performance Delight Porsche Kano attributes The Minimum Viable Web | Kristofer Layon | edUi — September 25, 2012Similarly, we might determine that a Porsche, another German car, would be all 5s. It notonly meets the basic requirements for a car, its performance is high, and it’s beautiful anddelightful to drive.
    • 5 4 http://www.veteranautocsodak.hu/kepek/trabant60126.jpg 3 2 1 Porsche Basic Performance Delight Parent of 3 children Kano attributes The Minimum Viable Web | Kristofer Layon | edUi — September 25, 2012On the other hand, it’s important to know your customers. What if the customer I’m trying tosatisfy is a parent of three children? Then a Porsche would rate lower on basics— not enoughroom for those kids. Performance-wise, it’s also an inefficient vehicle for family tasks likegetting groceries. It’s still delightful, but not a solid 5 points for this customer.
    • 5 4 http://www.veteranautocsodak.hu/kepek/trabant60126.jpg 3 2 1 Toyota Minivan Basic Performance Delight Parent of 3 children Kano attributes The Minimum Viable Web | Kristofer Layon | edUi — September 25, 2012Whereas a Toyota minivan, which is decidedly unexciting and common, would rate highly inall categories for a family with several children. It has a lot of room, is fuel efficient, can haula lot, and has doors you can open remotely. It’s a great mix of basic, performance, anddelight for that customer.
    • 5 4 http://www.veteranautocsodak.hu/kepek/trabant60126.jpg 3 2 1 Trabant Basic Performance Delight East German in 1985 Kano attributes The Minimum Viable Web | Kristofer Layon | edUi — September 25, 2012Returning a moment to the Trabant: before the demise of the Iron Curtain and theintroduction of a free market to a reunified Germany, the Trabant was a good car. Because itwas the only car available. Another example of context for product success: time and place.
    • 5 4 http://www.veteranautocsodak.hu/kepek/trabant60126.jpg 3 2 1 Trabant Basic Performance Delight East German in 2012 Kano attributes The Minimum Viable Web | Kristofer Layon | edUi — September 25, 2012But after reunification and the introduction of a free market and consumer choice, no onebought Trabants any more so production of it eventually stopped. The larger forces around itchanged its value. The dike had broken. Just like the powerful forces of mobile have reducedthe value of our old Victorian web designs. Are our old web designs just as irrelevant andoutdated as a Trabant?
    • The Kano Model The Minimum Viable Web | Kristofer Layon | edUi — September 25, 2012So going back to a Kano graph, focus on delivering all basic value to your users first. Thendetermine how to add performance or delightful features. Leaving a basic feature incompletewill result in users thinking it is inadequate or even broken.
    • The Kano Model The Minimum Viable Web | Kristofer Layon | edUi — September 25, 2012But completing all basic requirements, and then adding something that enhancesperformance or delight, should make users satisfied and even very happy with your product.
    • Product roadmap The Minimum Viable Web | Kristofer Layon | edUi — September 25, 2012Determining a Minimum Viable Product, and then prioritizing how to continue improving it,can be done using a variety of tools. The Kano Model is one; a product roadmap is another.The roadmap helps you plan enhancements over time. The next quarter might be morecertain; after that, you might not be sure yet which priorities will rise to the top. Andsometimes priorities change.
    • http://www.wengerna.com/ The Minimum Viable Web | Kristofer Layon | edUi — September 25, 2012By using market data to inform usefulness, setting priorities, and learning how to say no tothings that users don’t need, you can avoid designing a mobile app or website that ends uplike this: trying to do everything for everyone that, in the process, ending up being toocumbersome to make anyone happy.
    • http://www.wengerna.com/ The Minimum Viable Web | Kristofer Layon | edUi — September 25, 2012What you want to aim for instead is the most elegant solution for your users’ needs, and thatis often pared down to something more simple. And possibly even smaller, but more thanone solution, to address different types of user personas.
    • The Minimum Viable Web | Kristofer Layon | edUi — September 25, 2012The very best example of a Minimum Viable web product with a Modern design, yet highperformance and even delightful features, is Google search. It essentially does neets nothingmore than a single, well-defined need — except for “I’m Feeling Lucky” and Google doodles(Star Trek example).
    • Minimum Viable Design: • Start with people. • Design from your content out. • The least amount of design and development necessary to meet a need. • Iterate and add only if more is requested. • The result: a more simple, lightweight solution. The Minimum Viable Web | Kristofer Layon | edUi — September 25, 2012Minimum Viable Web design starts with human needs and the content or services people areseeking. It priorities content in a hierarchy, and then only adds as much visual enhancementas necessary. The results should aim to work on any device. If they work on a small screen,they will work on a large screen (and can always be progressively enhanced further fordesktop).
    • Online Product Management: • Get away from your desk – talk to people. • Get market data, then write user stories. • Road map product enhancements. • Prioritize, estimate, prototype solutions. • Be agile: iterate, deliver, evaluate, and repeat. The Minimum Viable Web | Kristofer Layon | edUi — September 25, 2012Web Product management are the tools and processes you can use to develop the rightMinimum Viable Web for your customers. They are also the tools and processes you can useto develop strong relationships with everyone involved: customers, stakeholders, designers,and developers. It’s your job to make everyone understand your web product’s direction.
    • The Minimum Viable Web | Kristofer Layon | edUi — September 25, 2012If you are interested in approaching mobile design from a Minimum Viable approach, youmight want to check out a book that I wrote last year entitled “Mobilizing Web Sites”.Although it predates Dan Cederholm’s approach to Dribbble’s mobile design, it takes thesame idea of prioritizing baby steps of improvement to gradually make a fixed-width sitemore responsive to mobile screens.
    • @klayonkris.layon@gmail.com kristoferlayon.comThe Minimum Viable Web | Kristofer Layon | edUi — September 25, 2012