the next step in
user interface
User Interface (UI)

De user interface is een grafisch vormgegeven schil
waarmee gebruikers en apparaten met elkaar
kunnen communiceren.

Het doel van een User Interface is tweeledig:
De gebruiker in staat stellen het apparaat te bedienen
en het systeem de mogelijkheid geven
om de gebruiker informatie te presenteren.

User Experience (UX)

User Experience betekent simpel gezegd gebruikerservaring.
Dit is het gevoel dat een gebruiker meekrijgt bij het
bezoeken van een website of het gebruiken van een app.

Een goede ge­brui­ker­s­er­va­ring geeft de bezoeker
een positief gevoel en verliest de wensen van de klant niet uit het oog.

User Interface
User Experience
/
GBO
Future UI
Workflow
Workflow
Workflow
RX no action No action No action 3.X.0 No action As is in / decrease intensity in / decrease intensity in / decrease intensity No action No action navigate in / decrease intensity in / decrease countdown timer in / decrease countdown timer in / decrease countdown timer in / decrease countdown timer in / decrease countdown timer No action No action in / decrease intensity / value in / decrease value in / decrease value in / decrease intensity No action No action No action No action No action 3.X.0 3.X.0 No action No action As is As is No action No action Navigate Navigate navigate No action navigate timer options navigate timer options navigate timer options navigate timer options navigate timer options No action No action No action No action navigate navigate navigate settings No action navigate No action navigate No action No action No action Resume treatment 3.X.0 3.X.0 No action No action As is As is press > 2 sec.Y/N? Y Y press > 2 sec.Y/N? Y Y press > 2 sec.Y/N? Y Y press > 2 sec.Y/N? Y Y charger disconnectedY/N? Y Y press > 0.2 sec.Y/N? Y Y press > 1 sec.Y/N? Y Y N N 6.2.0 Handbrake press > 0.2 sec.Y/N? Y Y press > 1 sec.Y/N? Y Y N N 6.2.0 Handbrake press > 0.2 sec.Y/N? Y Y press > 1 sec.Y/N? Y Y N N 6.2.0 Handbrake press > 2 sec.Y/N? Y Y press > 2 sec.Y/N? Y Y press > 2 sec.Y/N? Y Y press > 2 sec.Y/N? Y Y press > 2 sec.Y/N? Y Y loop broken? Y/N? Y Y 6.1.0 Loop Broken inactive > X secs?Y/N? Y Y 3.1.1 Screening Treatment | Start press > 0.2 sec.Y/N? Y Y press > 1 sec.Y/N? Y Y N N 6.2.0 Handbrake inactive > X secs?Y/N? Y Y 3.2.1 Dynamic Treatment | Start press > 0.2 sec.Y/N? Y Y press > 1 sec.Y/N? Y Y N N 6.2.0 Handbrake inactive > X secs?Y/N? Y Y 3.3.1 Playlist Treatment | Start press > 0.2 sec.Y/N? Y Y press > 1 sec.Y/N? Y Y N N 6.2.0 Handbrake inactive > X secs?Y/N? Y Y 3.4.1 Special Treatment | Start press > 0.2 sec.Y/N? Y Y press > 1 sec.Y/N? Y Y N N 6.2 Handbrake inactive > X secs?Y/N? Y Y 3.5.0 Custom Treatment | Start loop restored? Y/N? Y Y loop broken? Y/N? Y Y 6.1.0 Loop Broken loop broken? Y/N? Y Y 6.1.0 Loop Broken loop broken? Y/N? Y Y 6.1.0 Loop Broken press > 0.2 sec.Y/N? Y Y press > 1 sec.Y/N? Y Y N N 6.2.0 Handbrake press > 0.2 sec.Y/N? Y Y press > 1 sec.Y/N? Y Y N N 6.2.0 Handbrake press > 0.2 sec.Y/N? Y Y press > 1 sec.Y/N? Y Y N N 6.2.0 Handbrake press > 0.2 sec.Y/N? Y Y press > 1 sec.Y/N? Y Y N N 6.2.0 Handbrake Resume treatment press > 0.2 sec.Y/N? Y Y press > 1 sec.Y/N? Y Y N N 6.2.0 Handbrake 3.1.0 Screening Treatment | Screening 3.2.0 Dynamic Treatment | Select 3.3.0 Playlist Treatment | Select 3.4.0 Special Treatment | Select 3.5.0 Custom Treatment | Select 3.1.0 Screening Treatment | Screening 3.2.0 Dynamic Treatment | Select 3.3.0 Playlist Treatment | Select 3.4.0 Special Treatment | Select 3.5.0 Custom Treatment | Select 3.1.0 Screening Treatment | Screening 3.2.0 Dynamic Treatment | Select 3.3.0 Playlist Treatment | Select 3.4.0 Special Treatment | Select 073 hi MED lo Hi Intensity Frequency Block Damping Width custom treatment 073 hi MED lo Hi Intensity Frequency Block Damping Width custom treatment 073 hi MED lo Hi Intensity Frequency Block Damping Width custom treatment Special treatment Chronic Special treatment Chronic Playlist treatment Sub-Accute Playlist treatment Sub-Accute 05:00 Screening treatment 005 Intensity Screening Screening treatment 005 Intensity Screening 00:00 005 Intensity Screening Chronic+ (T.B.D.) Sub-Accute (T.B.D.) Accute (T.B.D.) Chronic (T.B.D.) Chronic (T.B.D.) Sub-Accute (T.B.D.) Accute (T.B.D.) Chronic+ (T.B.D.) System Configuration Custom Treatment Dynamic Treatment Screening Treatment Playlist Treatment Special Treatment Dynamic treatment Playlist treatment System Configuration System Configuration Energy System Configuration Sound System Configuration Version System Check Energy Sound Version 05:00 02:30 7 Auto Shut Down Auto Dim Brightness 5 / 10 mute Buttons System V.XX.XX V.XX.XX Hardware Software Loop Broken! Restore loop to continue. Handbrake! Press center button to continue. Cycle Ready! Screening treatment Timer 00:00 Current 0 Screening treatment Screening treatment Playlist treatment Special treatment Special treatment Playlist treatment Playlist treatment Playlist treatment Intensity 005 Start 20 Mod 0 Final 20 Speed 0 Charging… (72%) Bye bye! Chronic+ (T.B.D.) Sub-Accute (T.B.D.) Accute (T.B.D.) Chronic (T.B.D.) 005 Intensity Sub-Accute Playlist treatment Sub-Accute 005 Intensity Chronic 073 hi MEd Lo Hi Intensity Frequency Block Damping Width custom treatment 005 med MEd Lo Hi Intensity Frequency Block Damping Width custom treatment 073 hi Hi lo Hi Intensity Frequency Block Damping Width custom treatment 005 Intensity Screening Screening treatment Dynamic treatment 005 Intensity Accute 05:00 Dynamic treatment 005 Intensity Accute Dynamic treatment 005 Intensity Accute 00:00 Dynamic treatment 005 Intensity 05:00 005 Intensity 005 Intensity 00:00 005 Intensity 05:00 005 Intensity 005 Intensity 00:00 005 Intensity Accute Special treatment Sub-Accute Chronic Chronic 05:00 00:00 2.1 Dynamic Treatment | Start 3.1 Playlist Treatment | Start 1.0 Screening Treatment | Screening 2.0 Dynamic Treatment | Select 3.0 Playlist Treatment | Select 6.0 System Configuration 1.0 Loop Broken 1.0 Exit 6.1 System Configuration | Energy 6.2 System Configuration | Sound 6.3 System Configuration | Version 0. off 1. Boot 2. Start menu 5. Exit 6. Non linear 3. Treatment 4. System config status led on haptic off sound navigation screen select dynamic treatment dim inactive t.b.d. (dependent on screen type) timer n/a intensity off 1.0 Start Menu status led on haptic off sound navigation screen start menu dim inactive t.b.d. (dependent on screen type) timer n/a intensity off 1.0 Startup Sequence status led fade in haptic short vibration sound startup screen system check dim inactive no timer n/a intensity off 1.0 All Off status led off haptic off sound off screen off dim inactive n/a timer n/a intensity off status led on haptic short vibration on reaching Start / Mod / Final sound navigation, value, reaching Start / Mod / Final screen screening, landscape (+90 ° or -90°) dim inactive t.b.d. (dependent on screen type) timer initiate count on contact, stop on release intensity set to minimum 1.1 Screening Treatment | Start status led pulsating haptic triple short vibration on end timer sound navigation, value screen start screening treatment dim inactive t.b.d. (dependent on screen type) timer start countdown intensity set to minimum 1.2 Screening Treatment | Timer status led as is haptic as is sound navigation, value screen start screening treatment / timer dim inactive as is timer as is intensity as is status led pulsating haptic triple short vibration on end timer sound navigation, value screen start dynamic treatment dim inactive t.b.d. (dependent on screen type) timer start countdown intensity set to minimum status led on haptic off sound navigation, value screen set system energy settings dim inactive t.b.d. (dependent on screen type) timer n/a intensity off status led on haptic off sound navigation, value screen set system sound settings dim inactive t.b.d. (dependent on screen type) timer n/a intensity off status led on haptic off sound navigation screen view system version dim inactive t.b.d. (dependent on screen type) timer n/a intensity off status led pulsating haptic triple short vibration on end timer sound navigation, value screen start playlist treatment dim inactive t.b.d. (dependent on screen type) timer start countdown intensity set to minimum 3.2 Playlist Treatment | Timer status led as is haptic as is sound navigation, value screen playlist treatment / timer dim inactive as is timer as is intensity as is status led on haptic off sound navigation screen select playlist treatment dim inactive t.b.d. (dependent on screen type) timer n/a intensity off 4.1 Special Treatment | Start 4.0 Special Treatment | Select status led pulsating haptic triple short vibration on end timer sound navigation, value screen start special treatment dim inactive t.b.d. (dependent on screen type) timer start countdown intensity set to minimum 4.2 Special Treatment | Timer status led as is haptic as is sound navigation, value screen special treatment / timer dim inactive as is timer as is intensity as is 5.1 Custom Treatment | Timer status led as is haptic as is sound navigation, value screen special treatment / timer dim inactive as is timer as is intensity as is status led on haptic off sound navigation screen select special treatment dim inactive t.b.d. (dependent on screen type) timer n/a intensity off 5.0 Custom Treatment | Start status led pulsating haptic off sound navigation, value screen set custom treatment, settings stored as left dim inactive t.b.d. (dependent on screen type) timer n/a intensity set to minimum N.B. After X seconds of inactivity, the selected item jumps to the intensity setting. N.B. In timer functionality the user can choose from ‘screensaver’, count up and countdown.The most recent selected option becomes the preset one after leaving the screen. 2.2 Dynamic Treatment | Timer status led as is haptic as is sound navigation, value screen dynamic treatment / timer dim inactive as is timer as is intensity as is N.B. By default the system boots in 1.1.0 Start Menu. If the user shuts down the system from a treatment the next boot is in that respective treatment (3.X.0) indicated by ‘‘ in the flow. status led on haptic off sound navigation screen select system setting dim inactive t.b.d. (dependent on screen type) timer n/a intensity off status led blinking haptic repetitive triple long vibration sound alarm screen loop broken dim inactive no timer paused intensity set to minimum 3.0 Cycle Ready status led on haptic triple short vibration sound cycle end screen cycle end dim inactive t.b.d. (dependent on screen type) timer n/a intensity off 2.0 Handbrake status led blinking haptic repetitive triple long vibration sound alarm screen handbrake dim inactive no timer paused intensity set to minimum 5.0 Battery Critical status led as is , with alarm colour haptic as is , with triple short vibration sound as is screen as is , with battery blinking dim inactive as is timer as is intensity as is status led fade out haptic short vibration sound shut down screen exit dim inactive no timer n/a intensity off 4.0 Connected to Charger status led on haptic off sound connected screen charging dim inactive t.b.d. (dependent on screen type) timer n/a intensity off
Workflow
Workflow
Workflow
Rough digital screen
Workflow
Evolution of wireframe
Workflow
Evolution of wireframe
Workflow
Close up screen detailing
Workflow
Optimedic ENSr123
Rioned eControl+
Propeaq
App design
Live timeline
Future UI
Future UI
Future UI
iPhone
Future UI
iPhone
Future UI
User Centered Design
Thank you