KX-TPA70/73 UI/UX Concepts

21st April 2020 Rev 1.2 Revision history

Date Revision Changes 26th February 2020 Rev 1.0 Initial Release Add “KX-TPA70/73” to title 16th April 2020 Rev 1.1 P2 swap TGP700 to TPA70/73, remove TGP700 photo P19 change “current”,”TGP700”  “TPA60”, ”TPA70/TPA73” 21st April 2020 Rev 1.2 P2 photo swap of TPA73

1 KX-TGP70/73 Overview

Specification

Spec - LCD Size, Resolution - Font, Color  Design - Improve Display - Control the Display of the Button - Menu Name - Settings of the list screen - The call log on the idle - Battery - Placeholder KX-TPA70 KX-TPA73 - Softkey Unification

2 LCD Size, Resolution

TPA70/73 extended the LCD size to increase the amount of information displayed on one screen.

TPA60 TPA70/TPA73

320 pix 160 pix 1.8 inch 2.2 inch

128 pix 240 pix

Examples of appearance with different resolutions

3 Font, Color

 Font is “”  Used as the default font on Android and Chrome OS  Color with high visibility in consideration of people with color weakness.

Text Color

Text Color Dark

Highlight Color

4 UI/UX design policy

1. Guide We will aim at design that considers the user to properly navigate, such as "Where is the page that I am now" "What to do next"

2. Less operation We will reduce the number of times user press the button as much as possible, and make it easy to operate.

3. Intuitive We aim to be simple, intuitive and easy to understand.

5 UI/UX design policy

1. Guide We will aim at design that considers the user to properly navigate, such as "Where is the page that I am now" "What to do next"

2. Less operation We will reduce the number of times user press the button as much as possible, and make it easy to operate.

3. Intuitive We aim to be simple, intuitive and easy to understand.

6 Guide : Improve Display

Topic Path, Page Title, Page Number To understand which page you're viewing. Topic Path TPA60 TPA70/TPA73

Page Title

Page Number Current Page／All Pages

 Which layer is the user in?  Which page is displayed?  How many pages there are? 7 Guide : Dynamic Display Control Display to encourage the next action

Case 1:Call Forward

input The Save button appears

Case 2:Memo Alarm

Navi(→) Navi(→) Navi(→)

Related Setting Items

8 UI/UX design policy

1. Guide We will aim at design that considers the user to properly navigate, such as "Where is the page that I am now" "What to do next"

2. Less operation We will reduce the number of times user press the button as much as possible, and make it easy to operate.

3. Intuitive We aim to be simple, intuitive and easy to understand.

9 Less operation : Menu structure improvement Rebuild the menu structure to make less layer Example: Call Forward/ Do not Disturb and Status Menu

TPA60 TPA70/73 Idle Idle

System Settings Call Service Status

Call Settings Status Do Not Disturb Call Forward Base Unit

FWD/DND Firmware Version On/Off On/Off Model/Version

DND FWD(All) Base Station

On/Off On/Off Version

5 layers 3 Layers 10 Less operation : Setting list screen① One Step ON/OFF Settings

TPA60 TPA70/TPA73 When changing the setting value, Use Checkbox to reduce STEPs need to go to a lower layer and change it.

Press

(1) OK (2) Change

(3) OK

3 STEPs 1 STEP 11 Less operation : Setting list screen② Multiple Option can be set easily Case 1:Standby Display  Can be edited on one screen

Press Press Navi(→)

enclose in "<>" Press [←] or [→] Case 2: Language  Go to a new page Press

12 Less operation : Setting list screen③ Text Settings Setting can be done with referring to related items

Press Press Edit

Cursor display Edit directly

13 Less operation: Call log improvement Quick steps to make a call from idle state by call log.

Press Press “Navi [↓]” [Center] or “Navi [→]“

(1) Idle screen (2) Call-History screen (3)Detail info of call log

Incoming call – Answered Press [Talk] Incoming call – Missed call

Outgoing call

14 Outgoing Less operation : Call log improvement

Quick steps to access to call logs. Press

Press Press Press “Navi [↓]” 3 times

(1) Idle screen (2) Call History (3) Incoming Log (3) Outgoing Log

Call History displays both Incoming log and Outgoing log.

Press [Talk]or Outgoing 15 UI/UX design policy

1. Guide We will aim at design that considers the user to properly navigate, such as "Where is the page that I am now" "What to do next"

2. Less operation We will reduce the number of times user press the button as much as possible, and make it easy to operate.

3. Intuitive We aim to be simple, intuitive and easy to understand.

16 Intuitive : Battery Icon

Battery level indication in 10 levels. Battery level is displayed in 5% step TPA60 TPA70 TPA73 NiMH Battery Li-ion Battery 95%～100% Full 85%～94% Full 75%～84% 3 Full

65%～74%

55%～64% 33 2 45%～54%

35%～44% 2 25%～34% 21

15%～24% 1 3%～14% 1

1%~2%

0% 17

Intuitive : Battery Icon

Charge status understandable at a glance Battery level is displayed in 5% step TPA60 TPA70 TPA73 NiMHFull Battery Li-ion Battery 95%～100% Full

85%～94% 3 Full

75%～84% 3 65%～74% 3 2 55%～64%

2 45%～54% 21 35%～44%

25% ～34% 1

15%～24% 1

3%～14%

0%~2%

18 Intuitive : Placeholder Guidance by placeholders TPA60 TPA70/TPA73 User does not know what to input

Input

Guide disappears when Display what to input for each item user inputs a first character.

19 Intuitive : Consistent Softkey Position

Unify the meaning of Softkeys as follows Basically, the information that has the meaning of “GO" and “NEXT" on the right side, the meaning of “BACK“, “CANCEL" on the left side, the meaning of "OK" and “MENU“ on the center.

Soft(A):BACK, CANCEL Soft():NEXT

Soft(B):OK, MENU

BACK OK NEXT CANCEL MENU

20