The document discusses design considerations for Android tablet apps. It begins by comparing the Android and iPad interfaces, noting differences in screen size, orientation, system bars, navigation patterns, notifications, settings, and elements. It then covers common design patterns for Android like the action bar, navigation types, and contextual actions. The document also discusses layout strategies using fragments, split views, and orientation handling. It provides examples of well-designed Android tablet apps.
Microsoft v Google UI Design Debate Presentation (2015)Ben Freeman
This presentation is a debate conversation of comparisons between Microsoft Design and Google Design approach. This presentation is sparked by Matias Duarte comment on Windows 10 design approach that hits me to create this presentation project. Enjoy and start debating about this. I would like to see your comments and feedback on this presentation. This presentation is more of an debate spark in my own informal opinions that can be biased.
Presentation Created By Ben Freeman
Microsoft v Google UI Design Debate Presentation (2015)Ben Freeman
This presentation is a debate conversation of comparisons between Microsoft Design and Google Design approach. This presentation is sparked by Matias Duarte comment on Windows 10 design approach that hits me to create this presentation project. Enjoy and start debating about this. I would like to see your comments and feedback on this presentation. This presentation is more of an debate spark in my own informal opinions that can be biased.
Presentation Created By Ben Freeman
Stunner IT Solution Pvt. Ltd. start 2 months training on Android and iPhone. Interested candidate can call me on this number 8130836123, or mail me enquiry@stunneritsolution.com.
www.stunneritsolution.com
What's new in XenDesktop and XenApp PlatinumCitrix
Organizations that have deployed Citrix XenDesktop Platinum and Citrix XenApp Platinum appreciate the advanced management, monitoring, security and performance optimization included with these editions. Join the Citrix product team for a presentation about the latest capabilities of XenDesktop and XenApp Platinum. Learn how Citrix is simplifying EdgeSight and improving performance management, and how Smart Access policy enforcement enables BYOD projects.
This presentation is a general overview about the SNS and SNG industry in Korea and worldwide. It may be useful for those developers and publishers who are interested to enter the social gaming market in Korea.
Pristatome mokymų ciklą apie „Android“ operacinę sistemą, kurį dėstys UAB „App Camp“ techninis projektų vadovas Vykintas Valkaitis. Mokymų ciklas susidės iš keturių kas savaitę vykstančių paskaitų.
Pirmojoje paskaitoje išgirsite ką reiktų žinoti prieš pradedant kurti mobiliąsias aplikacijas:
1. Android, iOS, WP palyginimas ir bendra statistika;
2. Android versijos 1.5 - 4.2, kas keitėsi, pagrindiniai akcentai ir populiariausios versijos;
3. Google Įrankiai Android programų kūrimui;
4. Pagrindiniai dokumentacijos šaltiniai;
5. Pagrindinės sudedamosios dalys Android programos.
Unity 3D is one of the commonly used cross platform engines by developers across the globe. It is applicable for making diverse 3D Games from multiple genres to meet the aspirations of both avid and casual gamers.
The following slides will give you more insights on this. Take a look below.
This new second edition of Mutual Mobile's essential Android design guidelines now incorporates Google's latest OS release made specifically for tablets, Honeycomb. This version of the guidelines introduces some of the OS's features such as Action Bars and UI elements like Fragments. This guide is a must-have for any designer exploring the mobile space and a big step froward for the Honeycomb app ecosystem.
For more, visit www.mutualmobile.com
Stunner IT Solution Pvt. Ltd. start 2 months training on Android and iPhone. Interested candidate can call me on this number 8130836123, or mail me enquiry@stunneritsolution.com.
www.stunneritsolution.com
What's new in XenDesktop and XenApp PlatinumCitrix
Organizations that have deployed Citrix XenDesktop Platinum and Citrix XenApp Platinum appreciate the advanced management, monitoring, security and performance optimization included with these editions. Join the Citrix product team for a presentation about the latest capabilities of XenDesktop and XenApp Platinum. Learn how Citrix is simplifying EdgeSight and improving performance management, and how Smart Access policy enforcement enables BYOD projects.
This presentation is a general overview about the SNS and SNG industry in Korea and worldwide. It may be useful for those developers and publishers who are interested to enter the social gaming market in Korea.
Pristatome mokymų ciklą apie „Android“ operacinę sistemą, kurį dėstys UAB „App Camp“ techninis projektų vadovas Vykintas Valkaitis. Mokymų ciklas susidės iš keturių kas savaitę vykstančių paskaitų.
Pirmojoje paskaitoje išgirsite ką reiktų žinoti prieš pradedant kurti mobiliąsias aplikacijas:
1. Android, iOS, WP palyginimas ir bendra statistika;
2. Android versijos 1.5 - 4.2, kas keitėsi, pagrindiniai akcentai ir populiariausios versijos;
3. Google Įrankiai Android programų kūrimui;
4. Pagrindiniai dokumentacijos šaltiniai;
5. Pagrindinės sudedamosios dalys Android programos.
Unity 3D is one of the commonly used cross platform engines by developers across the globe. It is applicable for making diverse 3D Games from multiple genres to meet the aspirations of both avid and casual gamers.
The following slides will give you more insights on this. Take a look below.
This new second edition of Mutual Mobile's essential Android design guidelines now incorporates Google's latest OS release made specifically for tablets, Honeycomb. This version of the guidelines introduces some of the OS's features such as Action Bars and UI elements like Fragments. This guide is a must-have for any designer exploring the mobile space and a big step froward for the Honeycomb app ecosystem.
For more, visit www.mutualmobile.com
Our Android Human Interface Guidelines were born out of our own struggles with the Android platform. These guidelines are a living document and will continue to evolve with the platform.
1.iOS vs Android Development_ What’s the Difference_.pdfBelayet Hossain
If the question is about the comparison of iOS vs android development; what are the major differences between these two app development platforms? For the average consumer, the debate between Android and iOS is never-ending.
https://itphobia.com/ios-vs-android-development-whats-the-difference/
A strategic overview of developing for Chrome on Android and native on Android. Touching on the migration from the open web to walled gardens of applications.
Slides from a WebCast I held on 1/25 on the "Future of Mobility". You can download the recording here: http://www.neudesic.com/insight/Presentation/Pages/PW20110125.aspx
Daniel Downs: Student Experiences In A Project Based Learning Technology Curr...Daniel Downs
The purpose of this qualitative study was to understand the group dynamic in PBL task delegation and technology skill fluency through the language of its participants. The researcher collected themes, experiences, and decisions depicted in the language of high school students as they negotiated a final project using computer technology tools to create mobile applications for their high school community.
Often in groups, teachers are not always part of the exchange of learning and necessary communication between students to complete tasks and negotiate ideas. This research assists teachers in developing strategies to better organize and guide groups in a PBL curriculum with technology so students can more effectively address the needs of projects independently.
In this research, the PBL curriculum promoted conversation and communication for delegated tasks amongst students and developing a sense of familiarity and cohesiveness in student centered groups. Scenarios which required the management of group members to complete the tasks required in the project were also prevalent. Group members shared critical vocabulary related to technology and the process of the project. Additional benefits included group approaches with the consideration of continually improving the project and also an increased awareness and appreciation for the technology used in the project.
The final mobile applications of the groups represent the combination of group process, technology, and addressing the authentic question in the PBL curriculum. Students were able to develop authentic projects which were the results of a variety of technology based skills, project management and conceptualization.
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.
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.
DevOps and Testing slides at DASA ConnectKari Kakkonen
My and Rik Marselis slides at 30.5.2024 DASA Connect conference. We discuss about what is testing, then what is agile testing and finally what is Testing in DevOps. Finally we had lovely workshop with the participants trying to find out different ways to think about quality and testing in different parts of the DevOps infinity loop.
UiPath Test Automation using UiPath Test Suite series, part 4DianaGray10
Welcome to UiPath Test Automation using UiPath Test Suite series part 4. In this session, we will cover Test Manager overview along with SAP heatmap.
The UiPath Test Manager overview with SAP heatmap webinar offers a concise yet comprehensive exploration of the role of a Test Manager within SAP environments, coupled with the utilization of heatmaps for effective testing strategies.
Participants will gain insights into the responsibilities, challenges, and best practices associated with test management in SAP projects. Additionally, the webinar delves into the significance of heatmaps as a visual aid for identifying testing priorities, areas of risk, and resource allocation within SAP landscapes. Through this session, attendees can expect to enhance their understanding of test management principles while learning practical approaches to optimize testing processes in SAP environments using heatmap visualization techniques
What will you get from this session?
1. Insights into SAP testing best practices
2. Heatmap utilization for testing
3. Optimization of testing processes
4. Demo
Topics covered:
Execution from the test manager
Orchestrator execution result
Defect reporting
SAP heatmap example with demo
Speaker:
Deepak Rai, Automation Practice Lead, Boundaryless Group and UiPath MVP
State of ICS and IoT Cyber Threat Landscape Report 2024 previewPrayukth K V
The IoT and OT threat landscape report has been prepared by the Threat Research Team at Sectrio using data from Sectrio, cyber threat intelligence farming facilities spread across over 85 cities around the world. In addition, Sectrio also runs AI-based advanced threat and payload engagement facilities that serve as sinks to attract and engage sophisticated threat actors, and newer malware including new variants and latent threats that are at an earlier stage of development.
The latest edition of the OT/ICS and IoT security Threat Landscape Report 2024 also covers:
State of global ICS asset and network exposure
Sectoral targets and attacks as well as the cost of ransom
Global APT activity, AI usage, actor and tactic profiles, and implications
Rise in volumes of AI-powered cyberattacks
Major cyber events in 2024
Malware and malicious payload trends
Cyberattack types and targets
Vulnerability exploit attempts on CVEs
Attacks on counties – USA
Expansion of bot farms – how, where, and why
In-depth analysis of the cyber threat landscape across North America, South America, Europe, APAC, and the Middle East
Why are attacks on smart factories rising?
Cyber risk predictions
Axis of attacks – Europe
Systemic attacks in the Middle East
Download the full report from here:
https://sectrio.com/resources/ot-threat-landscape-reports/sectrio-releases-ot-ics-and-iot-security-threat-landscape-report-2024/
zkStudyClub - Reef: Fast Succinct Non-Interactive Zero-Knowledge Regex ProofsAlex Pruden
This paper presents Reef, a system for generating publicly verifiable succinct non-interactive zero-knowledge proofs that a committed document matches or does not match a regular expression. We describe applications such as proving the strength of passwords, the provenance of email despite redactions, the validity of oblivious DNS queries, and the existence of mutations in DNA. Reef supports the Perl Compatible Regular Expression syntax, including wildcards, alternation, ranges, capture groups, Kleene star, negations, and lookarounds. Reef introduces a new type of automata, Skipping Alternating Finite Automata (SAFA), that skips irrelevant parts of a document when producing proofs without undermining soundness, and instantiates SAFA with a lookup argument. Our experimental evaluation confirms that Reef can generate proofs for documents with 32M characters; the proofs are small and cheap to verify (under a second).
Paper: https://eprint.iacr.org/2023/1886
Alt. GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using ...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.
Epistemic Interaction - tuning interfaces to provide information for AI supportAlan Dix
Paper presented at SYNERGY workshop at AVI 2024, Genoa, Italy. 3rd June 2024
https://alandix.com/academic/papers/synergy2024-epistemic/
As machine learning integrates deeper into human-computer interactions, the concept of epistemic interaction emerges, aiming to refine these interactions to enhance system adaptability. This approach encourages minor, intentional adjustments in user behaviour to enrich the data available for system learning. This paper introduces epistemic interaction within the context of human-system communication, illustrating how deliberate interaction design can improve system understanding and adaptation. Through concrete examples, we demonstrate the potential of epistemic interaction to significantly advance human-computer interaction by leveraging intuitive human communication strategies to inform system design and functionality, offering a novel pathway for enriching user-system engagements.
Removing Uninteresting Bytes in Software FuzzingAftab Hussain
Imagine a world where software fuzzing, the process of mutating bytes in test seeds to uncover hidden and erroneous program behaviors, becomes faster and more effective. A lot depends on the initial seeds, which can significantly dictate the trajectory of a fuzzing campaign, particularly in terms of how long it takes to uncover interesting behaviour in your code. We introduce DIAR, a technique designed to speedup fuzzing campaigns by pinpointing and eliminating those uninteresting bytes in the seeds. Picture this: instead of wasting valuable resources on meaningless mutations in large, bloated seeds, DIAR removes the unnecessary bytes, streamlining the entire process.
In this work, we equipped AFL, a popular fuzzer, with DIAR and examined two critical Linux libraries -- Libxml's xmllint, a tool for parsing xml documents, and Binutil's readelf, an essential debugging and security analysis command-line tool used to display detailed information about ELF (Executable and Linkable Format). Our preliminary results show that AFL+DIAR does not only discover new paths more quickly but also achieves higher coverage overall. This work thus showcases how starting with lean and optimized seeds can lead to faster, more comprehensive fuzzing campaigns -- and DIAR helps you find such seeds.
- These are slides of the talk given at IEEE International Conference on Software Testing Verification and Validation Workshop, ICSTW 2022.
Le nuove frontiere dell'AI nell'RPA con UiPath Autopilot™UiPathCommunity
In questo evento online gratuito, organizzato dalla Community Italiana di UiPath, potrai esplorare le nuove funzionalità di Autopilot, il tool che integra l'Intelligenza Artificiale nei processi di sviluppo e utilizzo delle Automazioni.
📕 Vedremo insieme alcuni esempi dell'utilizzo di Autopilot in diversi tool della Suite UiPath:
Autopilot per Studio Web
Autopilot per Studio
Autopilot per Apps
Clipboard AI
GenAI applicata alla Document Understanding
👨🏫👨💻 Speakers:
Stefano Negro, UiPath MVPx3, RPA Tech Lead @ BSP Consultant
Flavio Martinelli, UiPath MVP 2023, Technical Account Manager @UiPath
Andrei Tasca, RPA Solutions Team Lead @NTT Data
Climate Impact of Software Testing at Nordic Testing DaysKari Kakkonen
My slides at Nordic Testing Days 6.6.2024
Climate impact / sustainability of software testing discussed on the talk. ICT and testing must carry their part of global responsibility to help with the climat warming. We can minimize the carbon footprint but we can also have a carbon handprint, a positive impact on the climate. Quality characteristics can be added with sustainability, and then measured continuously. Test environments can be used less, and in smaller scale and on demand. Test techniques can be used in optimizing or minimizing number of tests. Test automation can be used to speed up testing.
Enhancing Performance with Globus and the Science DMZGlobus
ESnet has led the way in helping national facilities—and many other institutions in the research community—configure Science DMZs and troubleshoot network issues to maximize data transfer performance. In this talk we will present a summary of approaches and tips for getting the most out of your network infrastructure using Globus Connect Server.
Transcript: Selling digital books in 2024: Insights from industry leaders - T...BookNet Canada
The publishing industry has been selling digital audiobooks and ebooks for over a decade and has found its groove. What’s changed? What has stayed the same? Where do we go from here? Join a group of leading sales peers from across the industry for a conversation about the lessons learned since the popularization of digital books, best practices, digital book supply chain management, and more.
Link to video recording: https://bnctechforum.ca/sessions/selling-digital-books-in-2024-insights-from-industry-leaders/
Presented by BookNet Canada on May 28, 2024, with support from the Department of Canadian Heritage.
Transcript: Selling digital books in 2024: Insights from industry leaders - T...
Designing for android tablets smashing mobile
1. 5/28/13 Designing For Android Tablets | Smashing Mobile
mobile.smashingmagazine.com/2011/08/09/designing-for-android-tablets/ 1/27
Designing For Android Tablets
More than ever, designers are being asked to create experiences for a
variety of mobile devices.As tablet adoption increases and we move
into the post-PC world , companies will compete for users’ attention
with the quality of their experience.Designing successful apps for
Android tablets requires not only a great concept that will encourage
downloads, usage and retention, but also an experience that Android
users will find intuitive and native to the environment.
By Dan McKenzie
Published on August 9th, 2011 in Android, Mobile, Tablets with 32 Comments
1
2. 5/28/13 Designing For Android Tablets | Smashing Mobile
mobile.smashingmagazine.com/2011/08/09/designing-for-android-tablets/ 2/27
The following will help designers become familiar with Android tablet app design by understanding the
differences between the iPad iOS user interface and Android 3.x “Honeycomb” UI conventions and
elements. We will also look at Honeycomb design patterns and layout strategies, and then review some of
the best Android tablet apps out there.
Note that while Android 2.x apps for smartphones can run on tablets, Android 3.0 Honeycomb was
designed and launched specifically for tablets. Future updates promise to bring Honeycomb features to
smartphone devices, as well as make it easier to design and build for multiple screen types.
For most of us, our first exposure to tablets was via the iPad. For this reason, it’s reasonable to begin
comparing the two user interfaces. By comparing, we can align what we’ve learned about tablets and begin
to focus on the key differences between the two, so that we can meet the unique UI needs of Android
2
3
3. 5/28/13 Designing For Android Tablets | Smashing Mobile
mobile.smashingmagazine.com/2011/08/09/designing-for-android-tablets/ 3/27
users. Not only will this help us get up to speed, but it becomes especially important when designing an
Android tablet app from an existing iPad one.
It’s Just Like The iPad, Right?
While the Android tablet and iPad experience share many similarities (touch gestures, app launch icons,
modals, etc.), designers should be aware of the many differences before making assumptions and drawing
up screens.
SCREEN SIZE AND ORIENTATION
The biggest difference between the two platforms is the form factor. Layouts for the iPad are measured at
768 × 1024 physical pixels, and the iPad uses portrait mode as its default viewing orientation.
With Android tablets, it’s a bit more complicated, due to the multiple device makers. In general, there are 7-
and 10-inch Android tablets screen sizes (measured diagonally from the top-left corner to the bottom-right),
with sizes in between. However, most tablets are around 10 inches.
What does this mean in pixels? A good baseline for your layouts is 1280 × 752 pixels (excluding the system
bar), based on a 10-inch screen size and using landscape (not portrait) as the default orientation. Like on
the iPad, content on Android tablets can be viewed in both landscape or portrait view, but landscape mode
is usually preferred.
4. 5/28/13 Designing For Android Tablets | Smashing Mobile
mobile.smashingmagazine.com/2011/08/09/designing-for-android-tablets/ 4/27
The portrait view on a typical 10-inch Android tablet (left) and on the iPad (right).
The landscape view on a typical 10-inch Android tablet (left) and on the iPad (right).
However, with Android, screen size is only the half of it. Android tablets also come in different “screen
densities” — that is, the number of pixels within a given area of the screen. Without going into too much
detail, designers have to prepare all production-ready bitmaps for three different screen densities, by
scaling each bitmap to 1.5×and 2× its original size. So, a bitmap set to 100 × 100 pixels would also have
copies at 150 × 150 and 200 × 200. By making three batches of graphics scaled at these sizes, you will be
able to deliver your bitmaps to medium, high and extra-high density tablet screens without losing image
quality.
For more information on screen densities and preparing graphics for Android devices, refer to my previous
article on designing for Android .4
5. 5/28/13 Designing For Android Tablets | Smashing Mobile
mobile.smashingmagazine.com/2011/08/09/designing-for-android-tablets/ 5/27
SYSTEM BAR
While iOS makes minimal use of the system bar, Android Honeycomb expands its size to include
notifications and soft navigation buttons. There is a “Back” button, a home button and a “Recent apps”
button.
The Android Honeycomb system bar.
Android Honeycomb’s system bar and buttons are always present and appear at the bottom of the screen
regardless of which app is open. Think of it like a permanent UI fixture. The only exception is a “Lights out”
mode, which dims the system bar to show immersive content, such as video and games.
“BACK” BUTTON
While the bulkiness and permanence of the Honeycomb system bar might seem an obstacle to designers,
it does free up the real estate that is typically taken by the “Back” button in iPad apps. The “Back” button in
Honeycomb’s system bar works globally across all apps.
6. 5/28/13 Designing For Android Tablets | Smashing Mobile
mobile.smashingmagazine.com/2011/08/09/designing-for-android-tablets/ 6/27
The “Back” button in the system bar.
ACTION BAR
The bulk of the UI differences between platforms is found in the top action bar. Android suggests a specific
arrangement of elements and a specific visual format for the action bar, including the placement of the icon
or logo, the navigation (e.g. drop-down menu or tabs) and common actions. This is one of the most unifying
design patterns across Android Honeycomb apps, and familiarizing yourself with it before attempting
customizations or something iPad-like would be worthwhile. More on the pervasive action bar later.
The action bar.
WIDGETS
7. 5/28/13 Designing For Android Tablets | Smashing Mobile
mobile.smashingmagazine.com/2011/08/09/designing-for-android-tablets/ 7/27
New to iPad users will be Android’s widgets. As the name implies, these are small notification and
shortcuts tools that users can set to appear on their launch screen. Widgets can be designed to show
stack views, grid views and list views, and with Android 3.1, they are now resizable.
Several widgets on a launch screen.
NOTIFICATIONS
While iOS’ notifications system pushes simple alerts to your launch screen, Honeycomb offers rich
notifications that pop up (“toast” we used to call them) in the bottom-right area of the screen, much like
Growl on Mac OS X. Custom layouts for notifications can be anything from icons to ticker text to actionable
buttons.
8. 5/28/13 Designing For Android Tablets | Smashing Mobile
mobile.smashingmagazine.com/2011/08/09/designing-for-android-tablets/ 8/27
A notification on Android.
SETTINGS
Access to settings in an iPad app are usually presented in a pop-over, triggered by an “i” button; and
settings categories are broken up into tables for easy visual identification. Honeycomb has a different
convention. It looks more like the iOS’ “General Settings” screen, where the user navigates categories on
the left and views details on the right. This is the preferred (and more elegant) way to present multiple
settings in Honeycomb.
9. 5/28/13 Designing For Android Tablets | Smashing Mobile
mobile.smashingmagazine.com/2011/08/09/designing-for-android-tablets/ 9/27
The settings design pattern in the Calendar app.
UI ELEMENTS
As you can imagine, Android goes to great lengths to do everything opposite from its competitor (that’s
called differentiation!). Honeycomb has its own UI conventions, and it now has a new “holographic UI” visual
language for such routine actions as picking a time and date, selecting an option, setting the volume, etc.
Understanding this UI language is important to building screen flows and creating layouts.
A sampling of UI elements, taken from a slide in a Google I/O 2011 presentation.
FONTS
How many fonts does iPad 4.3 make available? The answer is fifty-seven .
How many does Android? Just three .
Yep, those three are Droid Sans, Droid Serif and Droid Sans Mono . But there is an upside. While only
these three ship with the platform, developers are free to bundle any other fonts with their apps.
5
6
7
10. 5/28/13 Designing For Android Tablets | Smashing Mobile
mobile.smashingmagazine.com/2011/08/09/designing-for-android-tablets/ 10/27
Anything the Same?
Luckily for designers who are already familiar with the iPad, the two platforms have some similarities.
TOUCH GESTURES
Tap, double-tap, flick, drag, pinch, rotate and scroll at will.
SPLIT VIEW AND MULTI-PANE UI
The split view is one of the most common layouts for tablets. It consists of two side-by-side panes. Of
course, you can add panes for more complex layouts.
11. 5/28/13 Designing For Android Tablets | Smashing Mobile
mobile.smashingmagazine.com/2011/08/09/designing-for-android-tablets/ 11/27
Ustream’s split-view layout, with categories on the left and content on the right.
EMBEDDED MULTIMEDIA
Both platforms allow embedded audio, video and maps.
The YouTube app, with an embedded video player.
CLIPBOARD
For copying and pasting data into and out of applications.
12. 5/28/13 Designing For Android Tablets | Smashing Mobile
mobile.smashingmagazine.com/2011/08/09/designing-for-android-tablets/ 12/27
DRAG AND DROP
Both platforms have drag-and-drop capabilities.
The drag-and-drop feature in the Gmail app.
Design Patterns
13. 5/28/13 Designing For Android Tablets | Smashing Mobile
mobile.smashingmagazine.com/2011/08/09/designing-for-android-tablets/ 13/27
Honeycomb continues many of the design patterns introduced in Android 2.0 and expands on them. In
case you’re not familiar with design patterns, they are, as defined in Android, a “general solution to a
recurring problem.” Design patterns are key UI conventions designed by Android’s maintainers to help unify
the user experience and to give designers and developers a template to work from. They are also
customizable, so no need to fret!
As mentioned, the action bar is the most prominent Android UI component and is the one we’ll focus on
here.
The action bar highlighted in the Calendar app.
ICON OR LOGO
The action bar starts with an icon or logo on the far left. It is actionable; by tapping on it, the user is directed
to the app’s home screen.
8
14. 5/28/13 Designing For Android Tablets | Smashing Mobile
mobile.smashingmagazine.com/2011/08/09/designing-for-android-tablets/ 14/27
The Calendar app icon.
NAVIGATION
Next, we’ll typically find some form of navigation, in the form of a drop-down or tab menu. Honeycomb uses
a triangle graphic to indicate a drop-down menu and a series of underlines for tabs, which typically take up
most of the action bar’s real estate.
A left arrow button might also appear to the left of the icon or logo or the label, for navigating back or
cancelling a primary action.
15. 5/28/13 Designing For Android Tablets | Smashing Mobile
mobile.smashingmagazine.com/2011/08/09/designing-for-android-tablets/ 15/27
Three different kinds of action bar navigation.
COMMON ACTIONS
Common actions, as the name implies, gives user such things as search, share and an overflow menu.
They are always positioned to the right of the action bar, away from any tabs.
Common actions in the Calendar app.
OVERFLOW MENU
16. 5/28/13 Designing For Android Tablets | Smashing Mobile
mobile.smashingmagazine.com/2011/08/09/designing-for-android-tablets/ 16/27
The overflow menu is part of the common actions group and is sometimes separated by a vertical rule. It is
a place for miscellaneous menu items, such settings, help and feedback.
An overflow menu.
SEARCH
Search is also a part of the common actions group. Unique to search is its expand and collapse action. Tap
on the search icon and a search box expands out, letting you enter a query. Tap the “x” to cancel, and it
collapses to its single-button state. This is a space saver when many actions or tabs need to be shown.
The search function collapsed (top) and expanded (bottom). Tapping the magnifying glass opens the search box, while tapping
the “x” closes it.
CONTEXTUAL ACTIONS
17. 5/28/13 Designing For Android Tablets | Smashing Mobile
mobile.smashingmagazine.com/2011/08/09/designing-for-android-tablets/ 17/27
Contextual actions change the format of the action bar when an item is selected, revealing options unique
to that item. For example, if a photo app is displaying thumbnails, the action bar might change once an
image is selected, providing contextual actions for editing that particular image.
To exit the contextual action bar, users can tap either “Cancel” or “Done” at the far right of the bar.
The contextual action bar is triggered when tapping and holding an email in the Gmail app.
Tablet Layout Strategies
USING FRAGMENTS AND MULTI-PANE VIEWS
The building blocks of Honeycomb design are “Fragments .” A Fragment is a self-contained layout
component that can change size or layout position depending on the screen’s orientation and size. This
further addresses the problem of designing for multiple form factors by giving designers and developers a
way to make their screen layout components elastic and stackable, depending on the screen restraints of
the device that is running the app. Screen components can be stretched, stacked, expanded or collapsed
and shown or hidden.
9
18. 5/28/13 Designing For Android Tablets | Smashing Mobile
mobile.smashingmagazine.com/2011/08/09/designing-for-android-tablets/ 18/27
The Fragments framework gives designers and developers several options for maintaining their layouts across screen sizes
and orientation modes.
What makes Fragments so special? With a compatibility library, developers can bring this functionality to
Android smartphones going back to version 1.6, allowing them to build apps using a one-size-fits-all
strategy. In short, it enables designers and developers to build one app for everything.
While Fragments may be a term used more by developers, designers should still have a basic
understanding of how capsules of content can be stretched, stacked, expanded and hidden at will.
The most common arrangement of Fragments is the split view. This layout is common in news apps and
email clients, where a list is presented in a narrow column and a detailed view in a wider one.
19. 5/28/13 Designing For Android Tablets | Smashing Mobile
mobile.smashingmagazine.com/2011/08/09/designing-for-android-tablets/ 19/27
The split view used by USA Today
Another way to present a split view is to turn it on its side. In this case, the sideways list Fragment
becomes a carousel, navigating horizontally instead of vertically.
ORIENTATION STRATEGIES
While Fragments are great for applying one design to multiple screen sizes, they are also useful for setting
orientation strategies. Your screen design might look great in landscape view, but what will you do with
three columns in a narrow portrait view? Again, you have the option to stretch, stack or hide content. Think
of Fragments like a bunch of stretchy puzzle pieces that you can move around, shape and eliminate as
needed.
A Word About Animation
The Honeycomb framework allows designers and developers to use a variety of animation effects.
According to the Android 3.0 Highlights page, “Animations can create fades or movement between states,
loop an animated image or an existing animation, change colors, and much more.” Honeycomb also boasts
high-performance mechanisms for presenting 2-D and 3-D graphics. For a good overview of what
Honeycomb is capable of, check out this video .
10
11
20. 5/28/13 Designing For Android Tablets | Smashing Mobile
mobile.smashingmagazine.com/2011/08/09/designing-for-android-tablets/ 20/27
Learning from Example
Android tablet apps are still a relatively new space, and some brands are only beginning to test the waters.
Below is a list of apps for inspiration. You can download any of them from the Android Market or
Amazon .
YouTube
Naturally, Google’s YouTube app for Honeycomb is exemplary, showcasing all of the design patterns and UI
elements discussed above. To get a good feel for Honeycomb, download this app first and take it for a spin.
CNN
The CNN app makes good use of touch gestures (including flicking to view more content), the split view
and fonts! A custom font (Rockwell) is used for news headlines.
12
13
21. 5/28/13 Designing For Android Tablets | Smashing Mobile
mobile.smashingmagazine.com/2011/08/09/designing-for-android-tablets/ 21/27
CNBC
Another good news app, with animation (the stock ticker tape) and rich graphics and gradients. CNBC has
one of the most visually compelling apps.
Plume
With its three-column layout, Plume is a good example of how layouts might need to be changed
dramatically from landscape to portrait views.
22. 5/28/13 Designing For Android Tablets | Smashing Mobile
mobile.smashingmagazine.com/2011/08/09/designing-for-android-tablets/ 22/27
FlightTrack
A data-heavy app done elegantly. Includes nice maps, subtle animation and standard Honeycomb UI
elements.
Pulse
What else can you say: it’s Pulse for Android tablets! But comparing the Android and iPad versions, which
are identical in almost every way, is still fun anyway.
23. 5/28/13 Designing For Android Tablets | Smashing Mobile
mobile.smashingmagazine.com/2011/08/09/designing-for-android-tablets/ 23/27
WeatherBug
This was one of the first Honeycomb apps in the Android Market. It makes good use of maps and of the
holographic UI for showing pictures from weather cams.
Kindle
Kindle pretty much sticks to the book in using design patterns and Honeycomb UI elements. The outcome
is elegant, while staying true to Android’s best practices.
24. 5/28/13 Designing For Android Tablets | Smashing Mobile
mobile.smashingmagazine.com/2011/08/09/designing-for-android-tablets/ 24/27
HONORABLE MENTIONS
Online Resources
VIDEO
IMDb
News360
USA Today
AccuWeather
Ustream
Google Earth
Think Space
Designing and Implementing Android UIs for Phones and Tablets , Google I/O
2011
14
Android 3.0 Honeycomb animation demo15
25. 5/28/13 Designing For Android Tablets | Smashing Mobile
mobile.smashingmagazine.com/2011/08/09/designing-for-android-tablets/ 25/27
PRESENTATIONS
BLOGS
ANDROID DEVELOPERS
(al)
Designing and Implementing Android UIs for Phones and Tablets , Google I/O
2011 (PDF)
16
Tablet UI Patterns17
Supporting Multiple Screens18
Icon Design19
Android 3.0 Platform Highlights20
FOOTNOTES:
post-PC world - http://www.engadget.com/2011/03/03/editorial-its-apples-post-pc-world-were-all-
just-living/
1
Android 3.x “Honeycomb” - http://developer.android.com/sdk/android-3.0-highlights.html2
Future updates - http://gizmodo.com/5800358/what-is-androids-ice-cream-sandwich3
previous article on designing for Android -
http://coding.smashingmagazine.com/2011/06/30/designing-for-android/
4
fifty-seven - http://iosfonts.com/5
Just three - http://stackoverflow.com/questions/3532397/how-to-retrieve-a-list-of-available-
installed-fonts-in-android
6
Droid Sans, Droid Serif and Droid Sans Mono - http://www.droidfonts.com/droidfonts/about/7
design patterns introduced in Android 2.0 -
http://coding.smashingmagazine.com/2011/06/30/designing-for-android/
8
26. 5/28/13 Designing For Android Tablets | Smashing Mobile
mobile.smashingmagazine.com/2011/08/09/designing-for-android-tablets/ 26/27
Fragments - http://android-developers.blogspot.com/2011/02/android-30-fragments-api.html9
Android 3.0 Highlights - http://developer.android.com/sdk/android-3.0-highlights.html10
this video - http://www.youtube.com/watch?v=DAXm0-HA8O8&feature=player_embedded11
Android Market - https://market.android.com/?hl=en12
Amazon - http://www.amazon.com/mobile-apps/b/ref=sa_menu_adr_app4?
ie=UTF8&node=2350149011
13
Designing and Implementing Android UIs for Phones and Tablets -
http://www.youtube.com/watch?v=WGIU2JX1U5Y&feature=player_embedded#at=3469
14
Android 3.0 Honeycomb animation demo - http://www.youtube.com/watch?v=DAXm0-
HA8O8&feature=player_embedded
15
Designing and Implementing Android UIs for Phones and Tablets -
http://static.googleusercontent.com/external_content/untrusted_dlcp/www.google.com/en/us/events/io/201
16
Tablet UI Patterns - http://www.androiduipatterns.com/2011/06/tablet-ui-patterns-action-bar.html17
Supporting Multiple Screens -
http://developer.android.com/guide/practices/screens_support.html
18
Icon Design - http://developer.android.com/guide/practices/ui_guidelines/icon_design.html19
Android 3.0 Platform Highlights - http://developer.android.com/sdk/android-3.0-highlights.html20
Android - http://mobile.smashingmagazine.com/tag/android/21
Mobile - http://mobile.smashingmagazine.com/tag/mobile/22
Tablets - http://mobile.smashingmagazine.com/tag/tablets/23
Born and raised in Silicon Valley, Daniel McKenzie is a digital product
designer helping startups and companies strategize and design products
that matter. He also likes to write and tweet (@danielmckenzie) on
various design and innovation topics.
27. 5/28/13 Designing For Android Tablets | Smashing Mobile
mobile.smashingmagazine.com/2011/08/09/designing-for-android-tablets/ 27/27
Every other Tuesday we send out our lovely email newsletter with useful tips and
techniques, recent articles and upcoming events. 143,000 readers have signed up
already. Why don't you sign up, too?
email address Sign Up!
154,139
Subscribers
With a commitment to quality content for the design community.
Made in Germany. 2006-2013. http://www.smashingmagazine.com