Versions Compared

Old Version 57

changes.mady.by.user Former user

Saved on

compared with

New Version 58

changes.mady.by.user Former user

Saved on

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Section
borderfalse
433F3D

Style

Column
width70%

Design Walkthrough

See Also:
(Floe) UI Options user testing results (November 2012)
(Floe) UI Options user testing report (November 2012)
(Floe) UI Options user testing protocol (September 2012)

On-page

Closed panel

Open panel

Size

Contrast

Emphasis links & buttons

Simplify

Option 1: Responsive layout slider

Option 2: Article-only with table of contents

Panel slid

Captions

Text to speech

Keyboard Shortcuts

Browser extension

Mobile





Colours

Font color

Font

  • #433F3D Open Sans
  • preference headings: 16pt Semibold
  • descriptions/check-boxes/drop-downs: 14pt Regular
  • on/off toggle: 14pt Semibold

Form element outline

989898

Icon grey

8D8681

Highlight background

E8EABE

Blue Link

3172AE

1 = Outline 009966
2 = Inset border ABD078
3 = Light gradient 97C93C
4 = Dark gradient 22A755

Options top gradient

000000, 15% opacity

Options bottom gradient

E7E6E6

Margins, Padding, and Sizes

Column
width30%
Panel
titleOn this page
Table of Contents
indent30px
styledisc