Addons And Fennec UI

•

3 recomendaciones•1,150 vistas

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.

Tecnología Noticias y política

Add-ons in the Fennec UI
Madhava Enros, Mozilla

Fennec design themes and goals

• Maximize screen space dedicated to content

• Minimize typing wherever possible

• Give primacy of interaction to a ﬁnger-oriented touchscreen

• accommodate ﬁnger 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
dignissim felis felis ultrices 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

}
menubars

toolbars

sidebars no

statusbars

context menus

menubars
random access to many options

toolbars
quick actions, alerts, ambient indicators, search

sidebars
concurrent/background tasks, tools for content area

statusbars
quick access, alerts, ambient indicators,

context menus
object 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: 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.

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

or in gestures
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.

a

b

c d Lorem ipsum dolor sit amet, consectetuer e f g
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.

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.

h

Technical resources

http://starkravingﬁnkle.org/blog/2009/05/resources-for-fennec-add-on-developers/

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

Please get in touch!

madhava@mozilla.com

twitter: madhava
blog: madhava.com/egotism/
madhava in #UX and #mobile

Bug 477628 - Fennec should offer a pleasant user-experience
https://bugzilla.mozilla.org/show_bug.cgi?id=477628

Más contenido relacionado

Similar a Addons And Fennec UI

T4 e6 mondragon

pxdrxxx

Creative Juices 2011

Crittenden Graphic Design & Communications

Why Blog?

Final Flatplans

Resume

Final Layouts

Caching on the Edge with Symfony2

Fabien Potencier

Why would we want to talk to customers or them to us? TCUK 2012

Ian Ampleford

TCUK 2012, Ian Ampleford and Peter Jones, Why would we want to talk to customers

TCUK Conference

Craftsmans-Day-Template-slidesppt.net_.pptx

lauriani00110101

Similar a Addons And Fennec UI (10)

T4 e6 mondragon

Creative Juices 2011

Why Blog?

Final Flatplans

Resume

Final Layouts

Caching on the Edge with Symfony2

Why would we want to talk to customers or them to us? TCUK 2012

TCUK 2012, Ian Ampleford and Peter Jones, Why would we want to talk to customers

Craftsmans-Day-Template-slidesppt.net_.pptx

Último

The Good, the Bad and the Governed - Why is governance a dirty word? David O'Neill, Chief Operating Officer - APIContext Apidays New York 2024: The API Economy in the AI Era (April 30 & May 1, 2024) ------ Check out our conferences at https://www.apidays.global/ Do you want to sponsor or talk at one of our conferences? https://apidays.typeform.com/to/ILJeAaV8 Learn more on APIscene, the global media made by the community for the community: https://www.apiscene.io Explore the API ecosystem with the API Landscape: https://apilandscape.apiscene.io/

Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...

apidays

Corporate and higher education. Two industries that, in the past, have had a clear divide with very little crossover. The difference in goals, learning styles and objectives paved the way for differing learning technologies platforms to evolve. Now, those stark lines are blurring as both sides are discovering they have content that’s relevant to the other. Join Tammy Rutherford as she walks through the pros and cons of corporate and higher ed collaborating. And the challenges of these different technology platforms working together for a brighter future.

Corporate and higher education May webinar.pptx

Rustici Software

"I see eyes in my soup": How Delivery Hero implemented the safety system for ...

Zilliz

How to Troubleshoot Apps for the Modern Connected Worker

ThousandEyes

FWD Group - Insurer Innovation Award 2024

The Digital Insurer

Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood

Juan lago vázquez

CNIC Information System with Pakdata Cf In Pakistan

danishmna97

Whatsapp Number Escorts Call girls 8617370543 Available 24x7 Mcleodganj Call Girls Service Offer Genuine VIP Model Escorts Call Girls in Your Budget. Mcleodganj Call Girls Service Provide Real Call Girls Number. Make Your Sexual Pleasure Memorable with Our Mcleodganj Call Girls at Affordable Price. Top VIP Escorts Call Girls, High Profile Independent Escorts Call Girls, Housewife Women Escorts Call Girl, College Girls Escorts Call Girls, Russian Escorts Call girls Service in Your Budget.

