1 of 22

Legibility Improvement

Frame

Dec 2020 | UX Team

2 of 22

Best Practices

Reading Distance and Font Size

Reading Distance

Minimum Comfortable Font Size

Scenario

25.0+ feet

7.5+ m

160+ points

Big US living room

10.0 feet

3 m

52-64 points

Passing by a frame

5.0 feet

1.5 m

32-51 points

In front of frame

2.4 feet

0.7 m

14-31 points

Holding the frame

Research: https://www.sciencebuddies.org/science-fair-projects/science-fair/display-board-fonts

3 of 22

Improvement Suggestions

768dp-1080dp Frames (W8D, W10B, W10G, W10F)

Item

Font

Size (before)

Font Size (after)

Scenario

Use Case

*Super Big Title

-

160+

Big US living room

Big clock

Heading

36, 64

52, 64

Passing by a frame

Clock, setup title, new photo notification

Subheading

30

36

In front of frame

Setup subheader, language

Caption, Body Text

24,

26

32,

32

In front of frame

​

Caption. Body text

Description

14, 18, 22

16,20,24

Holding the frame

Additional info

200

64

36

36

32

32

84

28

*red texts are improved font sizes

Full list of text style table: https://drive.google.com/file/d/1IfEdEMCR6Or1vHcoyK62lvTnxqHZYI1n/view?usp=sharing

​

​

4 of 22

Improvement Suggestions

<768dp Frames (7 inch frame)

Item

Font

Size (before)

Font Size (after)

Scenario

*Super Big Title

-

160+

Big US living room

Heading

30,52

40,52

Passing by a frame

Subheading

28

32

In front of frame

Caption, Body Text

24,

24

24,

24

In front of frame

​

Description

14, 18, 20

14,20,22

Holding the frame

64

32

32

28

32

84

28

*red texts are improved font sizes

5 of 22

Improvement Suggestions

>1080dp Frames (W13B, W13C, W13D, W15C)

Item

Font

Size (before)

Font Size (after)

Scenario

*Super Big Title

-

160+

Big US living room

Heading

42, 52

58, 68

Passing by a frame

Subheading

34

42

In front of frame

Caption, Body Text

28,

30

36,

38

In front of frame

​

Description

14, 18, 26

18,28,32

Holding the frame

*red texts are improved font sizes

68

42

42

38

36

88

32

6 of 22

Case Study

Before & After (W10G: 1024x768sp)

7 of 22

Case Study

Before & After (W10G: 1024x768sp)

8 of 22

Case Study

Before & After (W10G: 1024x768sp)

9 of 22

Case Study

Before & After (W10G: 1024x768sp)

10 of 22

Case Study

Before & After (W10G: 1024x768sp)

11 of 22

Case Study

Before & After (W10G: 1024x768sp)

12 of 22

Case Study

Before & After (W10G: 1024x768sp)

13 of 22

Case Study

Before & After (W10G: 1024x768sp)

14 of 22

Case Study

Before & After (W10G: 1024x768sp)

15 of 22

Case Study

Before & After (W10G: 1024x768sp)

16 of 22

Case Study

Before & After (W10G: 1024x768sp)

17 of 22

Competitor Analysis

​

Facebook Portal+ 15.6”

Google Home Hub 7"

Amazon Echo Show 8"

18 of 22

Competitor Analysis

Nest Hub Max 10”, Facebook Portal 10”, Nixplay Smart Photo Frame 9.7”

19 of 22

Comparison (Before & AFter)

Nest Hub Max 10”（1280x800）, Nixplay Smart Photo Frame 9.7” (1024x768)

Before

After

Item

Font Size (before)

Font Size (after) - Small

Font Size (after) - Medium

Font Size (after) - Large

• Caption

24, 28

20, 24, 30

24, 32, 36

28, 36, 44

• Clock time

50, 60

52, 60, 68

60, 84, 88

80, 100, 120

• Clock AM/PM

35, 40

24, 28, 32

28, 32, 36

36, 42, 58

• Clock Date

24, 28

24, 28, 32

28, 32, 36

36, 42, 58

20 of 22

Caption & Clock Specs

​

Seed 7"

Nixplay Smart Photo Frame 9.7”

​

Nixplay Smart WiFi Frame 13.3”

​

21 of 22

Caption & Clock Specs

​

White text on dark background

​

Black text on light background

​

text shadow: 80% white, x 3sp, y 3sp, blur 2sp

text shadow: 80% black, x 3sp, y 3sp, blur 2sp

22 of 22

Caption Font Size Settings

​

7” frame

10” frame

13” and above frame

Small font size

20

24

28

Medium font size (default)

24

32

36

Large font size

30

40

44