TE
TechEcho
Home24h TopNewestBestAskShowJobs
GitHubTwitter
Home

TechEcho

A tech news platform built with Next.js, providing global tech news and discussions.

GitHubTwitter

Home

HomeNewestBestAskShowJobs

Resources

HackerNews APIOriginal HackerNewsNext.js

© 2025 TechEcho. All rights reserved.

Skeuomorphism is the easy way out

65 pointsby dkoover 12 years ago

15 comments

crazygringoover 12 years ago
Skeumorphism is no more an "easy way out" than black Helvetica on a white background is an "easy way out". They can both be used appropriately, or used badly and in excess.<p>The address book in OSX is an example of bad skeumorphism -- it's a fake book with pages that don't actually turn, trying to shoehorn "advanced" computer technology into a visual representation that doesn't work. It's a bad metaphor, a bad analogy. It confuses more than it helps.<p>The "Notes" application on OSX is a fantastic use of skeumorphism. The legal-pad look shows us at a glance that it's for taking notes, which a plain white background wouldn't do. The analogy between individual note documents and pages is perfect. Anyone can use it instantly, without worrying where documents are saved or anything like that.<p>The fundamental question is, are design choices helping or hindering understandability and usability? Apps and the web have evolved conventions like share icons and tabs and underlined/colored links, etc. which people understand. Skeumorphism just adds vocabulary from the physical world to the toolbox.<p>And in the opposite direction of skeumorphism, I think the SVBTLE blog platform itself goes too far to the minimalist. I can't tell people's blogs apart, because they all look virtually identical -- that's bad design. And what the heck is the "kudos nipple"? Why do you hover instead of clicking? A simple thumbs-up icon would be understandable by everyone, which is almost skeumorphic in its own way, since it refers to a physical thumbs-up... Reference to the physical world can be a very useful thing.
评论 #4481806 未加载
评论 #4481987 未加载
评论 #4483167 未加载
评论 #4482135 未加载
评论 #4482174 未加载
eyevarietyover 12 years ago
Bashing skeuomorphism is the easy way out.<p>Non physical affordances don't come easy, and like it or not our brains are trained in a world of 3 dimensions made of matter. Dieter Rams built things around their functional components, the materials available and the other constraints given to him by a physical world.<p>Edward Tufte preaches that content rules and all else is extra. We can certainly minimize everything that isn't the focus, we should, after all. But abandoning the lessons from skueomorphism really means you are throwing out every hint of natural world affordances in your interfaces. The first 3 dimensional shading or shadow and you have veered into the land of skeuomorphism - and that's ok, because a world of flat squares with Helvetica labels takes a whole lot more mental cycles to process than that beveled 3d button, and it always will.<p>I look forward to seeing what you are doing with kicksend- with or without hints of the physical world.
评论 #4481744 未加载
bitwizeover 12 years ago
No.<p>No, no, no, no, no.<p>Idiotic design decisions like this are why computers have long been the province of mathematicians, scientists, programmers, and other eggheads.<p>Sheuomorphism is the RIGHT way out -- if you are designing for the general mass of human beings. I happen to know personally the designer of one of the first pieces of personal finance software -- "Electric Checkbook" for Macintosh. (There's a site going by that name that appears to have been started by his son.) It was the template from which Quicken was largely derived, but that's a long, sad, and dirty story.<p>The advantage of Electric Checkbook over any of the competition, its creator told me, was implicit in the name: it literally worked just like a checkbook with on-screen checks you fill out and an option to print your electronic checks as real checks. It was far easier and more comfortable to use than any of the professional accounting systems out there because it offered the average user the comfort of the familiar.<p>That Apple successfully deploys skeuomorphism in order to make its average user base feel at ease is a big part of why they're so much better than any other tech company out there. So what if iBooks looks just like a bookshelf, to no functional use whatever. It helps avid readers get into the reading zone, giving them a bit of the joy of perusing their favorite real bookshelves. And that's an edge over the competition.<p>And no, Microsoft Bob didn't lose because of skeuomorphism. Microsoft Bob lost because it was tacky.
评论 #4482514 未加载
评论 #4482531 未加载
baneover 12 years ago
"Skeuomorphism helps people misunderstand the capabilities and limitations of digital products based on their understanding of a physical analog."<p>Right. Nothing sets hard limits in a user's mind then guiding them to use a piece of software through a terribly flawed metaphor. My father learned to use computers in the mid-90s when he was in his 60s and his chosen tool was MS-Excel as it most closely represented the ledger system he used to keep his books with (which is of course what spreadsheets were intended for in the first place).<p>His world turned upside-down when I showed him that he could also do his production planning (he ran a small manufacturer) with it. Instead of painstakingly drawing the production schedule grid for the next day by hand, moving jobs from one day to the next, assigning employees to tasks and machines, etc. Spending 6 out of his 12 hour work day on it. He could do the entire job in an hour in Excel, and it was more flexible and he could make mid-day changes and print the schedules out with just a few minutes of moving cells around.<p>It blew his mind. He had been thinking of Excel only as a digital ledge, but now he thought of it as a giant grid. Soon he was mocking up purchase orders sheets, tracking suppliers, handling expense reports, doing inventory management, past-job database (with prices and pointers to physical samples in an organized warehouse) and other sorts of probably inappropriate tasks that simply required a grid layout and some basic content to frame the use-case.<p>What was important was breaking him out of the metaphor and suddenly he found a kind of self-actualization that freed him of hours and hours of hand written paperwork. It transformed his business and allowed him to handle quite a bit more business than he could before. His digital records were so good that when he sold his company he figures that it added 20-30% to the asking price for the company. If Excel has been even <i>more</i> skeuomorphic of a book keeping ledger, with stitched binding and a traditional two or three column ledger, he may never have been able to break free of that metaphor and realize his other efficiencies.<p><a href="http://chestofbooks.com/finance/banking/Money-And-Banking-Holdsworth/images/Three-column-Ledger.png" rel="nofollow">http://chestofbooks.com/finance/banking/Money-And-Banking-Ho...</a>
评论 #4482704 未加载
gdubsover 12 years ago
The designer / minimalist half of me eschews ornamentation – I'm a big fan of the "swiss style". But, for all the recent ragging on skeuomorphism, there are times when it is appropriate. When we released polychord 2 with its dark leather and chrome look, it was in response to feedback from lots of our users who wanted something that fit in with their studio gear. We resisted the urge to use 'knobs' and other physical gadgets that would mess up the UX. It's just a skin, but it made a lot of our users happy. I also observed that the new physical hints made the app less threatening for new users to jump in and start playing around.
评论 #4482091 未加载
评论 #4481402 未加载
ricardobeatover 12 years ago
Ah, the old HN switch-a-roo! Everybody loves skeuomorphism right now.<p>Skeuomorphic designs certainly have their place and help affordance and recognition, and the author seems to acknowledge that. The point he is trying to make is that skeuomorphism is an easy way <i>to make a UI look good</i>, and toss more functional concerns aside; I agree completely.
jongoldover 12 years ago
Hit the (skeuomorphic) nail on the head.<p>There are many forms of skeuomorphism, and it's important to distinguish them from each other. Visual kitsch is cheap in a different way to outdated metaphors that hold back the possibilities of digital product design; a well-used affordance should not be dismissed because of its visual design and neither should a beautiful piece of 'Photoshop art' be allowed to get away with broken &#38; confusing metaphors.<p>- Visual kitsch the crap on Dribbble that throws in random textures for the hell of it, no match-up to a real-life object. No particularly jarring interactions, just looks tacky. I guess Find My Friends goes here?<p>- Visual kitsch, broken interaction iCal, iBooks, Address Book etc - visual kitsch and an interaction skeuomorph. Pages not swiping properly in Contacts/Address Book (and having scrollable UITableViews on a piece of 'paper'), full stack of pages left at the end of an iBook, iCal 'tearing pages off' but then they're still there when you swipe back etc.<p>- No visual skeuomorph, just interaction skeuomorph (not so bad) Google Calendar - one month per page rather than an infinite scroll (ala Calvetica). An easy 'affordance', but holding interaction design back nonetheless.<p>- Visual kitsch, non-broken interaction skeuomorph Remember that hyper-realistic eBook reader a couple of months ago? Relative to iBooks the interactions actually matched up - the stack of pages on the right hand side of the page decreased the further you went into the book. It afford familiarity without being damaging and confusing like iBooks and Contacts, but it was still a weak grasp at the past.<p>- Outdated metaphors Newsstand on iPad upsets me. We have a fantastic platform capable of totally redefining how we consume content and we present magazines &#38; newspapers as 1:1 icons of their printed counterparts on shelves? I wrote more about this here: <a href="http://designedbygold.com/2011/10/the-metaphors-breaking-the-future/" rel="nofollow">http://designedbygold.com/2011/10/the-metaphors-breaking-the...</a><p>This isn't to say die-hard modernism is the way forward - I have my doubts about Metro too. It's just posturing; even Jan Tschichold said that typography should bear the hallmark of it's age (and strict Swiss design definitely isn't a product of 2012).<p>This does mean that skeuomorphism and as-it-was-in-print modernism are both wrong, but I think we knew that anyway. What we need is an appropriate visual- and interaction-design language for the times. One rooted in tactility; one that learns from the past but doesn't replicate it.
lazyllandover 12 years ago
I love this about designers - they are so passionate and so <i>convinced</i> about the latest design fad, when in reality the only constant is change.<p>People just like "new" things ... one season its faux leather, another season its gray Helvetica on stark white.
评论 #4482567 未加载
thebigpictureover 12 years ago
Using a computer to do the things we normally do, e.g., sending bits to each other, requires that we adopt metaphors. Even something as basic as a "email" is a metaphor.<p>How long does it take to learn a new metaphor? How difficult is it?<p>It's far easier to just stick with the metaphors you already know. And that is, I think, what "most" people do.<p>This applies to more than just computers.<p>"Some" people might like to keep trying new metaphors every week. Who knows?<p>One thing is for sure. Everyone learns the "email" metaphor.<p>Not just some people. Everyone. Food for thought.<p>I think the author is spot on when he says that in this context (computers) metaphors create limitations rather than educating people about what computers can really do. I even see this among developers who, one would think, are the people resposnible for enabling users to unlock the full potential of their computers. They are stuck on certain metaphors which limit what they can imagine and therefore implement. Independent thinking and striving for originality are in short supply among developers. The attack of the clones never ceases, in case, clones of whatever developers see other developers have done.<p>However, as insightful as the reference to "skeudomorphism" may be, it's clear the author's goal with this post is trying to downplay Kicksend competitors. Maybe ones that are styled like Instagram? (Polaroid metaphor?)<p>How many hoops does someone have to jump through to use Kicksend versus using something like Instagram/Facebook (for lack of better examples)? And do they have to pay for the "service"? Maybe that could be a factor?
评论 #4481507 未加载
aufreak3over 12 years ago
At this point, I get the feeling that "skeuomorphism" is a broad sweeping category label created without enough cohesiveness within the category. Doing so urges discussions to assign properties to "skeuomorphism" (is bad, is good, is the way, etc.) without mention of the context in which a designer chose the approach in a particular case.<p>Such a category label not only results in quick evaluations of the kind "x is skeuomorphic and skeuomorphic is bad design, therefore x is bad design", it also urges analytical errors of the kind "design x isn't working, x is skeuomorphic, x is probably not working <i>because</i> it is skeuomorphic". Enthusiasts may also tend to use "no true Scotsman" kind of arguments to evaluate whether a design is <i>really</i> skeuomorphic.<p>What would serve us better is to catalog designs that are considered skeuomorphic, evaluate each based on whether it works for the user, and then evaluate whether the category label is worth the number of letters in the word or whether its definition needs to be narrowed in order to make it useful in design discussions.
suprasannaover 12 years ago
I'd argue that people generally have an underlying expectation that they'll be able to do far more on the internet with web apps than with physical mediums. If that is true, then having elements from the real world into web apps <i>does</i> promote a sense of familiarity and an intuitive understanding of, at the very least, how to get started.
kayasumaover 12 years ago
There's bad skeuomorphism, and there's good skeuomorphism. In the end of the day, it's a personal option, and it really depends on the type of product/site/interface you're designing.<p>I've designed a mobile application that is skeuomorphic, with the intent to resemble the original one, being this one of the goals of my client, and I justify it well enough to make sense. Even though it's a skeumorph looking app, not really a skeuomorph interface.<p>But you must admit, skeuomorph isn't that bad when used properly and with caution. There are some good uses to it. And I don't like extremes, I'm not with the "Skeuomorph all the things" team, and neither with the "Skeuomorph is evil", because I believe there's a time and place to everything, but it must be used with obvious moderation.
piratekingover 12 years ago
Skeuomorphism is important, necessary even. The issue is that people are conflating it with nostalgia.<p>An interface can be considered skeuomorphic if it provides affordances that are useful in the physical world - shadows, shapes and animations based on the laws of physics. Such an interface provides the necessary clues to tell a user <i>how</i> to interact with its elements.<p>Nostalgia serves another purpose. It creates an association between a common old interface, and the new one. It provides the clues as to <i>why</i> the user should interact with its elements.<p>I would argue that skeuomorphism is not the easy way out, its the right way. Nostalgia is a much more likely candidate for being the path of least resistance. Because the alternative is education.
InclinedPlaneover 12 years ago
TAKE THE EASY WAY OUT.<p>Have you ever watched a show like Kitchen Nightmares (or the many other variants now)? It's a show where a famous chef (Gordon Ramsay) comes into a restaurant in trouble and rescues it. Easily 90% of the stuff he does is just the basics. Clean things up, keep the decor up to date (and also clean), keep the menu small and packed with high quality items, etc. None of it is rocket surgery, but so many restaurants fail at such things.<p>And the same is true everywhere. Whether it's in online businesses, the UX for applications, or software architecture.<p>I highly recommend to everyone to take the easy way out first. Keep things simple, keep things clean, do the obvious thing at every step. Chances are this will lead to success and it will give you the ability to maybe try some less obvious things in the future.
taligentover 12 years ago
I think he misses the point here that 'people like to have fun'. We know that skeumorphic designs aren't the most efficient and in some cases may confuse the user. But these apps aren't being used to control a spaceship. They are often used in the 5 min gap between meetings or on the train where a tiny sliver of fun is perfect.<p>Whereas when I look at something like Kicksend it's just another boring, stale and uninspired photo site. And yes, it may 'get the job done' better but if I am not enjoying using it then why not use something that does.<p>And that really is the crux of the argument here. You have a tiny window of opportunity to convince a person to keep an app before they will simply delete it and find something else.
评论 #4481731 未加载