Refacteored content about alignment and forms
ClosedPublic

Authored by fabianr on Jul 13 2018, 7:16 AM.

Details

Summary

The current HIG page about alignment https://hig.kde.org/layout/alignment.html focuses very heavily on label and input element placement, but is rather light on general rules for alignment of various objects. This patch is moving the label and input element parts to its own content pattern and @abetts
wrote the content for a new, more general alignment page.

Diff Detail

Repository
R985 KDE Human Interface Guidelines
Branch
form
Lint
No Linters Available
Unit
No Unit Test Coverage
Build Status
Buildable 2346
Build 2364: arc lint + arc unit
fabianr requested review of this revision.Jul 13 2018, 7:16 AM
fabianr created this revision.
fabianr retitled this revision from Moved form alignment to a dedicated content pattern. added andy betts content about genreal alignment to [WIP] Moved form alignment to a dedicated content pattern. added andy betts content about genreal alignment.Jul 13 2018, 7:24 AM
fabianr edited the summary of this revision. (Show Details)
fabianr added reviewers: abetts, VDG.
fabianr added a subscriber: abetts.
fabianr updated this revision to Diff 37842.Jul 16 2018, 6:36 AM
  • fixed some spelling mistakes
ngraham added inline comments.
source/layout/alignment.rst
28

common ans sensical usage of -> common-sense

30

omit -> miss

38–40

How about this instead?

"Simple: good alignment improves comprehensibility and speed, and demands less thought."

39

Hmm, I'm not sure what this sentence is trying to communicate.

49

expect similar elements grouped -> expect that similar elements are grouped

65

paradox -> paradigm

?

Without the following example, I don't think it would be clear what this section is trying to communicate.

abetts added inline comments.Jul 24 2018, 2:07 PM
source/layout/alignment.rst
38–40

How about this?

"Simple: good alignment improves visual understanding and speed, and allows less thinking"

39

I may not have the right words here. What I mean is that when people design, they may have many guides or lines as margins or points of alignment for their objects and that a designer should simplify these. Many do it to jam pack their windows to have as much used space as possible and the UI ends up looking confusing.

65

Paradigm is right!

fabianr updated this revision to Diff 38742.Jul 30 2018, 6:25 AM
  • merged master
  • Small fixes from phab comments
fabianr marked 5 inline comments as done.Jul 30 2018, 6:27 AM
fabianr updated this revision to Diff 38743.Jul 30 2018, 6:27 AM
  • One more fix from phab comments
fabianr updated this revision to Diff 40303.Aug 23 2018, 1:37 PM
  • Merge branch 'master' into form
  • Added video to ilustrate Gestalt laws
fabianr retitled this revision from [WIP] Moved form alignment to a dedicated content pattern. added andy betts content about genreal alignment to [WIP] Refacteored content about alignment and forms.Aug 24 2018, 8:40 AM
fabianr edited the summary of this revision. (Show Details)
fabianr updated this revision to Diff 40680.Aug 30 2018, 6:56 AM
fabianr edited the summary of this revision. (Show Details)
  • Changed section about simple alignment
fabianr retitled this revision from [WIP] Refacteored content about alignment and forms to Refacteored content about alignment and forms.Aug 30 2018, 6:57 AM
fabianr marked an inline comment as done.
ngraham accepted this revision.Aug 30 2018, 1:51 PM
This revision is now accepted and ready to land.Aug 30 2018, 1:51 PM
fabianr closed this revision.Aug 30 2018, 3:26 PM