michael hasselmann openismus gmbh -...

18
Michael Hasselmann, FOSDEM 2012 Why mobile text input is hard Why mobile text input is hard Michael Hasselmann Openismus GmbH

Upload: others

Post on 01-Mar-2021

1 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Michael Hasselmann Openismus GmbH - Maliitmaliit.github.io/images/133_Fosdem2012-why-mobile-text... · 2018. 5. 31. · Michael Hasselmann, FOSDEM 2012 Cursor Positioning (2) Mauris

Michael Hasselmann, FOSDEM 2012

Why mobile text input is hardWhy mobile text input is hardMichael Hasselmann

Openismus GmbH

Page 2: Michael Hasselmann Openismus GmbH - Maliitmaliit.github.io/images/133_Fosdem2012-why-mobile-text... · 2018. 5. 31. · Michael Hasselmann, FOSDEM 2012 Cursor Positioning (2) Mauris

Michael Hasselmann, FOSDEM 2012

Mobile Text Input? (1)Mobile Text Input? (1)

It's about virtual keyboards, It's about virtual keyboards, isn't it?isn't it?

Page 3: Michael Hasselmann Openismus GmbH - Maliitmaliit.github.io/images/133_Fosdem2012-why-mobile-text... · 2018. 5. 31. · Michael Hasselmann, FOSDEM 2012 Cursor Positioning (2) Mauris

Michael Hasselmann, FOSDEM 2012

Virtual keyboards everywhere (1)Virtual keyboards everywhere (1)

Page 4: Michael Hasselmann Openismus GmbH - Maliitmaliit.github.io/images/133_Fosdem2012-why-mobile-text... · 2018. 5. 31. · Michael Hasselmann, FOSDEM 2012 Cursor Positioning (2) Mauris

Michael Hasselmann, FOSDEM 2012

Virtual keyboards everywhere (2)Virtual keyboards everywhere (2)

Page 5: Michael Hasselmann Openismus GmbH - Maliitmaliit.github.io/images/133_Fosdem2012-why-mobile-text... · 2018. 5. 31. · Michael Hasselmann, FOSDEM 2012 Cursor Positioning (2) Mauris

Michael Hasselmann, FOSDEM 2012

Mobile text input? (2)Mobile text input? (2)● Why is it important?● Mobile devices increasingly popular

● Come without mouse or traditional HWKB● Touch screens as a general purpose input device

● Text input follows form factors● Non-western languages● Also applies to embedded devices

Page 6: Michael Hasselmann Openismus GmbH - Maliitmaliit.github.io/images/133_Fosdem2012-why-mobile-text... · 2018. 5. 31. · Michael Hasselmann, FOSDEM 2012 Cursor Positioning (2) Mauris

Michael Hasselmann, FOSDEM 2012

Mobile text input? (3)Mobile text input? (3)● Text input devices

● Hardware keyboard● virtual keyboard● voice

● Text input● Text editing● Cursor positioning● Text selection● Copy and paste● Text formatting

➥ mobile text input = text input methods

+ mobile devices

Page 7: Michael Hasselmann Openismus GmbH - Maliitmaliit.github.io/images/133_Fosdem2012-why-mobile-text... · 2018. 5. 31. · Michael Hasselmann, FOSDEM 2012 Cursor Positioning (2) Mauris

Michael Hasselmann, FOSDEM 2012

Text Input (1)Text Input (1)

Mauris pretium vehicula tellus, vitae tristique sapien malesuada a. Mauris vel ipsum ante. Donec faucibus quam sit amet neque rhoncus sit amet egestas eros ullamcorper. Integer laoreet augue eget dui viverra et pharetra dui porttitor. Donec sodales venenatis sollicitudin. Sed sodales lacinia ligula, at fringilla lacus adipiscing in. Nam purus nisi, pulvinar in tristique eget, tincidunt eu ante. Donec eros eros, molestie nec pellentesque ut, imperdiet sed metus. Quisque et erat ante. Pellentesque faucibus consectetur

Example application

Page 8: Michael Hasselmann Openismus GmbH - Maliitmaliit.github.io/images/133_Fosdem2012-why-mobile-text... · 2018. 5. 31. · Michael Hasselmann, FOSDEM 2012 Cursor Positioning (2) Mauris

Michael Hasselmann, FOSDEM 2012

Text Input (2)Text Input (2)

Mauris pretium vehicula tellus, vitae tristique sapien malesuada a. Mauris vel ipsum ante. Donec faucibus quam sit

(virtual keyboard)(virtual keyboard)

amet neque rhoncus sit amet egestasEros ullamcorper. Integer laoreetaugue|

OK

(virtual keyboard)(virtual keyboard)(virtual keyboard)

Page 9: Michael Hasselmann Openismus GmbH - Maliitmaliit.github.io/images/133_Fosdem2012-why-mobile-text... · 2018. 5. 31. · Michael Hasselmann, FOSDEM 2012 Cursor Positioning (2) Mauris

Michael Hasselmann, FOSDEM 2012

Text Input (3)Text Input (3)

Mauris pretium vehicula tellus, vitae tristique sapien malesuada a. Mauris vel ipsum ante. Donec faucibus quam sit amet neque rhoncus sit amet egestas eros ullamcorper. Integer laoreet augue|

(virtual keyboard)(virtual keyboard)(virtual keyboard)(virtual keyboard)(virtual keyboard)

Page 10: Michael Hasselmann Openismus GmbH - Maliitmaliit.github.io/images/133_Fosdem2012-why-mobile-text... · 2018. 5. 31. · Michael Hasselmann, FOSDEM 2012 Cursor Positioning (2) Mauris

Michael Hasselmann, FOSDEM 2012

Cursor Positioning (1)Cursor Positioning (1)

