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

Craftsmans-Day-Template-slidesppt.net_.pptx

lauriani00110101

Samples

srischmiller

Similar a Addons And Fennec UI (9)

T4 e6 mondragon

Creative Juices 2011

Why Blog?

Final Flatplans

Resume

Final Layouts

Caching on the Edge with Symfony2

Craftsmans-Day-Template-slidesppt.net_.pptx

Samples

Último

How to differentiate Sales Cloud and CPQ on first glance might be tricky if you do not know where to look and what to look at. You will know :-) Managing the sales process within Salesforce is a common use case that can be managed with standart Sales Cloud. If you want to do entire quoting process you will find out Salesforce CPQ solution exists. What is then the difference if both can handle selling products? You will see comparison of 10 different features, which Sales Cloud and Salesforce CPQ handle differently. Simple question you will always remember if you should consider using Salesforce CPQ will be a cherry on top.

10 Differences between Sales Cloud and CPQ, Blanka Doktorová

CzechDreamin

Secure Zero Touch enabled Edge compute with Dell NativeEdge via FDO _ Brad at...

FIDO Alliance

This talk focuses on the practical aspects of integrating various telephony systems with Salesforce, drawing on examples from implementations in the Czech scene. It aims to inform attendees about the spectrum of telephony solutions available, from small to large scale, and their compatibility with Salesforce. The presentation will highlight key considerations for selecting a telephony provider that integrates smoothly with Salesforce, including important questions to support the decision-making process. It will also discuss methods for integrating existing telephony systems with Salesforce, aimed at companies contemplating or in the process of adopting this CRM platform. The discussion is designed to provide a straightforward overview of the steps and considerations involved in telephony and Salesforce integration, with an emphasis on functionality, compatibility, and the practical experiences of Czech companies.

Integrating Telephony Systems with Salesforce: Insights and Considerations, B...

CzechDreamin

Intro in Product Management - Коротко про професію продакт менеджера

Mark Opanasiuk

WSO2CONMay2024OpenSourceConferenceDebrief.pptx

Jennifer Lim

Discover the top Symfony development companies that excel in creating robust and scalable web applications. Our latest blog highlights the best firms specializing in Symfony, known for their expertise in delivering high-performance solutions. Whether you’re looking to start a new project or enhance an existing one, these companies offer the skills and experience needed to bring your vision to life. Read more to find your perfect Symfony development partner.

Top 10 Symfony Development Companies 2024

TopCSSGallery

Agentic RAG What it is its types applications and implementation.pdf

ChristopherTHyatt

I'm excited to share my latest predictions on how AI, robotics, and other technological advancements will reshape industries in the coming years. The slides explore the exponential growth of computational power, the future of AI and robotics, and their profound impact on various sectors. Why this matters: The success of new products and investments hinges on precise timing and foresight into emerging categories. This deck equips founders, VCs, and industry leaders with insights to align future products with upcoming tech developments. These insights enhance the ability to forecast industry trends, improve market timing, and predict competitor actions. Highlights: ▪ Exponential Growth in Compute: How $1000 will soon buy the computational power of a human brain ▪ Scaling of AI Models: The journey towards beyond human-scale models and intelligent edge computing ▪ Transformative Technologies: From advanced robotics and brain interfaces to automated healthcare and beyond ▪ Future of Work: How automation will redefine jobs and economic structures by 2040 With so many predictions presented here, some will inevitably be wrong or mistimed, especially with potential external disruptions. For instance, a conflict in Taiwan could severely impact global semiconductor production, affecting compute costs and related advancements. Nonetheless, these slides are intended to guide intuition on future technological trends.

Future Visions: Predictions to Guide and Time Tech Innovation, Peter Udo Diehl

Peter Udo Diehl

Simplified FDO Manufacturing Flow with TPMs _ Liam at Infineon.pdf

FIDO Alliance

The Value of Certifying Products for FDO _ Paul at FIDO Alliance.pdf

FIDO Alliance

IESVE for Early Stage Design and Planning

IES VE

