UI Design

design_law,
@design_law@mastodon.social avatar

Question for the web design people in the fedi: Is anything shown in (the solid lines in) this drawing something you'd refer to as a "breadcrumb"?

https://mastodon.social/@meredithlowry/112321242194162393

Colarusso,
@Colarusso@mastodon.social avatar

@design_law It depends. Customarily, a breadcrumb is a navigation feature that helps the user see what path they've navigated through. E.g., like "home>topic 1>subtopic 3" A generous read could be that this design specifies the containers for specific information, like maybe there will be icons in the circles showing last and next location. ¯_(ツ)_/¯

kurian,

@design_law in that diagram - without additional context of 'navigation' e.g. directional arrows of labelling of the path, I wouldn't consider that on it's own to be a 'bread crumb'

Mehrad,
@Mehrad@fosstodon.org avatar

I've been using :AntennaPod: @AntennaPod for some years now and It's truly a legend in podcast world, but it suffers from one single and very tiny UI design flaw (which is understandable in such FLOSS and volunteer-based projects): some buttons are virtually hidden unless you know where to look for them.

One of the features that many podcast apps have is the ability to archive podcasts (i.e out of sight, out of mind, but keep my stats and progress).


🧵👇🏼

Mehrad,
@Mehrad@fosstodon.org avatar

🧵👆🏼
In AntennaPod there are multiple threads about this issue, for example:

https://forum.antennapod.org/t/archive-pause-subscribed-podcasts/3082

https://github.com/AntennaPod/AntennaPod/issues/6672

and they suggest this manual process:

  1. putt them in a tag called “archive”
  2. disabling “show in main list”
  3. disabling “keep updated”

The first one is easy, the 3rd one I found it in the podcast setting, but the 2nd one was a pain to find. I even used the search box in the settings and didn't find it.
🧵👇🏼

Mehrad,
@Mehrad@fosstodon.org avatar

🧵👆🏼
At the end I found this short helpful article that had pictures for where to find the option I was looking for:

https://antennapod.org/blog/2023/09/curating-your-podcast-archive

@AntennaPod I think the general direction is ok, but either:

  1. Please add an option to automate this with a toggle button in each podcast settings

  2. move/duplicate that checkbox also in the podcast settings and not tag settings (where it does not belong imho)

WebAxe,
@WebAxe@a11y.info avatar
christianp,
@christianp@mathstodon.xyz avatar

@WebAxe Weird that in the section about contrast ratios, they don't mention that the calculated ratio is incorrect for colourblind people.
Red () on black () will have a WCAG contrast ratio of 5.25, but I'll see the red as something more like , which has a very poor WCAG ratio of 1.26.

dennisl,
@dennisl@mastodon.social avatar
design_law,
@design_law@mastodon.social avatar

User experience mini-rant:

Since the latest "update," when I type in Excel, the new entry shows up in 11-point Calibri until I hit enter or tab (at which point it turns into the proper size and typeface).

It's ugly and annoying.

Is this a ham-handed way to push us all to use Calibri? An oversight? Surely, no one thought this would be something users would like, right?

SharonCrockett,
@SharonCrockett@toot.community avatar

@design_law Also, in the updated Word, highlighting text for cut/paste changed, it seems. It feels more cumbersome than in the past when I could just hold down the left button of your mouse and drag. This no longer works. Or, am I just confusing Word with how highlighting text in Apple Pages works?

design_law,
@design_law@mastodon.social avatar

@SharonCrockett Oh, interesting. I've never highlighted that way, so I hadn't noticed any change.

leaverou,
@leaverou@front-end.social avatar

What a fantastic way to present history: The Evolution of the Scrollbar

Interactive scrollbars you can actually play with from the very first (Xerox Star, 1981) until 2015.
https://scrollbars.matoseb.com/

h/t @karger

hill,

Added an end meditation early feature to https://Zenti.app. Having some fun playing with the animation.

UI demo of Zenti

zeldman,
@zeldman@front-end.social avatar

UIUX: Evolution of the Scrollbar by Sébastien Matos.
Hat tip: Nikki Vias.

https://scrollbars.matoseb.com/

Chris,
@Chris@mastodon.social avatar

@zeldman It seems like the thinking in Mac OS 8 was “well, it’s going to be a few years before we ship anything useful with the company we just bought and its operating system, so as a stopgap, let’s just make our scrollbars look like theirs.”

CrystalLora, German

Mich interessiert eine Umschulung zu UI/UX Designer Kann wer Anbieter empfehlen, die Umschulungen anbieten?

rolle,
@rolle@mementomori.social avatar

I'm experimenting on displaying media on Mastodon posts. Very long mobile posts or images with aspect-ratio of 2:3 that have more height than width are usually difficult to perceive on a busy feed. This change would make those long posts smaller while retaining the 1:1 or 16:9 posts as they are.

panda,
@panda@pandas.social avatar

@rolle

I get, why you prefer the left side. I just can't get myself to like it tbh. ✌️

rolle,
@rolle@mementomori.social avatar

@panda Reasonably sized photos still show up like they used to. Only tall photos are rendered the way they fit better. One offs really look like they are meant to be that way.

A tall portrait image has max-height on Mastodon.

adamsimmersive,
@adamsimmersive@mastodon.social avatar
adamsimmersive,
@adamsimmersive@mastodon.social avatar

A rectangular layout is great for limited UI space, but here’s a “quantized” variation on a traditional triangular HSV color picker. The hue hexagon makes primaries and secondaries easy to find. #ColorTheory #UIDesign

WebAxe,
@WebAxe@a11y.info avatar
WebAxe,
@WebAxe@a11y.info avatar
WebAxe,
@WebAxe@a11y.info avatar
WebAxe,
@WebAxe@a11y.info avatar

When I Get That Low Contrast Feeling, I Need Non-Textual Healing (Terrific article regarding WCAG 1.4.1 Use of Color)
https://www.tpgi.com/when-i-get-that-low-contrast-feeling-i-need-non-textual-healing/

  • All
  • Subscribed
  • Moderated
  • Favorites
  • UIDesign
  • DreamBathrooms
  • magazineikmin
  • thenastyranch
  • modclub
  • everett
  • rosin
  • Youngstown
  • slotface
  • ethstaker
  • mdbf
  • kavyap
  • osvaldo12
  • InstantRegret
  • Durango
  • megavids
  • ngwrru68w68
  • tester
  • khanakhh
  • love
  • tacticalgear
  • cubers
  • GTA5RPClips
  • Leos
  • normalnudes
  • provamag3
  • cisconetworking
  • anitta
  • JUstTest
  • All magazines