addons and fennec ui
DESCRIPTION
Presentation at the Mozilla/Maemo Danish Weekend (http://wiki.maemo.org/MozillaMaemoDanishWeekend) about things user-interface things to consider when writing a Fennec add-on.TRANSCRIPT
Add-ons in the Fennec UIMadhava Enros, Mozilla
Fennec design themes and goals
• Maximize screen space dedicated to content
• Minimize typing wherever possible
• Give primacy of interaction to a finger-oriented touchscreen
• accommodate finger size
• increase the physicality of the interface
• Support the quick lookup scenario
also: block popups, share location, install
software, etc.
Lorem ipsum dolor sit amet, consectetuer
adipiscing elit. Fusce tristique. Cras ipsum
urna, semper vitae, aliquet eget, rutrum
sed, pede. Morbi at sapien. Etiam cursus
tincidunt est. Praesent et mauris. Nullam
sodales, nulla et facilisis lobortis, libero
enim posuere lacus, vitae convallis sapien
odio in enim. Quisque pede. Cras dui. Sed
lobortis leo vel velit. Aenean aliquam, lacus
eu porta suscipit, magna nisi cursus leo, in
d igniss im fe l is fe l is u l t r ices urna.
Pellentesque accumsan porta ipsum.
Aenean egestas.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Fusce
tristique. Cras ipsum urna, semper vitae, aliquet eget, rutrum sed,
pede. Morbi at sapien. Etiam cursus tincidunt est. Praesent et
mauris. Nullam sodales, nulla et facilisis lobortis, libero enim
posuere lacus, vitae convallis sapien odio in enim. Quisque pede.
Cras dui. Sed lobortis leo vel velit. Aenean aliquam, lacus eu porta
suscipit, magna nisi cursus leo, in dignissim felis felis ultrices urna.
Pellentesque accumsan porta ipsum. Aenean egestas.
+ various transient alerts, awesomescreen
What about starting from Firefox?
menubars
toolbars
sidebars
statusbars
context menus
} no
menubarsrandom access to many options
toolbarsquick actions, alerts, ambient indicators, search
sidebarsconcurrent/background tasks, tools for content area
statusbarsquick access, alerts, ambient indicators,
context menusobject related actions, hiding many action (unfortunately)
sidebars become permanent tabs?
quick access go on awesomebar screen?above titlebar or below content?
ambient indicators become alerts?or, better, peek indicators?
tap and hold for context access
be creative - here:or in gestures
Lorem ipsum dolor sit amet, consectetuer
adipiscing elit. Fusce tristique. Cras ipsum
urna, semper vitae, aliquet eget, rutrum
sed, pede. Morbi at sapien. Etiam cursus
tincidunt est. Praesent et mauris. Nullam
sodales, nulla et facilisis lobortis, libero
enim posuere lacus, vitae convallis sapien
odio in enim. Quisque pede. Cras dui. Sed
lobortis leo vel velit. Aenean aliquam, lacus
eu porta suscipit, magna nisi cursus leo, in
d igniss im fe l is fe l is u l t r ices urna.
Pellentesque accumsan porta ipsum.
Aenean egestas.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Fusce
tristique. Cras ipsum urna, semper vitae, aliquet eget, rutrum sed,
pede. Morbi at sapien. Etiam cursus tincidunt est. Praesent et
mauris. Nullam sodales, nulla et facilisis lobortis, libero enim
posuere lacus, vitae convallis sapien odio in enim. Quisque pede.
Cras dui. Sed lobortis leo vel velit. Aenean aliquam, lacus eu porta
suscipit, magna nisi cursus leo, in dignissim felis felis ultrices urna.
Pellentesque accumsan porta ipsum. Aenean egestas.
12
3
Did he say “peek?”
ed Lorem ipsum dolor sit amet, consectetuer
adipiscing elit. Fusce tristique. Cras ipsum
urna, semper vitae, aliquet eget, rutrum
sed, pede. Morbi at sapien. Etiam cursus
tincidunt est. Praesent et mauris. Nullam
sodales, nulla et facilisis lobortis, libero
enim posuere lacus, vitae convallis sapien
odio in enim. Quisque pede. Cras dui. Sed
lobortis leo vel velit. Aenean aliquam, lacus
eu porta suscipit, magna nisi cursus leo, in
d igniss im fe l is fe l is u l t r ices urna.
Pellentesque accumsan porta ipsum.
Aenean egestas.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Fusce
tristique. Cras ipsum urna, semper vitae, aliquet eget, rutrum sed,
pede. Morbi at sapien. Etiam cursus tincidunt est. Praesent et
mauris. Nullam sodales, nulla et facilisis lobortis, libero enim
posuere lacus, vitae convallis sapien odio in enim. Quisque pede.
Cras dui. Sed lobortis leo vel velit. Aenean aliquam, lacus eu porta
suscipit, magna nisi cursus leo, in dignissim felis felis ultrices urna.
Pellentesque accumsan porta ipsum. Aenean egestas.
b
f
a
g
h
c
https://wiki.mozilla.org/Mobile/Fennec/Architecture
https://wiki.mozilla.org/Mobile/Fennec/Extensions
https://wiki.mozilla.org/Mobile/Fennec/CodeSnippets
https://wiki.mozilla.org/Mobile/Fennec/Extensions/BestPractices
Technical resources
http://starkravingfinkle.org/blog/2009/05/resources-for-fennec-add-on-developers/
Please get in touch!
https://bugzilla.mozilla.org/show_bug.cgi?id=477628
Bug 477628 - Fennec should offer a pleasant user-experience
twitter: madhavablog: madhava.com/egotism/madhava in #UX and #mobile