Mauris pretium vehicula tellus, vitae tristique sapien malesuada a|. Mauris vel ipsum ante. Donec faucibus quam sit amet neque rhoncus sit amet egestas eros ullamcorper. Integer laoreet augue eget dui viverra et pharetra dui porttitor. Donec sodales venenatis sollicitudin. Sed sodales lacinia ligula, at fringilla lacus adipiscing in. Nam purus nisi, pulvinar in tristique eget, tincidunt eu ante. Donec eros eros, molestie nec pellentesque ut, imperdiet sed metus. Quisque et erat ante. Pellentesque faucibus consectetur

Example application

Page 11: Michael Hasselmann Openismus GmbH - Maliitmaliit.github.io/images/133_Fosdem2012-why-mobile-text... · 2018. 5. 31. · Michael Hasselmann, FOSDEM 2012 Cursor Positioning (2) Mauris

Michael Hasselmann, FOSDEM 2012

Cursor Positioning (2)Cursor Positioning (2)

Mauris pretium vehicula tellus, vitae tristique sapien malesuada a. Mauris vel ipsum ante. Donec faucibus quam sit amet neque rhoncus sit amet egestas eros ullamcorper. Integer laoreet augue eget dui viverra et pharetra dui porttitor. Donec sodales venenatis sollicitudin. Sed sodales lacinia ligula, at fringilla lacus adipiscing in. Nam purus nisi,

(virtual keyboard)(virtual keyboard)

ad|a a

(virtual keyboard)(virtual keyboard)(virtual keyboard)

Page 12: Michael Hasselmann Openismus GmbH - Maliitmaliit.github.io/images/133_Fosdem2012-why-mobile-text... · 2018. 5. 31. · Michael Hasselmann, FOSDEM 2012 Cursor Positioning (2) Mauris

Michael Hasselmann, FOSDEM 2012

Text Selection & Formatting (1)Text Selection & Formatting (1)

Mauris pretium vehicula tellus, vitae tristique sapien malesuada a. Mauris vel ipsum ante. Donec faucibus quam sit amet neque rhoncus sit amet egestas eros ullamcorper. Integer laoreet augue eget dui viverra et pharetra dui porttitor. Donec sodales venenatis sollicitudin. Sed sodales lacinia ligula, at fringilla lacus adipiscing in. Nam purus nisi, pulvinar in tristique eget, tincidunt eu ante. Donec eros eros, molestie nec pellentesque ut, imperdiet sed metus. Quisque et erat ante. Pellentesque faucibus consectetur

Style…CutCopyPaste

Example application

B I U

Page 13: Michael Hasselmann Openismus GmbH - Maliitmaliit.github.io/images/133_Fosdem2012-why-mobile-text... · 2018. 5. 31. · Michael Hasselmann, FOSDEM 2012 Cursor Positioning (2) Mauris

Michael Hasselmann, FOSDEM 2012

Text Selection & Formatting (2)Text Selection & Formatting (2)

Mauris pretium vehicula tellus, vitae tristique sapien malesuada a. Mauris vel ipsum ante. Donec faucibus quam sit amet neque rhoncus sit amet egestas eros ullamcorper. Integer laoreet augue eget dui viverra et pharetra dui porttitor. Donec sodales venenatis sollicitudin.

B I U Copy Paste Close

(virtual keyboard)(virtual keyboard)(virtual keyboard)(virtual keyboard)(virtual keyboard)

Page 14: Michael Hasselmann Openismus GmbH - Maliitmaliit.github.io/images/133_Fosdem2012-why-mobile-text... · 2018. 5. 31. · Michael Hasselmann, FOSDEM 2012 Cursor Positioning (2) Mauris

Michael Hasselmann, FOSDEM 2012

Text Selection & Formatting (3)Text Selection & Formatting (3)

Mauris pretium vehicula tellus, vitae tristique sapien malesuada a. Mauris vel ipsum ante. Donec faucibus quam sit amet neque rhoncus sit amet egestas eros ullamcorper. Integer laoreet augue eget dui viverra et pharetra dui porttitor. Donec sodales venenatis sollicitudin. Sed sodales lacinia ligula, at fringilla lacus adipiscing in. Nam purus nisi,

B I U Copy

(virtual keyboard)(virtual keyboard)(virtual keyboard)

Page 15: Michael Hasselmann Openismus GmbH - Maliitmaliit.github.io/images/133_Fosdem2012-why-mobile-text... · 2018. 5. 31. · Michael Hasselmann, FOSDEM 2012 Cursor Positioning (2) Mauris

Michael Hasselmann, FOSDEM 2012

The perfect virtual keyboardThe perfect virtual keyboard

Page 16: Michael Hasselmann Openismus GmbH - Maliitmaliit.github.io/images/133_Fosdem2012-why-mobile-text... · 2018. 5. 31. · Michael Hasselmann, FOSDEM 2012 Cursor Positioning (2) Mauris

Michael Hasselmann, FOSDEM 2012

Multi touchMulti touch

ABBA

(virtual keyboard)(virtual keyboard)A B

A

Page 17: Michael Hasselmann Openismus GmbH - Maliitmaliit.github.io/images/133_Fosdem2012-why-mobile-text... · 2018. 5. 31. · Michael Hasselmann, FOSDEM 2012 Cursor Positioning (2) Mauris

Michael Hasselmann, FOSDEM 2012

Get in touchGet in touch

maliit.orgmaliit.org

Page 18: Michael Hasselmann Openismus GmbH - Maliitmaliit.github.io/images/133_Fosdem2012-why-mobile-text... · 2018. 5. 31. · Michael Hasselmann, FOSDEM 2012 Cursor Positioning (2) Mauris

Michael Hasselmann, FOSDEM 2012

Questions?Questions?