metabolist / metatext

A free, open-source iOS Mastodon client.
https://metabolist.org/metatext
GNU General Public License v3.0
726 stars 101 forks source link

Focus post view: way too little margin #248

Open rstockm opened 2 years ago

rstockm commented 2 years ago

Overall, the layout and lettering of this app is surprisingly good. One view stands out, though - the "focus" view of a posting. It has way to little margin on the left (and maybe right), violating the UX guidelines of iOS.

This is what it looks like now:

image

This would be much better, not wasting many pixels:

image

(the information snippets under the text (date/favs etc.) should be moved, to. It applies to all focused topics, not just the replies.

In addition to that, in everday use the outermost interaction buttons in focus view are too close to the border, too - here in orange:

image

the 5 icons should we closer together, widening the clickable area on the far left/right.

(please complete the following information):

alexbbrown commented 2 years ago

@rstockm could you please link to the human interface guidelines which are relevant to this UI? I would love it read them.

jzzocc commented 2 years ago

This is a bug, compiling the app using a newer iOS SDK messed up margins in a few places (e.g. the margin on trending hashtags in the explore column in App Store screenshots vs the lack of margin there now)

rstockm commented 2 years ago

@rstockm could you please link to the human interface guidelines which are relevant to this UI? I would love it read them.

Have a look at this page (and several others in this area):

https://developer.apple.com/design/human-interface-guidelines/foundations/layout