17 ms·
Whatever Happened to UI Affordances?
- corysama 5y agoI remember back around the time of the iPhone 1 seeing a “this is the future!” commercial featuring a lady using a tablet. She was making lots of vague gestures that didn’t correlate to anything on the screen and the tablet “just knew” to do lots of diverse actions correctly. I thought it was ridiculous. Well, here we are. What the commercial didn’t cover was that you had to guess and poke semi-randomly to discover all the magic gestures and were never sure if you were missing something important because it’s right there, but invisible.
- recursivedoubts 5y agoUI affordances have been going away for a long time. FlatUI was the first nearly universal obviously-user-hostile movement. It happened out of boredom and the slow intrusion of the contempt-for-the-audience attitude of art and architecture into web design. Unfortunately, unlike art, we can't ignore architecture or UI design.
- gherkinnn 5y agoI don’t think flat design is inherently hostile. The same way I don’t think heavy skeuomorphism is inherently patronising. We went from a violent explosion of visuals to ambiguous interactive elements. Both shite, both a pain to use, both bad design. Both can be avoided within their respective philosophy. As OP shows, iOS hinting at more content by partially showing the next item is a good example. You can very well create depth and hierarchy with minimal visual cues. However, what has increased since flat design became the hottest shit ever (2013/2014) are downright malicious interaction patterns, no understanding of the platform (e.g button vs link), and an ever increasing lust for engagement. The design flavour is merely coincidental.
- handrous 5y agoI think it takes a lot of work to ensure that removing depth and shading doesn't remove information, too. I think flat design inherently "wants" to be, if not user hostile, at least less user-friendly than what preceded it. It's a win if the depth and shading was just noise, before. If it was signal, well, now you've got to find something to replace that with, or you're harming UX. And you've got less "bandwidth", if you will, to work with.
- layer8 5y agoExactly. Flat design removes signals in order to let the UI appear simpler. But the removal of meaningful signals makes the UI more more ambiguous and harder to use. Flat design is an obfuscation, trying to cover up the actual complexity behind a visual semblance of simplicity.
- failwhaleshark 5y agoFlat design is the definition of art because it creates something without the intention of usability. Functionality that is hidden isn't usable by definition. It always annoyed me in early Mac UX that there wasn't a specific affordance for additional interactive behavior. Option this, Ctrl that. Yes, they can be discovered socially and informationally, but that goes against intuitiveness.
- kps 5y agoThe original Mac or Lisa was good in some ways, but it also problems with faux minimalism. In particular, Jobs insisted on a single-button mouse for 'simplicity', but that required inventing the entirely undiscoverable double click, which had to be taught, and still causes confusion today.
- failwhaleshark 5y agoYes. I agree. Also, the insistence on a "single task at a time" notion when real work required context switching. Simplicity goes too far on the balance of, and in search for, advancement of design. Form + Function. Not an industrial beige box bucket of parts and not a confusing 2001 monolith, but something in the middle.
- mook 5y agoWindows 3.1 in EGA mode was fine — it had no depth (can't afford that when you had 16 colours for the whole screen) but it was fine, because it had consistent button borders and things along those lines.
- biofox 5y agoConsistency is key, I think. Part of the problem now is that every app tries to redesign the entire interface from scratch, meaning there are no general interaction principles that a user can rely on anymore. I hate it.
- bluescrn 5y agoSo are those vast swathes of wasted whitespace in modern UI design an attempt to turn a UI into a gallery wall on which to display those intricately crafted icons?
- recursivedoubts 5y agoAnd, as with the yale box[1], all icons will eventually converge on the same exact design. Finally, the perfect UI (and modernist building) will have no differentiation at all. An exercise in pure, platonic intellectual/aesthetic navel gazing. You are starting to see the post-modernist reaction in some places in web design, but, as with architecture, I anticipate it will play with forms out of boredom rather than do the hard, self-abgenating work of drawing out the good ideas of the past and humbly driving them forward. Perhaps I am too cynical. [1] - https://www.goodreads.com/book/show/41001.From_Bauhaus_to_Our_House https://www.goodreads.com/book/show/41001.From_Bauhaus_to_Ou...
- failwhaleshark 5y agoRevell (Japanese) model kit instructions: We will show you every necessary step clearly and precisely using line drawn actions to provide as much accessibility to all people as possible. Only for very complicated concerns will we use language. Windows 95 UI: It might be fuggly, but you know where the bodies are buried. IKEA: We will show you how to assemble this sawdust into a crappy bookcase that doesn't sit square or level using line drawings and language inconsistently. FlatUI: Physical products should delivered as a white box inside another white box without instructions. Tech support is an unnecessary expense.
- lozenge 5y agoThis light sometimes blinks green. Sometimes it blinks orange. What does it mean? Who knows.
- failwhaleshark 5y agoIt's either an Ethernet port light or one of those cryptic things from AliExpress without a manual. ---- There was once someone who knew. It did have a useful purpose at one point for expert users, technicians, and engineers. A large group came along chanting "What does it mean?" louder and louder until it was a thunderous war-cry. The one who knew was trying to shout the answer but he was whispering in a tornado. Then, someone else said loudly: "I don't understand. Let's just get rid of it." Most everyone said: "Yeah! It's useless!" No one listened and now that that understanding is lost like the Antikythera mechanism and Damascus steel to the sands of time.
- cratermoon 5y agoWhat does everything need to have a little blue or red LED now? <engage grumpy old man>... I am pretty strict about not letting any electronic devices into my bedroom because when I turn the lights out to go to sleep I don't want to see a constellation of LEDs, some blinking. The blue ones are the worst, for lots of reasons. My phone goes face down or in the nightstand drawer. I got a new window a/c unit a couple of years ago and it has LEDs and a remote control with an LED that blinks. Stop it already.
- makecheck 5y agoI think the saddest thing about “flat” designs is that technology is incredibly capable of delivering so much more. Sure, in 1988 we only had a few colors available in hardware so maybe a button had no choice but to be one boring solid color. In 2021, though?!? Ultra-high resolutions, massive color palettes, photo-realism has never been easier to achieve (even in 3D!!!), all this computing power, and then these overpaid “designers” give us: boring square buttons with one color with unreadable contrast. We deserve so much better from modern UIs. UIs should not be so plain and spartan that they are literally unusable sometimes. Every Single Button should look like a button, with way more detail than UI buttons have ever had before (why not have a ridiculous number of colors in gradients to make buttons truly beautiful?). When something is highlighted, I want it to be obvious and, again, beautiful (why not glow with photo-realistic lighting effects, for example, since we clearly have the ability and can spare the processing power?).
- datavirtue 5y agoI have been wishing for a return to monochrome (green and orange) so that we can from our UIs again. You know it's bad when people are fantasizing about mainframe terminals.
- cududa 5y agoMy personal theory is a lot of universities got into “UI design” but basically just had print design teachers teaching the courses. Plus UI design with depth and complex elements requires more talent than flat design. IMO it’s a generation of lowering the bar so people with less technical ability can participate in design
- datavirtue 5y agoIt happened out of an explosion of pretentious eccentricity flowing out of people who never sat with a user.
- RedShift1 5y agoThis 1000x over. Lots of times I think to myself, there is absolutely no way whoever designed this, has actually tried to use it.
- bitwize 5y agoNever thought I'd see the day when libXaw would be at the cutting edge of UI design again, but here we are.
- geuis 5y agoI don't understand exactly what the writer is complaining about. The thesis of the page is never explicitly stated. I see a complaint, "Hmmm. It didn't have the share destination that I wanted" yet the author never states what option they were looking for. I would agree that, via the screenshot, the default options are all over the place and not prioritized well. However, the "Copy link" option is clearly visible. Being a website, I'm fundamentally unclear about what share option the writer could want beyond the ability to copy the url.
- boardwaalk 5y agoThe actual share destination isn’t the point, it’s how it’s not obvious how to get to more destinations than are initially visible.
- edent 5y agoAuthor here. In this case, I wanted to share to Twitter. That would have resulted in the page title and URL being shared - so copy url wasn't a suitable. But the actual destination is irrelevant. How was I (or any user unfamiliar with the interface) supposed to intuit that the panel was horizontally scrollable.
- AndresNavarro 5y agoIt doesn't matter what option he was looking for (maybe nearby share, messaging, etc as shown in a latter image). The point being made is that it wasn't in the first screen and the fact that there were more options (and how to reach them) was not hinted by the interface in any way. Adding to that the expected way of interacting didn't work and only by chance he managed to figure it out. From the article: > There's no scrollbar, no handle, no "more" icon, nothing. ... > I tried swiping it up - that's what I've learned most panels do in Android. But it did nothing. So I gave up. ... > my thumb slipped transversely (...) The fucking thing was a horizontal slider!
- bruce343434 5y agoThe thesis is that the UI is not intuitive - that's exactly what the writer is complaining about.
- todfox 5y agoFor more of these daily annoyances: https://grumpy.website https://grumpy.website The growing user hostility of UIs makes me want to stop developing software and even stop using computers. I started using computers because they made more sense to me than a lot of things. Now, I'm encountering these little moments of illogic and unreason every hour of the day. It's not just beginners who need little cues. I'm deeply familiar with the APIs behind many of these monstrosities and yet I still find myself annoyed or momentarily confused by UIs that minimize, obscure, and hide in the name of Design.
- chiph 5y agoThanks for that link. One related to this one just got me on DVD Netflix's payment settings site. https://grumpy.website/post/0VkVVuQ6t https://grumpy.website/post/0VkVVuQ6t There is no button to remove your card info. It had my old ZIP code and updating it wasn't working (it would still fail address verification). So to update the value, you are somehow expected to know to clear the field and then save, then enter the correct value and save a second time. Except it doesn't work.[0] What does work is entering a different credit card, saving it, then reentering your original card with the correct ZIP code.[1] So bad design with no affordances and a broken help function, lead to a long-time customer wanting to unsubscribe out of frustration. [0] Neither did the chat function to ask for help. I had to talk to a support person who told me how this was supposed to work. A phone call to support is an expensive cost to a business based on volume. [1] Which made me think they were storing extra info using my card number as a key. And that's not great.
- andai 5y agoThis is hilarious, but I'm puzzled by his reaction to a hamburger menu: > Oh-oh. Drag-n-drop icon used for a dropdown menu - May 8, 2021 https://grumpy.website/post/0V_dyk3EP https://grumpy.website/post/0V_dyk3EP
- tesseract 5y agoHorizontal lines (or sometimes an array of dots) are sometimes used as a "grip" icon to represent reorderable list rows.
- chiph 5y agoNot just on phones/tablets. If you have an application running in dark mode, and your Windows desktop is dark, you can't see the edge of the window to resize it. Also - with Windows 10 you don't grab the edge of the window, you grab the shadow. Which is not visible because shadows on dark desktops have no contrast.
- gherkinnn 5y agoHip drop shadows and hip dark mode just don’t mix. Adding a dark mode after the fact is about as fun as writing tests for legacy code.
- saurik 5y agoI would expect windows in dark mode to I guess have a subtle lighting behind them (as people sometimes do to objects in physical space).
- HKH2 5y agoIn another well-known OS, the pointer can be somewhere inside the corner, and you can press a meta key and click and drag the corner without being on it exactly. I used to miss that functionality quite a bit when using Windows, but I think I use window snapping more now.
- dejawu 5y agoI loved that too! I use AltDrag[0] to get that functionality in Windows. It's a bit old and you may have to tweak it a bit to make it work with HiDPI, but it's now become a must-install when I set up a new machine. [0] https://stefansundin.github.io/altdrag/ https://stefansundin.github.io/altdrag/
- RedShift1 5y agoAltDrag is amazing. Plus it's becoming a necessity because the window bar is now getting filled with elements too, so you can't rely on being able to use it to drag windows around by clicking and holding on any spot in the bar.
- user3939382 5y agoYou should try teaching someone without tech literacy when to single left click vs double left click vs right click in Office for Windows.
- clearing 5y agoThe author links out to a writeup on Safari 15 which I found interesting: https://morrick.me/archives/9368 https://morrick.me/archives/9368 One of the main bizarre design choices was making the address bar shrink as you add more tabs. It made me wonder if these designs reflect the diminution of sites visited in a modern internet user's session. Seems like we are moving from a mode of research-and-explore to residing in one of a few home bases (reddit, twitter, etc) and everything else is reached via Google search -> first result. Since information delivery is now so heavily tailored to a person's filter bubble, there's not as much need to stray. I'd love to read more about something like this.
- Secretmapper 5y agoPrevious HN discussion on the topic: https://news.ycombinator.com/item?id=27559832 https://news.ycombinator.com/item?id=27559832 That's true regarding 'residing' in home bases. I still remember how much personalities each different forums of specific interests have, but that's mostly filled by subreddits now.
- kitsunesoba 5y agoI disagree with that article on the subject of Safari tab groups. I had already been grouping tabs by subject using separate windows, and now that tab groups let me rotate out sets without them all sitting in memory I’m using grouping more than ever. It’s been very effective at keeping the number of tabs in any given group/window low. I still do old style internet search-and-explore, and that is also enhanced because I can tuck away my “everyday” tabs and tabs related to other subject and let the topic at hand dominate my browser, with as many tabs and windows as needed being opened with no worries about having to separate them out from the other stuff.
- clearing 5y agoOh for sure, and to clarify I'm not against the design changes! Tab groups are the logical next step in organizing thoughts-as-tabs and Firefox is sorely lacking in this capability in 2021.
- _Microft 5y ago„Doesn‘t familiarize themselves with the UI, complains about not being familiar with it“. That‘s almost meme-ish, to be honest. What‘s a discoverable UI? Does it count to have options in a context menu? That’s very discoverable to someone like me, much less for some of my less computer-savvy relatives. A toolbar with unlabeled icons is not that different in that regard. I think it really boils down to how familiar someone is with the UI already and half of the solution is being willing to familiarize themselves with it.
- edent 5y agoI've been using Android since the pre-release versions. Every Google app has a different share UI. If I hit share in YouTube, the panels scrolls vertically. Google Drive's share looks different, but also shares vertically. Google Chrome's share panel looks identical to Drive, but behaves completely differently. So, I'd say that I'm very familiar with Android's UI - but I don't think Google is.
- dr_dshiv 5y agoSorry for this pedantic comment, but he is asking for signifiers not affordances. He wants affordances to be more perceptible. See Design of Everyday Things.
- fogetti 5y agoI upvoted your comment because the blog author even references that book, and the book goes into great length to make this distinction between the two. So I think it's only fair to point it out.
- hashkb 5y agoAnd yet, all the upvotes showered on nitpicks again prevent HN from using the top comment for substantive discussion on the subject of the article.
- edent 5y agoThat's a very fair comment. I must go back and read the book again some day.
- RheingoldRiver 5y agoThe difference in terminology depends which edition of the book you read. In the second edition he includes a long passage explaining that a lot of readers of the first book misunderstood the word "affordances" and so he was now introducing a new term, "signifier," which means what people thought "affordance" meant. In short, the app already affords you the ability to scroll to the right to view more options, but there's no signifier telling you this.
- seanwilson 5y agoIs there a more intuitive word for "affordances" or similar? I find its definition is always debated or confused in the comments so I prefer to avoid it where possible.
- 5y ago
- fassssst 5y agoThey became less necessary over time as people got used to computers. Nearly everything on your screen right now is touchable or interactive (you can select the text in this comment) but trying to show visual accordances for all that would make the actual content harder to digest.
- thrower123 5y agoThese UI standards aren't taught any longer, so unless you grew up with the 90s, when at least first-party developers were somewhat consistent about following them, you might not even know what you're supposed to do. I came to programming with VB6, and that was an era where even the trash "Teach Yourself Programming in 24 Hours" books made a big deal about tab order and mnemonics and cues like eclipses on buttons that launched new windows.
- mikelward 5y agoThe share sheet on Android is super confusing. It doesn't help that several apps implement their own, and some of them scroll horizontally while others scroll vertically. Edit: apparently they're forcing apps to use the native share sheet in Android 12? https://www.androidpolice.com/2021/06/01/android-12-will-spell-the-end-of-third-party-share-sheet-replacements/ https://www.androidpolice.com/2021/06/01/android-12-will-spe...
- atatatat 5y agoOnly one problem with the Share dialog: Doesn't "hint" at horizontal scrollability, just shows four apps as if that's all there is. I've seen this trip up advanced users and parents alike.
- datavirtue 5y agoI build mobile and web apps--full stack on many platforms and I was severely tripped up by that shitty share menu. On your first use if you have to think about it the UI sucks. Period.
- RedShift1 5y agoUI designers hate scrollbars. They must be eliminated. But why? I don't understand.
- Spivak 5y agoIt’s because apps want to track where you’re sharing links to.
- NoahKAndrews 5y agoNo, they're preventing 3rd-party apps from actually replacing the system share pane for other apps. An app can still choose to implement their own in-app share menu instead of using the system one.
- nonbirithm 5y agoFor reference, this issue was brought up to the chromium maintainers but it was closed as wontfix without giving a real reason. https://bugs.chromium.org/p/chromium/issues/detail?id=1123015 https://bugs.chromium.org/p/chromium/issues/detail?id=112301... > We are not going to migrate to the system share sheet any time in the near future, so this bug itself is WontFix / WAI. We are also not likely to have an option to disable the chrome share sheet. And yes, due to API changes you'll no longer be able to replace the system share sheet in Android 12, because it basically amounted to a loophole that shouldn't have existed. https://sharedr.rejh.nl https://sharedr.rejh.nl > We had never actually intended to allow apps to replace the share dialog, that Intent is for apps to launch the share dialog. Now I will have no choice but to eat the 2 seconds of loading every time I want to share something as it loads a set of irrelevant share targets that I will never use anyway. I really wish that feature was configurable but you can't turn it off.
- throwzaway20102 5y agoYes let’s just go back to the 90s! Enough of this shit. Get used to new technology grandpa.
- jsnell 5y agoIs the distinction between Android and iOS here maybe that iOS supports only a limited number of horizontal resolutions? At least on my Android phone, the rightmost element ends up at the screen edge with no padding, with a similar effect as the cut off icon. (I.e. a design that's appropriate in a tightly controlled homogenous environment might not be any good in a mixed one.)
- joshtynjala 5y agoIdeally, the layout would adjust the spacing between items, so that one item is always partially cut off. I don't know whether Apple does that or not (or if it's their small number of possible iOS device resolutions, like you suggested). However, that seems like something that Google should consider as a way to improve the Android experience.
- khendron 5y ago> Modern design is so beautiful to look at - but an absolute nightmare to use. You either need to use trial an error on every element, or hope that someone else can tell you what you need to do. This. Aesthetics has overtaken usability. Back when it was web design, a good interface was defined as one that was easy to use first, pretty to look at second. During the rise of mobile interfaces, this got flipped. Now pretty to look at ranks highest, and easy to use is secondary. Is this because of real-estate? Mobile screens are smaller, and something had to go.
- handrous 5y agoWhat's crazy is that at one point the new wave of designers was hailed as digital native designers replacing the bad old print-trained designers. They'd save us from treating the screen like paper, unlocking the true potential of these interfaces. The worst sins of the print-designer era may have been pretty bad, but I'd say the average actually got a lot worse when the new crowd took over. First for the Web, then for native when Web-trained designers started working there, too.
- teucris 5y agoThe idea of grounding UX in physical analogues, in my view, is incredibly important. No matter how much we interact with digital screens, we still walk on ground, pick things up with our hands, etc. Just because we can do anything in a digital experience doesn’t mean we should. Skeuomorphism may have gone too far, but the pendulum seemed to swing back too far.
- cratermoon 5y agoAt some point skeuomorphism becomes anachronism, though. The canonical example is the continued use of the floppy disk icon for save. A mechanical stopwatch for a timer. A telephone with a switch hook and dial. A desk calendar with rings and pages. A pencil and paper for text editor.
- perl4ever 5y ago
- ChrisMarshallNY 5y agoI'm looking for balance, here. Let me provide an example: I have a "left-swipe-to-delete-from-list." That's the standard way that Apple has decreed that items should be deleted. They provide no affordance. You can add an "Edit" button to the navbar, but that means you don't have room for other, more important (and frequently-used) items. In my case, this is a non-starter. I need the room for more important stuff. So far, I have added the left-swipe, but no affordance. It relies on the fact that the platform standard is left-swipe to delete. I need to make sure that the screen shows a fairly standard list (not getting too fancy), so users that are trained on platform standard will know that they can left-swipe. In some cases, affordances can actually interfere with usability. I can develop my own affordance, but I am not sure what a suitable one would be. Implied training is also a big part of usability. I think it was Tufte that talked about that. He has some really strange UIs that don't make sense, until you learn them, and then, you don't ever want to go back. In my experience, train maps in Tokyo are like this. They are a fearsome mess, when you first look at them, but, once you understand them, they are marvelous.
- edent 5y agoI get that. But how do you first learn about the standard way? Admittedly, it has been several years since I used an iPhone - but I don't remember it ever telling me that slide-to-delete was a thing. I literally had to ask on Twitter to find out - https://twitter.com/search?q=delete%20podcast%20from%3Aedent&src=typed_query https://twitter.com/search?q=delete%20podcast%20from%3Aedent... I agree that there are some things which work best hidden - pull to refresh, for example - but it needs to be consistent and explained.
- voakbasda 5y agoThe old Macintosh computers came with a floppy that walked the user through using the computer. How to click. How to drag. Very basic stuff, but it was all new to the world at the time. Now, you are assumed to know all that. The iPhone/touch paradigm never had such an easy on ramp for consumers. Or if it did, they dismantled it before I got on that ride. Personally, I think this reflects pure hubris on the part of Apple, and it’s one reason that I have not owned a mac for 20 years.
- Semaphor 5y agoNote that the default share UI in Android 11 (or is that LineageOS specific?) does indeed show more by swiping up. Firefox implements their own sharing UI and does side-swiping as well, but at least they went the Apple route of cutting some options off.
- ysavir 5y ago> ...went the Apple route of cutting some options of. Is this implying there's more to the comment if I side-swipe? Hrm. I think it's bugged.
- Semaphor 5y agoHeh, fixed ;)
- NoahKAndrews 5y agoThat's true for Google's Android too, not just Lineage.
- gambiting 5y agoI actually ran into the same problem with YouTube's interface on iOS, it made me so angry I actually recorded a video to show people how stupid this is: https://youtu.be/wGKIz0bWVVU https://youtu.be/wGKIz0bWVVU
- edent 5y agoOh that's just infuriating!
- eitland 5y agoYou ask how you are supposed to find it. You are not supposed to find it. Then in next iteration designers can tell management that only 0.3% of users use settings and then they can get rid of it all together. Just like Mozilla and the settings to remove the top tab bar after you have enabled Tree Style Tabs or Sideberry. I'm only partially joking here.
- jp57 5y ago> Apple are slowly undoing their great usability work in the name of elegance. Not slowly, or recently. The big removal of affordances happened with IOS 7, and Jony Ive's "flat" UI aesthetic. Don Norman and Bruce Tognazzini, former Apple UI researchers and champions of UI affordances, wrote an essay[1] complaining about this problem in 2015. It seems like this era might be slowly _ending_ now that Ive is gone. [1] https://www.fastcompany.com/3053406/how-apple-is-giving-design-a-bad-name https://www.fastcompany.com/3053406/how-apple-is-giving-desi...
- johnnysinns 5y agoAnd man, didn’t the iPhone and iPad completely tank? … oh, wait.
- ptx 5y agoEven less recently than that. As a critique[1] from 1999 of QuickTime 4.0 puts it: "The new interface represents an almost violent departure from the long established standards that have been the hallmark of Apple software. Ease of Use has always been paramount to Apple, but after exploring the QuickTime 4.0 Player, the rationale behind Apple's recent 'Think Different' advertising campaign is now clear." [1] http://hallofshame.gp.co.at/qtime.htm http://hallofshame.gp.co.at/qtime.htm
- valuearb 5y agoWhat about when MacOS started hiding scrollbars? Ugh.
- jp57 5y agoI think that's around the same time? Not sure. Anyway, at least that one is easily overridden in System Preferences >> General.
- jlokier 5y agoI think the hidden scrollbars are great. They remove clutter, yet are always readily available when needed. Scrolling in MacOS is one of my favourite things about the UI compared with various versions of Linux and Windows I've used. This is due to the two-finger swipe gesture being really well done and the scroll bar being available when needed. I used Linux as my primary desktop non-stop for 19 years, and in the end the scrolling had got worse. The Ubuntu desktop weird scroll handle thing was awful. MacOS scrolling was so much more ergonomic than that it convinced me to switch. I still develop primarily on Linux, but prefer to do it over SSH even though I have a Lunux desktop when I want it. It doesn't take long using MacOS to develop an instinct for scrolling things with two-finger swipe, and scrolling is generally a very safe thing to do so trying it is harmless. The way swipe scrolling is independent of the focused window is just right, and the scrollbar which appears is easily grabbed on the occasions it's needed.
- rado 5y agoRecently there are posts from designers about bringing back blurred/gradient edges of scrollable content. Hopefully the trend gets momentum (pun not intended).
- gdubs 5y agoMac OS tripped me up with their new-ish “group things by month” in the recent folder. I didn’t realize those buckets were side scrollable. Scrolling is so easy to do that I’m not sure why it’s even necessary to limit the number of items in view. But I’ve been a computer user for a LONG time and was seriously stumped by this behavior because there was zero affordance to indicate there were more items. No less horizontally, which is very unexpected behavior.
- failwhaleshark 5y agoPeople without much life experience, knowledge, mastery, humility, or expertise don't understand what things are used for, and decide for everyone else to throw them away as "unnecessary." Put another way, it may well be some sort of Dunning-Kruger arrogance that the self-esteem crowd foists on the rest of us without our permission.
- DonHopkins 5y agoThe original Mac would pop up a dialog with a threatening icon of a bomb with a lit fuse, whenever it crashed! https://en.wikipedia.org/wiki/Bomb_(icon) https://en.wikipedia.org/wiki/Bomb_(icon) >The Bomb icon is a symbol designed by Susan Kare that was displayed inside the System Error alert box when the "classic" Macintosh operating system (pre-Mac OS X) had a crash which the system decided was unrecoverable. It was similar to a dialog box in Windows 9x that said "This program has performed an illegal operation and will be shut down." Since the classic Mac OS offered little memory protection, an application crash would often take down the entire system. Unfortunately, the Mac's bomb dialog could cause naive users to jump up out of their seat and run away from the computer in terror, because they though it was going to explode! https://www.youtube.com/watch?v=zQGX3J6DAGw&ab_channel=CaitlynMacCabe https://www.youtube.com/watch?v=zQGX3J6DAGw&ab_channel=Caitl... And Window's "This program has performed an illegal operation and will be shut down" error message was just as bad: it could cause naive users to fear they might get arrested for accidentally doing something illegal!
- logbiscuitswave 5y agoNot sure if you’re being serious or not, but these stories seem awfully apocryphal to me. I can’t imagine anybody - not even a total novice - running away from their computer upon seeing a cartoony image of a bomb. It reminds me of the made-up but often used story of terrified audiences running for the exits upon watching a film of a train for the first time.
- Nextgrid 5y agoAs a child I remember shielding my face and being scared when I tried booting a computer and seeing the Windows 95 boot logo (with the red/blue/green/yellow squares) on screen as it reminded me of CDs and I heard that lasers were harmful. I was probably 4 at the time though.
- npinguy 5y ago> It reminds me of the made-up but often used story of terrified audiences running for the exits upon watching a film of a train for the first time. The cultural recontextualization of stories like this in my lifetime has been one of the most fascinating aspects of our modern world for me. Of course, as I get older, I've seen my own stories and stories about events I participated in get told, re-told, and twisted and exaggerated without absolutely any malice. We also all see how people misrepresent news stories, social policies, and scientific studies (with various degrees of malice). So I think I know almost exactly how the Film of Train anecdote happened. 1. Theater owner starts showing Train film. Stands outside and yells "Come inside and see the wonderous train show. This new 'cinema' is so real that audiences have been reportedly running for the exits in terror!" 2. It's an obvious exaggeration and a joke. Passerbys laugh, but are intrigued nonetheless. 3. Someone writes a newspaper story about the cinema and the train film. Includes the quote as directly attributed to the theater owner. Everyone reading is aware of the context and the situation and the implicit tone, and chuckles appropriately. 4. Story gets picked up in another newspaper but without the context and removes the quote and instead represents it as a factual retelling of what happened. 5. Years later, someone writing a book uses the newspaper as a primary source, and then a cascade of books repeat and propagate the "fact". Perfectly reasonable sequence of events. But here's where things get even more interesting to me. There are *dozens* of similar stories that we've all heard and took as gospel growing up that required one person to stop, ask "Wait, does this really hold up to scrutiny?" and the whole house of cards comes crashing down. I'm talking about the "NASA spent $10M to design a space pen, the russians used a pencil", "Water flushes in the opposite direction in the southern hemisphere", and the like. But why did it only happen just now? What prevented people from being more introspective and curious about these subjects 10, 20, 30 years ago? I guess the answer is we needed the Internet to hit a certain critical mass for enough people with sense to be able to reach the rest of us, but I don't know.
- intrasight 5y agoThere's a great deal of fashion over function - especially in consumer. I used to program nuclear power plants, destroyers, air traffic control, etc. UI design by engineers not artists. Here's an interesting question. What will people in 50 years think of today's UI fashions?
- neom 5y agoNeed more people with industrial design backgrounds in UI teams. I keep seeing more and more people with only graphic design or illustration backgrounds doing these jobs.
- Causality1 5y agoThe obsession modern developers and marketers have with trying to convince people using a computer they're not using a computer is so pointless and perverse I'm tempted to call it a mental illness.
- armchairhacker 5y agoHonestly I don't think minimalism is the issue. And I love skeuomorphism, even the overdone Apple version. Minimalism is ugly but when done right, it's actually one of the clearest UXs possible: only focusing on the content and guides, no weird extras, and every design decision is meaningful because you only get a few. Issues with today's UX are: more dark patterns, more people making apps easier (= more less experienced developers who don't understand UX), companies trying to "stand out" but hurting UX in the process (because they still want minimalism, and all of the good ways of standing out with minimalism are taken). In the author's case Android's share menu just happens to suck - he even shows Apple's menu, which is still minimalistic but actually clear.
- sweetdreamerit 5y agoAs a UX designer: too few companies understand the importance of UX and the difference between UX and UI. It is still too difficult to convince the stakeholders of the importance of user research, adherence to usability and accessibility guidelines, and user testing. Those activities have a cost, both in terms of money and time. But they can save a project, strongly reducing the risks of failure.
- jwr 5y agoI think the issue is that modern interfaces are self-centered. Or rather, the designers are self-centered: they believe that the world revolves around them, and Their Magnificent Design is the One Thing that everyone will want to learn, appreciate and admire. In reality, their design is one more thing among the hundreds or thousands of things that a user manages, and should mostly serve to get other things done. It's more about hubris than minimalism.
- crazygringo 5y agoThat's extremely ungenerous, and no more true about designers than coders. Perhaps some designers start out have this immature attitude, but professional designers I've worked with are user-centered, not self-centered. That's just a professional prerequisite, and what you learn in design school as well. And in any case, you could just as easily say about programmers starting out that they too often believe "Their Magnificent Program is the One Thing" and ignore what users actually need as well. In any case, when it does happen (to anyone), it's not hubris, just immaturity. If something seems like the best solution to you, it takes experience and perspective to realize it's not always the best solution to others. But people generally learn that fairly early on.
- musicale 5y agoIt always amazes me when I see a post on HN or elsewhere with the vintage Mac GUI - it was visually very clear and attractive, with lots of nice, well-delineated affordances! 1980s/1990s-style graphical user interfaces were remarkable in terms of how much of the available screen real estate, CPU power, and memory they were willing to dedicate to the user interface. It reduced the visible content and available computing resources, but it made the UI very clear. As much as I like multitouch, it isn't visually discoverable, even after you learn the basics of (tap, tap-and-hold, tap-and-drag, swipe). It's nice in a way that the whole of your tiny phone screen is used for content, but it can be frustrating trying to discover the control methods.
- webwielder2 5y agoIt’s very funny to me that people think “the past” was a UX wonderland.
- yen223 5y agoIt's like how no matter when you're born, the best music was always the ones from your teenage years (when your taste in music was being formed). And how music sucks these days because kids don't know to make good music (and not because musical tastes has changed around you and you don't like that) Same thing with UI I guess.
- perl4ever 5y agoI don't think the comparison works. Music generally is what people want to listen to for its own sake. UI is disconnected from what people want; everybody wants to do something, and UI is how you get there. As is in-app advertising, electricity, and so on. And not only is UI tied to other things that aren't available a la carte, but the whole package is frequently chosen by someone (corporate software) who will never experience the UI and didn't talk to anyone who will on the subject. So I think it's a fallacy to assert that UI is in general what the public prefers. The same fallacy as saying consumers want binding arbitration, or melamine in their milk, or surveillance advertising.
- amatecha 5y agoI mean… in the 90's, software didn't harass me to update every 15 minutes or pop up extraneous notifications that are irrelevant to my interests. Interactions were, in general, far more discoverable. You could come to rely on simple, consistent design cues to understand how something might work. A whole new piece of software was instantly usable because it adhered to the expected interface guidelines[0] defined for the OS. In recent years, a lot of this has gone out the window and each dev house seems to invent their own paradigms and complete UI toolkits, so while there are similarities, they are few. The cohesive, simple nature of software UI is generally a thing of the past, that most of us who experienced it are quite nostalgic for. Generally speaking, most application UX problems were "solved" ~30 years ago, and every time someone tries to reinvent the wheel, they miss subtle, important aspects of those earlier solutions. Like the importance of consistency across time, and "principle of least surprise", and things like that. I can really go on and on ad nauseam about this because it's a huge pet peeve of mine. I cannot stand having to relearn major aspects of how to use the same software, the same OS, every 6mo because some company decided it's time to completely overhaul their design/UI, for Reasons™. [0] http://interface.free.fr/Archives/Apple_HIGuidelines.pdf http://interface.free.fr/Archives/Apple_HIGuidelines.pdf
- bitwize 5y agoWindows 11's rollout made me want to barf. Lots of marketroidy "Simple, clean, beautiful!" and "We put the Start menu at the center because we put YOU at the center!" Yeah, those are nice inspirational sound bites, now how are you going to make Windows less of a pain in the ass to work with, day by day? Windows 9x put the Start menu down in the corner to effectively give it infinite width and height per Fitts's law. It also gave us buttons that look like buttons. The beveled edges did more than make things look pretty, they signalled availability for user interaction and roughly delineated the boundaries where such interaction could take place. It was a massive UX improvement over Windows 3.x. Is Windows 11 less fraught with friction than Windows 10 in real terms? All the indications say "no, but it is prettier!" No affordances, no signals to the user, just plain white panels that don't look like anything and now the Start button -- the Schelling point for telling Windows what to do -- is harder to hit with the mouse. Oh, and how do you put to use Windows 11's new tiling and virtual desktop features? Hover over maximize! So easy to figure out!
- chrisseaton 5y ago> Ideally, all doors would look like this Ideally all doors would swing both ways.
- stingraycharles 5y ago> But there's evidence that Apple are slowly undoing their great usability work in the name of elegance. Tangent, but am I the only one who is really bothered by the update they made to the way you set a clock (eg for an alarm or appointment) a few years ago? It’s now only digits which I am supposed to scroll vertically, which is incredibly tedious; before, it was an actual analog clock I could drag around and it was awesome. To this day I still don’t understand why they did this, it seemed to serve no purpose to get rid of the old UX.
- wlesieutre 5y agoAre you talking about the time input like when you create a new alarm? The new one is a text field that you can drag the little digit spinners, but primarily you just type in it. Being able to put times in with a proper numeric keypad is a big usability improvement IMO.
- stingraycharles 5y agoTIL you can actually just use the numeric keypad to type it in. I must be getting old.
- llaolleh 5y agoAffordances are one of those core UI concepts that everyone should know and implement to guide the user smoothly all the way through. Design of Everyday Things, and one HCI course pays off so much in the long run.
- OJFord 5y agoWow, I did not realise that was a horizontal slider either. (I've used Android since the G1, so certainly since whenever that was introduced. I've seen it a lot, just never scrolled it, because I didn't know it did.) Another book I'd recommend to anyone interested in this sort of thing js Spence's Information Visualisation: Design for Interaction. I also had the pleasure of the author's course at university, apart from anything else it was an excellent sort of 'something a bit different to think about', that I often recall when I'm frustrated by things (as in the submission), and perhaps more often should when working on frontendy things.
- Dylan16807 5y agohttps://tyler.io/perfectly-cropped/ https://tyler.io/perfectly-cropped/ https://news.ycombinator.com/item?id=21353920 https://news.ycombinator.com/item?id=21353920 Here it is, I knew I'd seen a nearly identical story before.
- exporectomy 5y agoSeems like old fashioned computer literate people are becoming the new computer illiterate. Perhaps kids learn these things socially from each other? I recently discovered the iPhone Notes app has an undo capability. There's no indication of it on any of the screens but you have to shake the phone. Shake to undo? Is that common now? How do you learn this stuff?
- Macha 5y agoShake to bug report or "rage shake" is another. Apple's gestures have always been in that category for me though, including touch screen and touch pad gestures, though people used to them seem to love them. Meanwhile I'm just there like "So, how many fingers do I need to see my wifi toggle?"
- climech 5y agoThe "shake to undo" feature is actually very old, I remember discovering it around 2010. It works in all text fields system-wide, not just in the Notes app!
- cratermoon 5y agoDon't even get me started on "long press".
- amatecha 5y agoAs soon as I read that he discovered the icon rows slid horizontally, I thought in my head "the design should have hinted at this by showing a bit of the next icon in the row", not realizing that's exactly what the iOS screenshot below would show. That was a nice bit of validation! Sometimes you don't need to do a whole lot to make a design more understandable and accessible.
- jonas21 5y agoOn my Android phone, and probably the vast majority of Android phones, there is a UI affordance that the share options are scrollable. The rightmost icon is only partially visible, which makes it clear that there is more content that lies offscreen. This is the same affordance that's used on iOS devices. The author's phone happens to have a screen width that displays an exact number of icons, so this affordance breaks for him. This is clearly a tradeoff. Either you tightly control the set of valid screen sizes (like iOS does) and guarantee that the affordance works across all devices. Or you allow for flexibility and accept that on some percentage of devices, this affordance will not work as intended.
- betwixthewires 5y agoOr you pick a better way to indicate more options, and not have to worry about a trade off at all. Side note, I personally hate sideways scrolling stuff 99% of the time. I can't imagine I'm alone.
- mikelward 5y agoNot on my Pixel 4a. And not in the screenshot on the Android Developer site. https://developer.android.com/training/sharing/send https://developer.android.com/training/sharing/send https://developer.android.com/images/training/sharing/sharesheet_api29.png https://developer.android.com/images/training/sharing/shares...
- mikelward 5y agoAre you sure you're looking at the native share sheet? It scrolls vertically, at least on Pixel on Android 11. There's some intent: links on https://paul.kinlan.me/sharing-natively-on-android-from-the-web/ https://paul.kinlan.me/sharing-natively-on-android-from-the-... that you can use to trigger it. The first one there doesn't work for me, but the second one does. intent:#Intent;action=android.intent.action.SEND;type=text/plain;end
- axegon_ 5y agoAs much as I'm used to android(though still adjusting to the changes in android 12), I admit, every time a major change pops up, it takes me forever to get used to it. I remember when they removed the navigation buttons in favor of sliding your finger over the edge of the display. I can't describe how much I hated that. Sometimes I wonder what was wrong with ncurses for user interfaces and why on earth did people bother making and using anything.
- deleted 5y ago[deleted]
- akagusu 5y agoUI became user hostile because companies became user hostile. Software no longer serves the user, but is the user that serves the company behind the software.