In this session, we will showcase how to revolutionize automated testing for your software, automation, and QA teams with UiPath Test Suite. In part 1 of UiPath test automation using UiPath Test Suite – developer series, we will cover, Software testing overview What is software testing Why software testing is required Typical test types and levels Continuous testing and challenges Introduction to UiPath Test Suite UiPath Test Suite family of products Speaker: Atul Trikha, Chief Technologist & Solutions Architect, Peraton and UiPath MVP Deepak Rai, Automation Practice Lead, Boundaryless Group and UiPath MVP

UiPath Test Automation using UiPath Test Suite series, part 1

DianaGray10

Speed Wins: From Kafka to APIs in Minutes

confluent

What's New in Teams Calling, Meetings and Devices April 2024

Stephanie Beckett

Measures in SQL (a talk at SF Distributed Systems meetup, 2024-05-22)

Julian Hyde

The standard Salesforce Approval process can be limiting in many ways, especially in complex scenarios. What if there was a way to implement very flexible approvals where one can use Apex code to make data updates in unrelated records, dynamically generate next steps details, and compute assignees on the fly? And still use UI-based configurations to implement concrete approval processes. In this session, we will share ideas behind such a solution and show a few lines of code to get you started.

Custom Approval Process: A New Perspective, Pavel Hrbacek & Anindya Halder

CzechDreamin

This talk offers actionable insights at an executive level for enhancing productivity and refining your portfolio management approach to propel your organization to greater heights. Key Points Covered: 1. Experience Transformation: - The core challenge remains consistent across organizations: converting budget into user-centric designs. - Strategies for deploying design resources effectively in both startups and large enterprises. 2. Strategic Frameworks: - Introduction to the "Ziggurat of Impact" model, detailing layers from basic system interactions to comprehensive customer experiences. - Practical insights on creating frameworks that scale with organizational complexity. 3. Organizational Impact: - Real-world examples of navigating design in large settings, focusing on the synthesis of consumer products and customer experiences. - Emphasis on the importance of designing systems that directly influence customer interactions. 4. Design Execution: - Detailed walkthrough of organizational layers affecting design execution, from touchpoints and customer activities to shared capabilities. - How to ensure design influences both the micro and macro aspects of customer interactions. 5. Measurement and Adaptation: - Techniques for measuring the impact of design decisions and adapting strategies based on data-driven insights. - The critical role of continuous improvement and feedback in refining customer experiences.

Structuring Teams and Portfolios for Success

UXDXConf

Syngulon’s technology expands the capacity for selection of microorganisms. The ability to select individual microbes with a behavior of interest is essential, whether for simple cloning at the bench, or for industry-scale production. Synthetic biology uses the concept of “bioengineering” to improve or modify existing genetic systems to create microbes with desired behaviors, and Syngulon uses this approach to develop its selection technologies. This selection technology is based on bacteriocins, ribosomally-produced peptides naturally made by most bacteria to kill competitive microbial species. These bacteriocins can have a limited or wide target range against other microbial species. This technology offers advantageous over antibiotic selection for several reasons: it avoids the use of antibiotics in the first place, helping to reduce the spread of antibiotic resistant microbes. The technology also increases product yield; as bacteriocins are generally smaller peptides, they do not impose a heavy metabolic burden on the producing cell. They can have a wide target specificity, helping to avoid genetic drift. Finally, our system is 100% plasmid-based (e.g. without chromosomal mutations), making it applicable for use in any E. coli strains.

Syngulon - Selection technology May 2024.pdf

Syngulon

Heather Hedden, Senior Consultant at Enterprise Knowledge, presented “Enterprise Knowledge Graphs: The Importance of Semantics” on May 9, 2024, at the annual Data Summit in Boston. In her presentation, Hedden describes the components of an enterprise knowledge graph and provides further insight into the semantic layer – or knowledge model – component, which includes an ontology and controlled vocabularies, such as taxonomies, for controlled metadata. While data experts tend to focus on the graph database components (RDF triple store or a label property graph), Hedden emphasizes they should not overlook the importance of the semantic layer.

Enterprise Knowledge Graphs - Data Summit 2024

Enterprise Knowledge

IOS-PENTESTING-BEGINNERS-PRACTICAL-GUIDE-.pptx

Abida Shariff

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 (9)

Último

Último (20)

Addons And Fennec UI