|
|
|
|
|
by giantrobot
2294 days ago
|
|
I'm sorry but Kai's Power Tools was not some sort of UI design trendsetter. Outside of very niche programs you didn't see skeuomorphic UIs much at all in the 90s or 00s. MacOS X's Aqua UI was very different from Windows and older MacOS versions. The textures aping iMac design elements are superficial differences, the real distinction was the state changes and representations. In the early Aqua UI things like buttons and selected menu elements were colored and composited on top of their backgrounds. It was obvious that "Save" was the default action because the button was colored blue in the dialog. Document modal dialogs were attached to and animated out of the document's own window and composited over the contents. Icons bounced in the dock to get attention for dialogs. The dock itself animated to make icons under the cursor larger (Fitt's law improvement) and minimized windows got sucked into the Dock with the genie animation. While Aqua still used the WIMP paradigm it had a lot of UX differences from older UIs. It used a lot more animation to convey information to the user. Animations told the user their action was registered and was caused something to happen. This was in contrast to Windows where sometimes you might see a hourglass cursor if you clicked something but you usually had to look at your drive activity light to be confident Windows registered you clicking an icon. With the iPhone, it was up against a bunch of phones whose UIs were designed to be use with a stylus and were doing their damnest to look like a desktop's UI. The iPhone's design language was all about making elements large enough to be used with a fingertip and convey the idea that you were even supposed to touch the screen. When the iPhone was released most people had never owned or used a smartphone or PDA. The most popular phones were non-touch feature phones. After the iPhone skeuomorphic design was everywhere. Android aped a lot of iPhone UX elements as did webOS, they wanted to convey that elements should be touched and interacted with directly. Android's pre-iPhone UI looked a lot more like Windows Mobile and Blackberry. Apple certainly didn't invent skeuomorphic UIs but the iPhone was the first smartphone to make such it the default design language. |
|
We must have lived in very different 1990s then. Everything was "files" and "folders" with icons that looked like files and folders. One of the big features of Windows 95 was the Microsoft Briefcase, and it sparked a big debate back in the day about whether or not we should stop using these real-life metaphors everywhere, because it was a really confusing program -- sort of, but also not sort of like a briefcase. E-mail/PIM programs had task pads that looked like paper pads and contact lists with initials sticking out of a pack like in a rolodex. Media players looked like real-life players. Word processors were full of elements straight of electric typewriters -- not just the icons on the buttons, but the page layout, the rulers...
A lot of these things didn't look as good as they were going to look on Aqua because they were introduced back when you'd be drawing with GDI on -- if you were lucky -- 133 MHz machines. There was no compositing and few consumer machines could do proper OpenGL anyway.
Aqua used colour and animation more plentifully, but other than the degree to which it used them, few things were new. It made it obvious that "Save" was the default action by colouring the button blue just like Windows made it obvious that "Yes" is the default choice using the dashed lines. (Edit: by the way -- that was definitely not the first time someone used colour like that. Since few other styling options were available, virtually all TUI interfaces for DOS indicated the current choice of button using by colouring it in a particular way). Icons bounced in the dock to get attention for dialogs just like taskbar buttons blinked. Aqua certainly did these things way better, but most of them were familiar to us, they just looked so damn good!
Also, FWIW, making icons under the cursor larger had very little to do with Fitts' law -- since the icons were already under the cursor, there was no benefit to making them bigger. Maybe it helped make the current choice more obvious. I don't recall the "official" reasoning -- what I do recall is that most users turned that thing off because it wasn't just distracting, it was pretty hard to get at the icon you wanted. Making icons bigger shifted nearby icons a bit, and the zooming effect wasn't applied uniformly, which led to having to "chase" the right icon. I think Apple turned it off by default after a few years, too (around OS X Tiger or Leopard, I think?). Many people thought that OS X had done a great job at updating the Nextstep interface except for the damn dock, which it kindda ruined.
> I'm sorry but Kai's Power Tools was not some sort of UI design trendsetter.
I certainly never said that. KPT was a trend follower -- it was just a very representative example of one, just like Aqua and the iPhone.