Download Document

Next Gen GUI Concept
Aaron Cardenas, 21/10/2008
Topics
Navigational Functions
Slide 2
23.05.2017
Navigational Functions
> Back / Escape / Abort / Exit
•
•
•
Return to previous screen
Abort change
Enter Alarm menu from main screen if alarms are present (soft-key?)
> Forward / Menu / Accept / Enter
•
•
•
•
Enter selected menu
Edit selected setpoint
Accept changes
Move cursor to the right while in edit mode
> Up & Down / Scroll
•
•
•
Scroll through menu items
Increase / Decrease editable value (speed sensitive)
Switch between different review screens when on the main screen
> Back (Long Press)
•
Slide 3
23.05.2017
Return to the main screen from anywhere in the interface
Topics
Navigational Functions
Conceptual Screens
Slide 4
23.05.2017
Splash Screen
> Displayed when controller is
powered on.
Slide 5
23.05.2017
•
Animated?
•
No button response.
Main Screen
> Multiple Review Screen Pages
•
Voltage, Load Current, Battery
Current
• System Temperatures
• Input Status, etc.
> Back
•
Enter the alarm menu if alarms are
present, otherwise, event log?
> Forward
•
Enter the main menu.
> Scroll (Up/Down)
•
Slide 6
23.05.2017
Switch between the different review
pages.
Main Menu
> Multiple Pages (if needed)
•
Custom Icons for each menu
item.
> Back
•
Return to main screen
> Forward
•
Enter the selected menu
> Scroll (Up/Down)
•
Slide 7
23.05.2017
Highlight the different items.
Sub Menu
> List of editable items, sub
menus, and review items.
> Back
•
Return to previous screen
> Forward
•
Edit the selected item, enter the
selected sub menu.
> Scroll (Up/Down)
•
Slide 8
23.05.2017
Highlight the different items.
Review Menu
> Table list of review items
•
List of modules (rectifiers, lvd,
converters, etc)
•
Event log
> Back
•
Return to previous screen
> Forward
•
Display detailed information of
selected item (FW, Serial, Model, etc)
> Scroll (Up/Down)
•
Slide 9
23.05.2017
Highlight the different items.
Edit Screen
> Edit Values
•
Numbers, Lists, Login, String, Date/Time.
> Back
•
•
Cancel Change
Move cursor left when applicable (Login,
String). If cursor is at the beginning then
cancel change.
> Forward
•
•
Apply change
Advance cursor when applicable (Login,
String). If cursor is at the end then apply
change.
> Scroll (Up/Down)
•
•
Slide 10
23.05.2017
Increment / Decrement value
Speed sensitive
Topics
Navigational Functions
Conceptual Screens
Hardware Ideas
Slide 11
23.05.2017
Button & Rotary Encoder w/ Push Button
> Simple
> Compact
> Encoder makes it easy to navigate
menus and adjust values without
repetitive button presses.
> Integrated push button and rotary
encoder is convenient.
> Cons:
•
•
•
Slide 12
23.05.2017
When entering text you have to move
through each digit in order to accept the
change and vice versa for canceling a
multi-digit change.
2-dimension navigation is probably not
recommended. (2-dimensional navagation
may add a layer of complexity that is not
needed)
Integrated Push encoder adds cost.
2 Buttons & Rotary Encoder
> Pros:
•
Slightly more intuitive initially.
•
Lowest cost option.
> Cons:
•
Slide 13
23.05.2017
Slightly more cumbersome to
move your fingers from the
encoder to the forward button
during navigation in the long
run.
Capacitive Touch Slider
> Slider can be used in
place of the up/down
buttons.
> Reduces repetative button
presses.
Slide 14
23.05.2017
2 Buttons & Scroll Wheel
> Different feel than the
encoder.
> Similar to the scroll wheel
on a mouse.
Slide 15
23.05.2017
Joystick Encoder
> Similar interface to the
one used in the
automotive industry.
> Encoder can be shifted
left/right/up/down,
pressed, and rotated. (7
possible functions)
> Cons:
•
Too many functions can cause
confusion to the user.
• Up/Down is redundant.
• Right/Press is redundant.
Slide 16
23.05.2017
Topics
Navigational Functions
Conceptual Screens
Hardware Ideas
Notes
Slide 17
23.05.2017
Notes
> Speaker
•
beeps for input feedback on button presses
• alarm when applicable (any button press deactivates audible alarm)
> Vertical soft-keys could possibly be used on the right side of the
screen.
> Screensaver / Low power mode after configured duration
•
Any button press wakes the screen
> When slides of this presentation are printed normally the screen
should be close to actual size (3.5”) for reference.
> 1-Dimensional menu system is easier to navigate over the phone
and allows for larger font size in general.
> Login from anywhere feature.
Slide 18
23.05.2017
Previous Concept
Slide 19
23.05.2017
Actual Implementation
Slide 20
23.05.2017