Mcleodganj Call Girls 🥰 8617370543 Service Offer VIP Hot Model

Deepika Singh

The microservices honeymoon is over. When starting a new project or revamping a legacy monolith, teams started looking for alternatives to microservices. The Modular Monolith, or 'Modulith', is an architecture that reaps the benefits of (vertical) functional decoupling without the high costs associated with separate deployments. This talk will delve into the advantages and challenges of this progressive architecture, beginning with exploring the concept of a 'module', its internal structure, public API, and inter-module communication patterns. Supported by spring-modulith, the talk provides practical guidance on addressing the main challenges of a Modultith Architecture: finding and guarding module boundaries, data decoupling, and integration module-testing. You should not miss this talk if you are a software architect or tech lead seeking practical, scalable solutions. About the author With two decades of experience, Victor is a Java Champion working as a trainer for top companies in Europe. Five thousands developers in 120 companies attended his workshops, so he gets to debate every week the challenges that various projects struggle with. In return, Victor summarizes key points from these workshops in conference talks and online meetups for the European Software Crafters, the world’s largest developer community around architecture, refactoring, and testing. Discover how Victor can help you on victorrentea.ro : company training catalog, consultancy and YouTube playlists.

Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024

Victor Rentea

Keynote 2: APIs in 2030: The Risk of Technological Sleepwalk Paolo Malinverno, Growth Advisor - The Business of Technology Apidays New York 2024: The API Economy in the AI Era (April 30 & May 1, 2024) ------ Check out our conferences at https://www.apidays.global/ Do you want to sponsor or talk at one of our conferences? https://apidays.typeform.com/to/ILJeAaV8 Learn more on APIscene, the global media made by the community for the community: https://www.apiscene.io Explore the API ecosystem with the API Landscape: https://apilandscape.apiscene.io/

Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...

apidays

Dubai, known for its towering skyscrapers, luxurious lifestyle, and relentless pursuit of innovation, often finds itself in the global spotlight. However, amidst the glitz and glamour, the emirate faces its own set of challenges, including the occasional threat of flooding. In recent years, Dubai has experienced sporadic but significant floods, disrupting normalcy and posing unique challenges to its infrastructure. Among the critical nodes in this bustling metropolis is the Dubai International Airport, a vital hub connecting the world. This article delves into the intersection of Dubai flood events and the resilience demonstrated by the Dubai International Airport in the face of such challenges.

Rising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdf

Orbitshub

Dubai, often portrayed as a shimmering oasis in the desert, faces its own set of challenges, including the occasional threat of flooding. Despite its reputation for opulence and modernity, the emirate is not immune to the forces of nature. In recent years, Dubai has experienced sporadic but significant floods, testing the resilience of its infrastructure and communities. Among the critical lifelines in this bustling metropolis is the Dubai International Airport, a bustling hub that connects the city to the world. This article explores the intersection of Dubai flood events and the resilience demonstrated by the Dubai International Airport in the face of such challenges.

Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...

Orbitshub

Artificial Intelligence Chap.5 : Uncertainty

Khushali Kathiriya

Understanding the FAA Part 107 License ..

Christopher Logan Kennedy

Webinar Recording: https://www.panagenda.com/webinars/why-teams-call-analytics-is-critical-to-your-entire-business Nothing is as frustrating and noticeable as being in an important call and being unable to see or hear the other person. Not surprising then, that issues with Teams calls are among the most common problems users call their helpdesk for. Having in depth insight into everything relevant going on at the user’s device, local network, ISP and Microsoft itself during the call is crucial for good Microsoft Teams Call quality support. To ensure a quick and adequate solution and to ensure your users get the most out of their Microsoft 365. But did you know that ‘bad calls’ are also an excellent indicator of other problems arising? Precisely because it is so noticeable!? Like the canary in the mine, bad calls can be early indicators of problems. Problems that might otherwise not have been noticed for a while but can have a big impact on productivity and satisfaction. Join this session by Christoph Adler to learn how true Microsoft Teams call quality analytics helped other organizations troubleshoot bad calls and identify and fix problems that impacted Teams calls or the use of Microsoft365 in general. See what it can do to keep your users happy and productive! In this session we will cover - Why CQD data alone is not enough to troubleshoot call problems - The importance of attributing call problems to the right call participant - What call quality analytics can do to help you quickly find, fix-, and prevent problems - Why having retrospective detailed insights matters - Real life examples of how others have used Microsoft Teams call quality monitoring to problem shoot problems with their ISP, network, device health and more.

