WelcomeWelcome | FAQFAQ | DownloadsDownloads | WikiWiki

Author Topic: Just having some fun with a couple of mockups  (Read 425 times)

Offline seversky

  • WikiUser
  • *
  • Posts: 4
Just having some fun with a couple of mockups
« on: October 05, 2018, 11:25:45 AM »
I'm a UX Designer at a fairly large company, and also a Linux enthusiast. In my particular job I've had to design for some very restrictive size and bandwith limits, so the Tiny Core distro really piqued my interest. I felt a bit inspired to play around with some mockups to see just what this awesome little distro could look like within current its current limitations (assuming dev time were not an issue), and I wanted to share them here.

Feel free to disregard if this isn't interesting.

Offline seversky

  • WikiUser
  • *
  • Posts: 4
Re: Just having some fun with a couple of mockups
« Reply #1 on: October 05, 2018, 11:27:03 AM »
logo and icons

Offline seversky

  • WikiUser
  • *
  • Posts: 4
Re: Just having some fun with a couple of mockups
« Reply #2 on: October 05, 2018, 11:28:58 AM »
gui style: light

Offline seversky

  • WikiUser
  • *
  • Posts: 4
Re: Just having some fun with a couple of mockups
« Reply #3 on: October 05, 2018, 11:30:44 AM »
gui style: dark (low contrast)

Offline curaga

  • Administrator
  • Hero Member
  • *****
  • Posts: 9879
Re: Just having some fun with a couple of mockups
« Reply #4 on: October 06, 2018, 02:24:35 AM »
They look pretty nice. Some notes based on my experience.

The single-color icons in the wbar mockup are hard to distinguish from each other. Try looking at them with your side eye, you can't tell them apart - this is a good way to simulate reduced vision. Even people with good vision, looking straight on, take longer to tell them apart, which reduces usability. You often have to use them by remembering their position, which is not what you want. Even some big-name apps fail in this point, some versions of 3ds Max have a dark theme where all the button icons are indistinguishable from each other, you have to highlight each one and wait for the tooltip to make any sense of it.

The lack of edges and guiding colors in some elements, the so called "flat design" that is in fashion, likewise reduces usability. In both the dark and light mockups, look at the search text field - you can't tell it's a text field or a background element. It doesn't look clickable, or text-enterable. The lack of borders in the scrollbar buttons makes them harder to hit.

FLTK is fairly easy to customize on colors, you can define what colors you'd like for all of its defaults in your .Xdefaults file. If the app overrides a color, then you'd need to edit the app's code. Other aspects of appearance would also need code changes.
The only barriers that can stop you are the ones you create yourself.