This document discusses UI design patterns for Android apps. It covers 5 common patterns: dashboards, action bars, search bars, quick actions, and companion widgets. For each pattern it provides examples, descriptions of common problems they address, and recommendations for implementing the pattern. It also discusses enabling device diversity and making apps look good on multiple screen sizes through techniques like autoscaling and multi-resolution assets.
Content personalisation is becoming more prevalent. A site, it's content and/or it's products, change dynamically according to the specific needs of the user. SEO needs to ensure we do not fall behind of this trend.
Lightning Talk #9: How UX and Data Storytelling Can Shape Policy by Mika Aldabaux singapore
How can we take UX and Data Storytelling out of the tech context and use them to change the way government behaves?
Showcasing the truth is the highest goal of data storytelling. Because the design of a chart can affect the interpretation of data in a major way, one must wield visual tools with care and deliberation. Using quantitative facts to evoke an emotional response is best achieved with the combination of UX and data storytelling.
Prototyping is essential to designing memorable mobile user experiences, but can often be overlooked at the beginning of building a product. Learn the types of prototypes, tools, and best practices for mobile product design (including overview of mobile flow and UI best practices, patterns, and frameworks).
World of Wallpapers is een van Nederlands meest veelbelovende startups op het gebied van de exploitatie van mobiele apps. Product manager Riekes Beelen deelt zijn ervaringen uit de dagelijkse praktijk.
Advanced Techniques for Testing Responsive Apps and Sites -- By Aakrit PrasadApplitools
** Full webinar recording: https://youtu.be/Y2MHNnWOznQ **
Responsive web design has become the preferred approach for building sites and apps that provide an optimal viewing and interaction experience on any phone, tablet, desktop or wearable device.
However, automatically testing these responsive sites and apps can be quite a challenge, due to the need to cover all supported layouts, their respective navigation, and visible content.
This presentation is part of an hands-on advanced hands-on session (https://youtu.be/Y2MHNnWOznQ) about how to effectively test apps and sites with responsive design -- and teaches you how to:
* Implement generic tests that work for all the layouts of your app
* Control the browser and viewport size in order to accurately target layout transition points
* Incorporate layout-specific assertions in your tests
* Effectively design responsive page objects
* Visually validate the correctness of your app’s layout
* Bonus: tips for planning and executing responsive website testing
A walkthrough of Viximo's expansion into mobile including early indicators, customer development work, product planning, pilot customers, and go to market - with plenty of lessons learned along the way that should save you time and money.
In just four months, Microsoft has already sold over 60 million licenses of Windows 8. This new version of Microsoft’s flagship operating system creates new opportunities for designers and developers to reach vast numbers of users. Windows 8 applications are designed following the principles of the Modern UI style. In this webinar, Valentina will teach you the basics of designing Windows 8 applications that fit within the Modern UI paradigm while maintaining a strong brand and personality.
10 Best Free and Paid App Builders of 2022.pdfEkta Patel
This post will discuss a few popular app builders that require varying coding knowledge to develop and launch an app. From the pricing point of view, the basic version is free in many cases, while value-added and premium versions have a monthly subscription
Content personalisation is becoming more prevalent. A site, it's content and/or it's products, change dynamically according to the specific needs of the user. SEO needs to ensure we do not fall behind of this trend.
Lightning Talk #9: How UX and Data Storytelling Can Shape Policy by Mika Aldabaux singapore
How can we take UX and Data Storytelling out of the tech context and use them to change the way government behaves?
Showcasing the truth is the highest goal of data storytelling. Because the design of a chart can affect the interpretation of data in a major way, one must wield visual tools with care and deliberation. Using quantitative facts to evoke an emotional response is best achieved with the combination of UX and data storytelling.
Prototyping is essential to designing memorable mobile user experiences, but can often be overlooked at the beginning of building a product. Learn the types of prototypes, tools, and best practices for mobile product design (including overview of mobile flow and UI best practices, patterns, and frameworks).
World of Wallpapers is een van Nederlands meest veelbelovende startups op het gebied van de exploitatie van mobiele apps. Product manager Riekes Beelen deelt zijn ervaringen uit de dagelijkse praktijk.
Advanced Techniques for Testing Responsive Apps and Sites -- By Aakrit PrasadApplitools
** Full webinar recording: https://youtu.be/Y2MHNnWOznQ **
Responsive web design has become the preferred approach for building sites and apps that provide an optimal viewing and interaction experience on any phone, tablet, desktop or wearable device.
However, automatically testing these responsive sites and apps can be quite a challenge, due to the need to cover all supported layouts, their respective navigation, and visible content.
This presentation is part of an hands-on advanced hands-on session (https://youtu.be/Y2MHNnWOznQ) about how to effectively test apps and sites with responsive design -- and teaches you how to:
* Implement generic tests that work for all the layouts of your app
* Control the browser and viewport size in order to accurately target layout transition points
* Incorporate layout-specific assertions in your tests
* Effectively design responsive page objects
* Visually validate the correctness of your app’s layout
* Bonus: tips for planning and executing responsive website testing
A walkthrough of Viximo's expansion into mobile including early indicators, customer development work, product planning, pilot customers, and go to market - with plenty of lessons learned along the way that should save you time and money.
In just four months, Microsoft has already sold over 60 million licenses of Windows 8. This new version of Microsoft’s flagship operating system creates new opportunities for designers and developers to reach vast numbers of users. Windows 8 applications are designed following the principles of the Modern UI style. In this webinar, Valentina will teach you the basics of designing Windows 8 applications that fit within the Modern UI paradigm while maintaining a strong brand and personality.
10 Best Free and Paid App Builders of 2022.pdfEkta Patel
This post will discuss a few popular app builders that require varying coding knowledge to develop and launch an app. From the pricing point of view, the basic version is free in many cases, while value-added and premium versions have a monthly subscription
These are the slides for a three hour primer for PHP developers. It covers the whole spectrum from the mobile web to apis for native apps, as well as topics such as generating QR codes and sending push notifications from PHP to android and apple devices.
GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using Deplo...James Anderson
Effective Application Security in Software Delivery lifecycle using Deployment Firewall and DBOM
The modern software delivery process (or the CI/CD process) includes many tools, distributed teams, open-source code, and cloud platforms. Constant focus on speed to release software to market, along with the traditional slow and manual security checks has caused gaps in continuous security as an important piece in the software supply chain. Today organizations feel more susceptible to external and internal cyber threats due to the vast attack surface in their applications supply chain and the lack of end-to-end governance and risk management.
The software team must secure its software delivery process to avoid vulnerability and security breaches. This needs to be achieved with existing tool chains and without extensive rework of the delivery processes. This talk will present strategies and techniques for providing visibility into the true risk of the existing vulnerabilities, preventing the introduction of security issues in the software, resolving vulnerabilities in production environments quickly, and capturing the deployment bill of materials (DBOM).
Speakers:
Bob Boule
Robert Boule is a technology enthusiast with PASSION for technology and making things work along with a knack for helping others understand how things work. He comes with around 20 years of solution engineering experience in application security, software continuous delivery, and SaaS platforms. He is known for his dynamic presentations in CI/CD and application security integrated in software delivery lifecycle.
Gopinath Rebala
Gopinath Rebala is the CTO of OpsMx, where he has overall responsibility for the machine learning and data processing architectures for Secure Software Delivery. Gopi also has a strong connection with our customers, leading design and architecture for strategic implementations. Gopi is a frequent speaker and well-known leader in continuous delivery and integrating security into software delivery.
PHP Frameworks: I want to break free (IPC Berlin 2024)Ralf Eggert
In this presentation, we examine the challenges and limitations of relying too heavily on PHP frameworks in web development. We discuss the history of PHP and its frameworks to understand how this dependence has evolved. The focus will be on providing concrete tips and strategies to reduce reliance on these frameworks, based on real-world examples and practical considerations. The goal is to equip developers with the skills and knowledge to create more flexible and future-proof web applications. We'll explore the importance of maintaining autonomy in a rapidly changing tech landscape and how to make informed decisions in PHP development.
This talk is aimed at encouraging a more independent approach to using PHP frameworks, moving towards a more flexible and future-proof approach to PHP development.
Observability Concepts EVERY Developer Should Know -- DeveloperWeek Europe.pdfPaige Cruz
Monitoring and observability aren’t traditionally found in software curriculums and many of us cobble this knowledge together from whatever vendor or ecosystem we were first introduced to and whatever is a part of your current company’s observability stack.
While the dev and ops silo continues to crumble….many organizations still relegate monitoring & observability as the purview of ops, infra and SRE teams. This is a mistake - achieving a highly observable system requires collaboration up and down the stack.
I, a former op, would like to extend an invitation to all application developers to join the observability party will share these foundational concepts to build on:
Generative AI Deep Dive: Advancing from Proof of Concept to ProductionAggregage
Join Maher Hanafi, VP of Engineering at Betterworks, in this new session where he'll share a practical framework to transform Gen AI prototypes into impactful products! He'll delve into the complexities of data collection and management, model selection and optimization, and ensuring security, scalability, and responsible use.
A tale of scale & speed: How the US Navy is enabling software delivery from l...sonjaschweigert1
Rapid and secure feature delivery is a goal across every application team and every branch of the DoD. The Navy’s DevSecOps platform, Party Barge, has achieved:
- Reduction in onboarding time from 5 weeks to 1 day
- Improved developer experience and productivity through actionable findings and reduction of false positives
- Maintenance of superior security standards and inherent policy enforcement with Authorization to Operate (ATO)
Development teams can ship efficiently and ensure applications are cyber ready for Navy Authorizing Officials (AOs). In this webinar, Sigma Defense and Anchore will give attendees a look behind the scenes and demo secure pipeline automation and security artifacts that speed up application ATO and time to production.
We will cover:
- How to remove silos in DevSecOps
- How to build efficient development pipeline roles and component templates
- How to deliver security artifacts that matter for ATO’s (SBOMs, vulnerability reports, and policy evidence)
- How to streamline operations with automated policy checks on container images
LF Energy Webinar: Electrical Grid Modelling and Simulation Through PowSyBl -...DanBrown980551
Do you want to learn how to model and simulate an electrical network from scratch in under an hour?
Then welcome to this PowSyBl workshop, hosted by Rte, the French Transmission System Operator (TSO)!
During the webinar, you will discover the PowSyBl ecosystem as well as handle and study an electrical network through an interactive Python notebook.
PowSyBl is an open source project hosted by LF Energy, which offers a comprehensive set of features for electrical grid modelling and simulation. Among other advanced features, PowSyBl provides:
- A fully editable and extendable library for grid component modelling;
- Visualization tools to display your network;
- Grid simulation tools, such as power flows, security analyses (with or without remedial actions) and sensitivity analyses;
The framework is mostly written in Java, with a Python binding so that Python developers can access PowSyBl functionalities as well.
What you will learn during the webinar:
- For beginners: discover PowSyBl's functionalities through a quick general presentation and the notebook, without needing any expert coding skills;
- For advanced developers: master the skills to efficiently apply PowSyBl functionalities to your real-world scenarios.
GraphRAG is All You need? LLM & Knowledge GraphGuy Korland
Guy Korland, CEO and Co-founder of FalkorDB, will review two articles on the integration of language models with knowledge graphs.
1. Unifying Large Language Models and Knowledge Graphs: A Roadmap.
https://arxiv.org/abs/2306.08302
2. Microsoft Research's GraphRAG paper and a review paper on various uses of knowledge graphs:
https://www.microsoft.com/en-us/research/blog/graphrag-unlocking-llm-discovery-on-narrative-private-data/
Accelerate your Kubernetes clusters with Varnish CachingThijs Feryn
A presentation about the usage and availability of Varnish on Kubernetes. This talk explores the capabilities of Varnish caching and shows how to use the Varnish Helm chart to deploy it to Kubernetes.
This presentation was delivered at K8SUG Singapore. See https://feryn.eu/presentations/accelerate-your-kubernetes-clusters-with-varnish-caching-k8sug-singapore-28-2024 for more details.
Accelerate your Kubernetes clusters with Varnish Caching
Android UI design Patter
1.
2. View live notes and ask questions about this session
on Google Wave:
View live notes and ask
questions about this
session on Google Wave:
http://bit.ly/cPEAgd
#android5
2
3. Android UI Design Patterns
Richard Fulcher, Chris Nesladek,
Jim Palmer, Christian Robertson
May 19, 2010
4. ‣ Android: State of the UI
‣ Application UI design patterns
‣ Making Android apps look good
‣ Building a great Android app
4
5. State of the UI
Chart title or subtitle placeholder
‣ Since last I/O
Donut + Eclair launched, now Froyo
New devices and screen sizes
Wealth of new apps and widgets
Continuing, with your help,
to improve the platform
5
6. Design philosophy
‣ Clear vs. “simple”
‣ Content vs. chrome
‣ Consistent yet engaging (elegant variation)
‣ Enhanced by cloud
“Mere knowledge of the truth will not give
you the art of persuasion.”
– Socrates
6
7. ‣ Android: State of the UI
‣ Application UI design patterns
‣ Making Android apps look good
‣ Building a great Android app
7
8. UI Design Patterns
‣ Like a software design pattern, a UI design pattern
describes a general solution to a recurring problem
‣ Patterns emerge as a natural by-product of the design
process
‣ For each pattern:
Title
Example
Problem
Recommendations
8
9. 5 UI Design Patterns
‣ Dashboard
‣ Action Bar
‣ Search Bar
‣ Quick Actions
‣ Companion Widget
9
11. Dashboard
“What can I do with this app? What’s new?”
‣ A quick intro to an app, revealing capabilities and
proactively highlighting new content
‣ Full-screen
‣ Can be organized by:
Features
Categories
Accounts
11
12. Dashboard
Recommendations
‣ DO highlight what’s new
‣ DO focus on 3-6 most important choices
‣ DO be flavorful
12
14. Action Bar
“How can I do <common action> quickly?”
‣ Dedicated real estate at top of the screen to support
navigation and frequently used operations
‣ Replaces title bar
‣ Best for actions common across your app
Search
Refresh
Compose (new)
‣ Can provide a quick link back to dashboard
(or other app home)
14
15. Action Bar
Recommendations
‣ DO use to bring key actions onscreen
‣ DO help to convey a sense of place
‣ DO use consistently within your app
‣ DON’T use for contextual actions
15
17. Quick Actions
“What can I do with this thing?”
‣ Action popup triggered from distinct visual target
‣ Minimally disruptive to screen context
‣ Actions are straightforward
‣ Fast & fun
17
18. Quick Actions
Recommendations
‣ DO use when items have competing internal targets
‣ DO present only the for most important and obvious actions
‣ DO use when the item doesn’t have a meaningful detail view
‣ DON’T use in contexts which support multiple selection
18
20. Search Bar
“How can I find something?”
‣ Consistent pop-in search form anchored to top of screen
‣ Replaces action bar (if present)
‣ Support suggestions
‣ Can use corpora selector to alter search mode
Alternately, can offer suggestions for primary search mode,
and additional items for triggering other modes
20
21. Search Bar
Recommendations
‣ DO use for simple searches
‣ DO present rich suggestions
‣ DO use the same behavior
21
23. Companion Widget
“Can I make this app a fun part of my Home screen?”
‣ Supports the app by displaying its content and
capabilities on the Home screen
‣ Makes Home feel more custom, personalized
23
24. Companion Widget
Recommendations
‣ DO provide value above a simple app icon (content)
‣ DO handoff to the full app for real tasks
‣ DO be space efficient
‣ DON’T just provide a larger app launcher
24
25. A blueprint for building a great Android app
Dashboard
Unique detail
Widget
App Search
Dashboard Common action 1
Common action 2
Intents
App home
Search
Activity
Activity Action bar
Activity Common action 1
Common action 2
25
26. ‣ Android: State of the UI
‣ Application UI design patterns
‣ Making Android apps look good
‣ Building a great Android app
26
27. Enabling Device Diversity
‣ New devices mean:
A. More choices for users
B. Some new screen sizes to consider...
27
28. Multiple screen sizes
3.7 Inches 3.2 Inches
480 x 800 320 x 480
252DPI 180DPI
28
HDPI MDPI
39. View live notes and ask questions about this session
on Google Wave:
View live notes and ask
questions about this
session on Google Wave:
http://bit.ly/cPEAgd
#android5
39