metatext icon indicating copy to clipboard operation
metatext copied to clipboard

Focus post view: way too little margin

Open rstockm opened this issue 2 years ago • 3 comments

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):

  • Device: iPhone 11
  • iOS: 16.1.1

rstockm avatar Nov 26 '22 00:11 rstockm

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

alexbbrown avatar Nov 26 '22 21:11 alexbbrown

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)

jzzocc avatar Nov 26 '22 22:11 jzzocc

@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

rstockm avatar Nov 28 '22 11:11 rstockm