Ask HN: What are some examples of well-designed complex UIs und UI systems?
5 comments
Well designed UI's won't seem complex.
Complex UI's won't seem well-designed.
But, I would say that UI features like the MS Word ribbon interface and Slack's side menu system are great examples of well-designed complex UI's
Complex UI's won't seem well-designed.
But, I would say that UI features like the MS Word ribbon interface and Slack's side menu system are great examples of well-designed complex UI's
Autodesk Maya:
- The Hotbox menu, notice the cardinal (North, South) menus, which are large hit areas
https://www.youtube.com/watch?v=F_MJrYzwNyA
- The Node editor. It does the work of many older interfaces.
---
Not complex, but clever and useful:
Corel Draw (at least in the older versions)
- Having pages (instead of artboards), you can easily duplicate a page, and PageUp/PageDown see the evolution of the design. Likewise, for comparing the last changes.
- Ctrl + click a color in the palette, tints a bit the object color. Nice for making colors play well together.
- Double-click a curve and adds a node (without having to select another tool)
- The Hotbox menu, notice the cardinal (North, South) menus, which are large hit areas
https://www.youtube.com/watch?v=F_MJrYzwNyA
- The Node editor. It does the work of many older interfaces.
---
Not complex, but clever and useful:
Corel Draw (at least in the older versions)
- Having pages (instead of artboards), you can easily duplicate a page, and PageUp/PageDown see the evolution of the design. Likewise, for comparing the last changes.
- Ctrl + click a color in the palette, tints a bit the object color. Nice for making colors play well together.
- Double-click a curve and adds a node (without having to select another tool)
An F-16 fighter is quite complex yet it's cockpit was at the time a masterpiece in simplicity and human-machine interaction.
My weird example is KDE's Okteta[0]. There are a lot of hex editors (and even more integrated debuggers) but Okteta stands out by being both fully-realized in terms of features and really well-made by the standards of other Qt apps. There are native builds for Mac and Windows[1], and it still sees active development these days. It's one of those dev tools that you get really excited to use, even if it's like bringing a chainsaw to a knife fight. It doesn't do everything, but it's always felt super intuitive to establish offsets, change bytes-per-line or make any other technical adjustment. There are probably more capable hex editors out there, but Okteta's got a good balance of usability and depth. Not sure if that boils down to a lack of contributions or narrow ambitions, but it makes it all the more poignent.
[0] https://apps.kde.org/okteta/
[1] https://binary-factory.kde.org/search/?q=okteta
[0] https://apps.kde.org/okteta/
[1] https://binary-factory.kde.org/search/?q=okteta
https://i.kym-cdn.com/photos/images/original/000/529/129/f62...
Mac and Windows have been trying to become what AOL was quite a long time ago.