Why Teams call analytics are critical to your entire business

panagenda

The value of a flexible API Management solution for Open Banking Steve Melan, Manager for IT Innovation and Architecture - State's and Saving's Bank of Luxembourg Apidays New York 2024: The API Economy in the AI Era (April 30 & May 1, 2024) ------ Check out our conferences at https://www.apidays.global/ Do you want to sponsor or talk at one of our conferences? https://apidays.typeform.com/to/ILJeAaV8 Learn more on APIscene, the global media made by the community for the community: https://www.apiscene.io Explore the API ecosystem with the API Landscape: https://apilandscape.apiscene.io/

Apidays New York 2024 - The value of a flexible API Management solution for O...

apidays

presentation ICT roal in 21st century education

jfdjdjcjdnsjd

Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving

Edi Saputra

Following the popularity of “Cloud Revolution: Exploring the New Wave of Serverless Spatial Data,” we’re thrilled to announce this much-anticipated encore webinar. In this sequel, we’ll dive deeper into the Cloud-Native realm by uncovering practical applications and FME support for these new formats, including COGs, COPC, FlatGeoBuf, GeoParquet, STAC, and ZARR. Building on the foundation laid by industry leaders Michelle Roby of Radiant Earth and Chris Holmes of Planet in the first webinar, this second part offers an in-depth look at the real-world application and behind-the-scenes dynamics of these cutting-edge formats. We will spotlight specific use-cases and workflows, showcasing their efficiency and relevance in practical scenarios. Discover the vast possibilities each format holds, highlighted through detailed discussions and demonstrations. Our expert speakers will dissect the key aspects and provide critical takeaways for effective use, ensuring attendees leave with a thorough understanding of how to apply these formats in their own projects. Elevate your understanding of how FME supports these cutting-edge technologies, enhancing your ability to manage, share, and analyze spatial data. Whether you’re building on knowledge from our initial session or are new to the serverless spatial data landscape, this webinar is your gateway to mastering cloud-native formats in your workflows.

Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME

Safe Software

AWS Community Day CPH - Three problems of Terraform

Andrey Devyatkin

Addons And Fennec UI

1. Add-ons in the Fennec UI Madhava Enros, Mozilla

2. Fennec design themes and goals • Maximize screen space dedicated to content • Minimize typing wherever possible • Give primacy of interaction to a ﬁnger-oriented touchscreen • accommodate ﬁnger size • increase the physicality of the interface • Support the quick lookup scenario

8. also: block popups, share location, install software, etc.

10.

11. 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. 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

12. What about starting from Firefox?

13.

14.

15.

16.

17.

18.

19. } menubars toolbars sidebars no statusbars context menus

20. menubars random access to many options toolbars quick actions, alerts, ambient indicators, search sidebars concurrent/background tasks, tools for content area statusbars quick access, alerts, ambient indicators, context menus object related actions, hiding many action (unfortunately)

21. 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: 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. 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 or in gestures 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.

22. Did he say “peek?” 3 12

23.

24. a b c d Lorem ipsum dolor sit amet, consectetuer e f g 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. 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. h

25. Technical resources http://starkravingﬁnkle.org/blog/2009/05/resources-for-fennec-add-on-developers/ 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

26. Please get in touch! madhava@mozilla.com twitter: madhava blog: madhava.com/egotism/ madhava in #UX and #mobile Bug 477628 - Fennec should offer a pleasant user-experience https://bugzilla.mozilla.org/show_bug.cgi?id=477628

Addons And Fennec UI

Recomendados

Recomendados

Más contenido relacionado

Similar a Addons And Fennec UI

Similar a Addons And Fennec UI (10)

Último

Último (20)

Addons And Fennec UI