The document provides guidance on designing application GUIs, emphasizing simplicity (KISS principle), consistency with platform conventions, and usability best practices. Key recommendations include identifying essential features and target users, creating rough storyboard sketches, using spacing and layout to organize information clearly, mimicking successful apps, and ensuring intuitive, discoverable interactions that minimize mistakes and interruptions for users. Material Design and iOS guidelines are discussed as examples, noting pros and cons of each approach.
In this course i present an overview of Axure and what you can do with it.
The most important, i try to point you in the right direction to become an expert by yourself.
In this presentation i cover the following subjects:
- Basic widgets for wireframing
- Prototyping: Events, Interactions and Conditionals
- Exporting for devices (mobile and desktop)
- Documentation and Notes
- Tips, a lot of them
- Connect Axure prototypes with third party services
In this file, you can ref interview materials for library such as, library situational interview, library behavioral interview, library phone interview, library interview thank you letter, library interview tips …
Intro to User Experience Design for Developers, Carnegie Apps Hackathon 2014Zaid Haque
This workshop was aimed as an introduction to UX design for developers/designers who were students at a local 24 hour Hackathon competition. It covers the general idea of product creation, UX/UI Design, as well as some interesting productivity enhancing tools and resources for developers/designers.
In this course i present an overview of Axure and what you can do with it.
The most important, i try to point you in the right direction to become an expert by yourself.
In this presentation i cover the following subjects:
- Basic widgets for wireframing
- Prototyping: Events, Interactions and Conditionals
- Exporting for devices (mobile and desktop)
- Documentation and Notes
- Tips, a lot of them
- Connect Axure prototypes with third party services
In this file, you can ref interview materials for library such as, library situational interview, library behavioral interview, library phone interview, library interview thank you letter, library interview tips …
Intro to User Experience Design for Developers, Carnegie Apps Hackathon 2014Zaid Haque
This workshop was aimed as an introduction to UX design for developers/designers who were students at a local 24 hour Hackathon competition. It covers the general idea of product creation, UX/UI Design, as well as some interesting productivity enhancing tools and resources for developers/designers.
First of a series of workshops, aimed to give business managers and engineers an exposure to design concepts. This presentation covers User Experience Concepts, Graphic Design Fundamentals, UI Trends, Cool tools people can use, and an overview of iOS/Android technical specs for UI.
Delivered at DotAll 2018 in Berlin, Germany on September 27, 2018
Design shouldn't be a siloed practice, but a collaborative effort rooted in process. How do we get there?
In this session, we'll look at how we can reframe our design approach to be more human-centric and systems-minded. We'll look at each step of the process, through the lens of real-world examples, to explore how we can cultivate design thinking within multidisciplinary teams to solve complex problems. And how CraftCMS is uniquely suited to drive this forward on the web!
Intro + Examples
Human Interface Principles
Platform Characteristics
UX Guidelines
This presentation has been developed in the context of the Mobile Applications Development course, DISIM, University of L'Aquila (Italy), Spring 2014.
http://www.ivanomalavolta.com
Even though we are developers dealing with source code, it is good to know how to deal with UI/UX when building our user interfaces by applying tips and best practices.
So, in this session, we are gonna talk about android usability patterns, based on real cases and experiences with mobile development.
Android UX-UI Design for Fun and Profitpenanochizzo
Even though we are developers dealing with source code, it is good to know how to deal with UI/UX when building our user interfaces by applying tips and best practices.
So, in this session, we are gonna talk about android usability patterns, based on real cases and experiences with mobile development.
First of a series of workshops, aimed to give business managers and engineers an exposure to design concepts. This presentation covers User Experience Concepts, Graphic Design Fundamentals, UI Trends, Cool tools people can use, and an overview of iOS/Android technical specs for UI.
Delivered at DotAll 2018 in Berlin, Germany on September 27, 2018
Design shouldn't be a siloed practice, but a collaborative effort rooted in process. How do we get there?
In this session, we'll look at how we can reframe our design approach to be more human-centric and systems-minded. We'll look at each step of the process, through the lens of real-world examples, to explore how we can cultivate design thinking within multidisciplinary teams to solve complex problems. And how CraftCMS is uniquely suited to drive this forward on the web!
Intro + Examples
Human Interface Principles
Platform Characteristics
UX Guidelines
This presentation has been developed in the context of the Mobile Applications Development course, DISIM, University of L'Aquila (Italy), Spring 2014.
http://www.ivanomalavolta.com
Even though we are developers dealing with source code, it is good to know how to deal with UI/UX when building our user interfaces by applying tips and best practices.
So, in this session, we are gonna talk about android usability patterns, based on real cases and experiences with mobile development.
Android UX-UI Design for Fun and Profitpenanochizzo
Even though we are developers dealing with source code, it is good to know how to deal with UI/UX when building our user interfaces by applying tips and best practices.
So, in this session, we are gonna talk about android usability patterns, based on real cases and experiences with mobile development.
Graspan: A Big Data System for Big Code AnalysisAftab Hussain
We built a disk-based parallel graph system, Graspan, that uses a novel edge-pair centric computation model to compute dynamic transitive closures on very large program graphs.
We implement context-sensitive pointer/alias and dataflow analyses on Graspan. An evaluation of these analyses on large codebases such as Linux shows that their Graspan implementations scale to millions of lines of code and are much simpler than their original implementations.
These analyses were used to augment the existing checkers; these augmented checkers found 132 new NULL pointer bugs and 1308 unnecessary NULL tests in Linux 4.4.0-rc5, PostgreSQL 8.3.9, and Apache httpd 2.2.18.
- Accepted in ASPLOS ‘17, Xi’an, China.
- Featured in the tutorial, Systemized Program Analyses: A Big Data Perspective on Static Analysis Scalability, ASPLOS ‘17.
- Invited for presentation at SoCal PLS ‘16.
- Invited for poster presentation at PLDI SRC ‘16.
Do you want Software for your Business? Visit Deuglo
Deuglo has top Software Developers in India. They are experts in software development and help design and create custom Software solutions.
Deuglo follows seven steps methods for delivering their services to their customers. They called it the Software development life cycle process (SDLC).
Requirement — Collecting the Requirements is the first Phase in the SSLC process.
Feasibility Study — after completing the requirement process they move to the design phase.
Design — in this phase, they start designing the software.
Coding — when designing is completed, the developers start coding for the software.
Testing — in this phase when the coding of the software is done the testing team will start testing.
Installation — after completion of testing, the application opens to the live server and launches!
Maintenance — after completing the software development, customers start using the software.
E-commerce Application Development Company.pdfHornet Dynamics
Your business can reach new heights with our assistance as we design solutions that are specifically appropriate for your goals and vision. Our eCommerce application solutions can digitally coordinate all retail operations processes to meet the demands of the marketplace while maintaining business continuity.
May Marketo Masterclass, London MUG May 22 2024.pdfAdele Miller
Can't make Adobe Summit in Vegas? No sweat because the EMEA Marketo Engage Champions are coming to London to share their Summit sessions, insights and more!
This is a MUG with a twist you don't want to miss.
Software Engineering, Software Consulting, Tech Lead, Spring Boot, Spring Cloud, Spring Core, Spring JDBC, Spring Transaction, Spring MVC, OpenShift Cloud Platform, Kafka, REST, SOAP, LLD & HLD.
Transform Your Communication with Cloud-Based IVR SolutionsTheSMSPoint
Discover the power of Cloud-Based IVR Solutions to streamline communication processes. Embrace scalability and cost-efficiency while enhancing customer experiences with features like automated call routing and voice recognition. Accessible from anywhere, these solutions integrate seamlessly with existing systems, providing real-time analytics for continuous improvement. Revolutionize your communication strategy today with Cloud-Based IVR Solutions. Learn more at: https://thesmspoint.com/channel/cloud-telephony
Enterprise Resource Planning System includes various modules that reduce any business's workload. Additionally, it organizes the workflows, which drives towards enhancing productivity. Here are a detailed explanation of the ERP modules. Going through the points will help you understand how the software is changing the work dynamics.
To know more details here: https://blogs.nyggs.com/nyggs/enterprise-resource-planning-erp-system-modules/
Mobile App Development Company In Noida | Drona InfotechDrona Infotech
Looking for a reliable mobile app development company in Noida? Look no further than Drona Infotech. We specialize in creating customized apps for your business needs.
Visit Us For : https://www.dronainfotech.com/mobile-application-development/
Navigating the Metaverse: A Journey into Virtual Evolution"Donna Lenk
Join us for an exploration of the Metaverse's evolution, where innovation meets imagination. Discover new dimensions of virtual events, engage with thought-provoking discussions, and witness the transformative power of digital realms."
GraphSummit Paris - The art of the possible with Graph TechnologyNeo4j
Sudhir Hasbe, Chief Product Officer, Neo4j
Join us as we explore breakthrough innovations enabled by interconnected data and AI. Discover firsthand how organizations use relationships in data to uncover contextual insights and solve our most pressing challenges – from optimizing supply chains, detecting fraud, and improving customer experiences to accelerating drug discoveries.
A Study of Variable-Role-based Feature Enrichment in Neural Models of CodeAftab Hussain
Understanding variable roles in code has been found to be helpful by students
in learning programming -- could variable roles help deep neural models in
performing coding tasks? We do an exploratory study.
- These are slides of the talk given at InteNSE'23: The 1st International Workshop on Interpretability and Robustness in Neural Software Engineering, co-located with the 45th International Conference on Software Engineering, ICSE 2023, Melbourne Australia
Top Features to Include in Your Winzo Clone App for Business Growth (4).pptxrickgrimesss22
Discover the essential features to incorporate in your Winzo clone app to boost business growth, enhance user engagement, and drive revenue. Learn how to create a compelling gaming experience that stands out in the competitive market.
Launch Your Streaming Platforms in MinutesRoshan Dwivedi
The claim of launching a streaming platform in minutes might be a bit of an exaggeration, but there are services that can significantly streamline the process. Here's a breakdown:
Pros of Speedy Streaming Platform Launch Services:
No coding required: These services often use drag-and-drop interfaces or pre-built templates, eliminating the need for programming knowledge.
Faster setup: Compared to building from scratch, these platforms can get you up and running much quicker.
All-in-one solutions: Many services offer features like content management systems (CMS), video players, and monetization tools, reducing the need for multiple integrations.
Things to Consider:
Limited customization: These platforms may offer less flexibility in design and functionality compared to custom-built solutions.
Scalability: As your audience grows, you might need to upgrade to a more robust platform or encounter limitations with the "quick launch" option.
Features: Carefully evaluate which features are included and if they meet your specific needs (e.g., live streaming, subscription options).
Examples of Services for Launching Streaming Platforms:
Muvi [muvi com]
Uscreen [usencreen tv]
Alternatives to Consider:
Existing Streaming platforms: Platforms like YouTube or Twitch might be suitable for basic streaming needs, though monetization options might be limited.
Custom Development: While more time-consuming, custom development offers the most control and flexibility for your platform.
Overall, launching a streaming platform in minutes might not be entirely realistic, but these services can significantly speed up the process compared to building from scratch. Carefully consider your needs and budget when choosing the best option for you.
Essentials of Automations: The Art of Triggers and Actions in FMESafe Software
In this second installment of our Essentials of Automations webinar series, we’ll explore the landscape of triggers and actions, guiding you through the nuances of authoring and adapting workspaces for seamless automations. Gain an understanding of the full spectrum of triggers and actions available in FME, empowering you to enhance your workspaces for efficient automation.
We’ll kick things off by showcasing the most commonly used event-based triggers, introducing you to various automation workflows like manual triggers, schedules, directory watchers, and more. Plus, see how these elements play out in real scenarios.
Whether you’re tweaking your current setup or building from the ground up, this session will arm you with the tools and insights needed to transform your FME usage into a powerhouse of productivity. Join us to discover effective strategies that simplify complex processes, enhancing your productivity and transforming your data management practices with FME. Let’s turn complexity into clarity and make your workspaces work wonders!
AI Pilot Review: The World’s First Virtual Assistant Marketing SuiteGoogle
AI Pilot Review: The World’s First Virtual Assistant Marketing Suite
👉👉 Click Here To Get More Info 👇👇
https://sumonreview.com/ai-pilot-review/
AI Pilot Review: Key Features
✅Deploy AI expert bots in Any Niche With Just A Click
✅With one keyword, generate complete funnels, websites, landing pages, and more.
✅More than 85 AI features are included in the AI pilot.
✅No setup or configuration; use your voice (like Siri) to do whatever you want.
✅You Can Use AI Pilot To Create your version of AI Pilot And Charge People For It…
✅ZERO Manual Work With AI Pilot. Never write, Design, Or Code Again.
✅ZERO Limits On Features Or Usages
✅Use Our AI-powered Traffic To Get Hundreds Of Customers
✅No Complicated Setup: Get Up And Running In 2 Minutes
✅99.99% Up-Time Guaranteed
✅30 Days Money-Back Guarantee
✅ZERO Upfront Cost
See My Other Reviews Article:
(1) TubeTrivia AI Review: https://sumonreview.com/tubetrivia-ai-review
(2) SocioWave Review: https://sumonreview.com/sociowave-review
(3) AI Partner & Profit Review: https://sumonreview.com/ai-partner-profit-review
(4) AI Ebook Suite Review: https://sumonreview.com/ai-ebook-suite-review
AI Pilot Review: The World’s First Virtual Assistant Marketing Suite
Application GUI Design - Notes from a Toolkit Developer
1. Application GUI Design – Notes From a Toolkit Developer
Tom Hacohen
Samsung Electronics Open Source Group
tom.hacohen@samsung.com
@TomHacohen
FOSDEM 2015
3. Designing an Application | Identify the Application
What does it do?
Essential features
Nice to have features
4. Designing an Application | Identify the Application
What does it do?
Essential features
Nice to have features
Niche features (<1% of the users)
5. Designing an Application | Identify the Application
What does it do?
Essential features
Nice to have features
Niche features (<1% of the users)
Remove all the non-essential features
7. Designing an Application | Identify the Application
Who is it for?
CLI power users? Designers?
Target environment
8. Designing an Application | Identify the Application
Who is it for?
CLI power users? Designers?
Target environment
Common demographics
9. Designing an Application | Identify the Application
Who is it for?
CLI power users? Designers?
Target environment
Common demographics
Application specific classifications
10. Designing an Application | Identify the Application
Who is it for?
CLI power users? Designers?
Target environment
Common demographics
Application specific classifications
Userbase = you
11. Designing an Application | Identify the Application
KISS
Adapt feature list according to your audience
12. Designing an Application | Identify the Application
KISS
Adapt feature list according to your audience
Keep focus on the more important features
13. Designing an Application | Identify the Application
KISS
Adapt feature list according to your audience
Keep focus on the more important features
Avoid creating complex UIs
14. Designing an Application | Identify the Application
KISS
Adapt feature list according to your audience
Keep focus on the more important features
Avoid creating complex UIs
Keep option lists (combo box) short, simple and if
there’s no choice, split to categories
15. Designing an Application | Beginning of the UI
Have a rough sketch
Make a general storyboard sketch
16. Designing an Application | Beginning of the UI
Have a rough sketch
Make a general storyboard sketch
Have all the major interactions and features there
17. Designing an Application | Beginning of the UI
Have a rough sketch
Make a general storyboard sketch
Have all the major interactions and features there
Can be really rough – it’s more about the purpose of the “pages”
18. Designing an Application | Beginning of the UI
Have a rough sketch
Make a general storyboard sketch
Have all the major interactions and features there
Can be really rough – it’s more about the purpose of the “pages”
19. Designing an Application | Beginning of the UI
Have a rough sketch
Make a general storyboard sketch
Have all the major interactions and features there
Can be really rough – it’s more about the purpose of the “pages”
20. Designing an Application | Beginning of the UI
Stick to the basics
Don’t bother with colour – harder and will be added later
21. Designing an Application | Beginning of the UI
Stick to the basics
Don’t bother with colour – harder and will be added later
Do not customise available widgets/patterns unless there really is no other way
22. Designing an Application | Beginning of the UI
Stick to the basics
Don’t bother with colour – harder and will be added later
Do not customise available widgets/patterns unless there really is no other way
Develop it around the content – content is king
24. Designing an Application | Beginning of the UI
I meant it! KISS. . .
Be purposefully simple
Skeuomorphs are almost always bad
25. Designing an Application | Beginning of the UI
I meant it! KISS. . .
Be purposefully simple
Skeuomorphs are almost always bad
Be consistent (easier when simple)
26. Designing an Application | Beginning of the UI
I meant it! KISS. . .
Be purposefully simple
Skeuomorphs are almost always bad
Be consistent (easier when simple)
Make it simple for your users – don’t create new
usage patterns, and adhere to common ones
27. Designing an Application | Beginning of the UI
I meant it! KISS. . .
Be purposefully simple
Skeuomorphs are almost always bad
Be consistent (easier when simple)
Make it simple for your users – don’t create new
usage patterns, and adhere to common ones
Common (all?) usage patterns should be easily
available
28. Designing an Application | Beginning of the UI
I meant it! KISS. . .
Be purposefully simple
Skeuomorphs are almost always bad
Be consistent (easier when simple)
Make it simple for your users – don’t create new
usage patterns, and adhere to common ones
Common (all?) usage patterns should be easily
available
Rest should be revealed as needed
29. Designing an Application | Beginning of the UI
I meant it! KISS. . .
Be purposefully simple
Skeuomorphs are almost always bad
Be consistent (easier when simple)
Make it simple for your users – don’t create new
usage patterns, and adhere to common ones
Common (all?) usage patterns should be easily
available
Rest should be revealed as needed
Make self-documenting applications
31. Designing an Application | Layout
Spacing
Choose a baseline unit size (e.g. 8px)
Align everything to that baseline size
32. Designing an Application | Layout
Spacing
Choose a baseline unit size (e.g. 8px)
Align everything to that baseline size
Use a small set of spacing alternatives (e.g. 2, 3
and 6 units)
33. Designing an Application | Layout
Spacing
Choose a baseline unit size (e.g. 8px)
Align everything to that baseline size
Use a small set of spacing alternatives (e.g. 2, 3
and 6 units)
Make sure touch-targets are spaced enough
34. Designing an Application | Layout
Spacing
Choose a baseline unit size (e.g. 8px)
Align everything to that baseline size
Use a small set of spacing alternatives (e.g. 2, 3
and 6 units)
Make sure touch-targets are spaced enough
Be generous, but don’t overdo it (don’t waste my
screen estate)
36. Designing an Application | Layout
Organization
Content should be at the front of the stage
Important functionality in key positions
37. Designing an Application | Layout
Organization
Content should be at the front of the stage
Important functionality in key positions
Make the hierarchy of information clear
38. Designing an Application | Layout
Organization
Content should be at the front of the stage
Important functionality in key positions
Make the hierarchy of information clear
Associate related elements
39. Designing an Application | Layout
Organization
Content should be at the front of the stage
Important functionality in key positions
Make the hierarchy of information clear
Associate related elements
Help directing the user’s focus
41. Designing an Application | Visuals
Icons and images
Use known icons on buttons
Don’t use a known icon for something other than
intended
42. Designing an Application | Visuals
Icons and images
Use known icons on buttons
Don’t use a known icon for something other than
intended
Use rich graphics when appropriate (cover-art,
mood graphics, etc.)
43. Designing an Application | Visuals
Icons and images
Use known icons on buttons
Don’t use a known icon for something other than
intended
Use rich graphics when appropriate (cover-art,
mood graphics, etc.)
Don’t overshadow content
44. Designing an Application | Visuals
Icons and images
Use known icons on buttons
Don’t use a known icon for something other than
intended
Use rich graphics when appropriate (cover-art,
mood graphics, etc.)
Don’t overshadow content
Don’t use ugly graphics
45. Designing an Application | Visuals
Icons and images
Use known icons on buttons
Don’t use a known icon for something other than
intended
Use rich graphics when appropriate (cover-art,
mood graphics, etc.)
Don’t overshadow content
Don’t use ugly graphics
Have consistent sizing
46. Designing an Application | Visuals
Typography
Use a readable font size
Text should be big and readable for everyone
48. Designing an Application | Visuals
Typography
Use a readable font size
Space up your text
Use text attributes (e.g. bold and size) to make
text more or less prominent
49. Designing an Application | Visuals
Typography
Use a readable font size
Space up your text
Use text attributes (e.g. bold and size) to make
text more or less prominent
Use a small set of fonts (probably one)
51. Designing an Application | Visuals
Overlaying text on images
Just put it on (bad)
Black/colour/white-wash the whole image to
make text readable
52. Designing an Application | Visuals
Overlaying text on images
Just put it on (bad)
Black/colour/white-wash the whole image to
make text readable
Add translucent background to the text
53. Designing an Application | Visuals
Overlaying text on images
Just put it on (bad)
Black/colour/white-wash the whole image to
make text readable
Add translucent background to the text
Add a translucent gradient (i.e. partial
black/white-wash) so your text area is handled
54. Designing an Application | Visuals
Overlaying text on images
Just put it on (bad)
Black/colour/white-wash the whole image to
make text readable
Add translucent background to the text
Add a translucent gradient (i.e. partial
black/white-wash) so your text area is handled
Use a big font with a shadow and on outline
55. Designing an Application | Visuals
Colour
Option 1 (easier): keep the interface b&w and
use colour to direct focus
56. Designing an Application | Visuals
Colour
Option 1 (easier): keep the interface b&w and
use colour to direct focus
Option 2: Choose a palette of 2 different hues
and use different shades
57. Designing an Application | Visuals
Colour
Option 1 (easier): keep the interface b&w and
use colour to direct focus
Option 2: Choose a palette of 2 different hues
and use different shades
I almost always tint my greys (and not use black)
58. Designing an Application | Visuals
Colour
Option 1 (easier): keep the interface b&w and
use colour to direct focus
Option 2: Choose a palette of 2 different hues
and use different shades
I almost always tint my greys (and not use black)
Find a good palette online
59. Designing an Application | Visuals
Colour
Option 1 (easier): keep the interface b&w and
use colour to direct focus
Option 2: Choose a palette of 2 different hues
and use different shades
I almost always tint my greys (and not use black)
Find a good palette online
Use HSV rather RGB when choosing colours
60. Designing an Application | Visuals
Mimic what works
Compare to other applications you/users like better using what we’ve covered
61. Designing an Application | Visuals
Mimic what works
Compare to other applications you/users like better using what we’ve covered
Mimic what’s good there (e.g. do you need more spacing?)
62. Designing an Application | Visuals
Mimic what works
Compare to other applications you/users like better using what we’ve covered
Mimic what’s good there (e.g. do you need more spacing?)
It’s usually easier to mimic than to design from scratch
63. Designing an Application | Visuals
Mimic what works
Compare to other applications you/users like better using what we’ve covered
Mimic what’s good there (e.g. do you need more spacing?)
It’s usually easier to mimic than to design from scratch
Don’t mimic the bad things (i.e. use them as excuse)
64. Designing an Application | Visuals
Mimic what works
Compare to other applications you/users like better using what we’ve covered
Mimic what’s good there (e.g. do you need more spacing?)
It’s usually easier to mimic than to design from scratch
Don’t mimic the bad things (i.e. use them as excuse)
Don’t copy, learn. . .
65. Designing an Application | Usability
User experience tips
Consistent behaviour (with the platform and within the application)
66. Designing an Application | Usability
User experience tips
Consistent behaviour (with the platform and within the application)
Start instantly and lazy load in the background
67. Designing an Application | Usability
User experience tips
Consistent behaviour (with the platform and within the application)
Start instantly and lazy load in the background
Everything should take a small amount of clicks
68. Designing an Application | Usability
User experience tips
Consistent behaviour (with the platform and within the application)
Start instantly and lazy load in the background
Everything should take a small amount of clicks
Discoverable UI (easy to figure out how to do things)
70. Designing an Application | Usability
More user experience tips
Make it harder to make mistakes
Avoid interruptions
71. Designing an Application | Usability
More user experience tips
Make it harder to make mistakes
Avoid interruptions
Sort long lists in a predictable, sensible order
72. Designing an Application | Usability
More user experience tips
Make it harder to make mistakes
Avoid interruptions
Sort long lists in a predictable, sensible order
If your users do something and expect something
to happen, it probably should happen
73. Current Design Landscape | Usability
Open-source GUI toolkits
Opted for a consistent theme-able system, not individually styled apps
74. Current Design Landscape | Usability
Open-source GUI toolkits
Opted for a consistent theme-able system, not individually styled apps
Usually look very similar (for better or worse)
75. Current Design Landscape | Usability
Open-source GUI toolkits
Opted for a consistent theme-able system, not individually styled apps
Usually look very similar (for better or worse)
Mostly similar in their widget offering and can be styled to look similar
76. Current Design Landscape | Usability
Material design (Google)
Highly talked about cross device design guidelines
77. Current Design Landscape | Usability
Material design (Google)
Highly talked about cross device design guidelines
A fairly good Android adoption rate
78. Current Design Landscape | Usability
Material design (Google)
Highly talked about cross device design guidelines
A fairly good Android adoption rate
I personally don’t like animations that slow users
down
79. Current Design Landscape | Usability
Material design (Google)
Highly talked about cross device design guidelines
A fairly good Android adoption rate
I personally don’t like animations that slow users
down
Concepts are good, it’s implementations that are
not always good
80. Current Design Landscape | Usability
Material design (Google)
Highly talked about cross device design guidelines
A fairly good Android adoption rate
I personally don’t like animations that slow users
down
Concepts are good, it’s implementations that are
not always good
It doesn’t feel like they care about low-end and
power consumption
82. Current Design Landscape | Usability
iOS guidelines
Old style: horrible skeuomorphism
New style: very simple and clean, sometimes confusing
83. Current Design Landscape | Usability
iOS guidelines
Old style: horrible skeuomorphism
New style: very simple and clean, sometimes confusing
Flat and easy to theme
84. Current Design Landscape | Usability
iOS guidelines
Old style: horrible skeuomorphism
New style: very simple and clean, sometimes confusing
Flat and easy to theme
Good general guidelines
85. Current Design Landscape | Usability
iOS guidelines
Old style: horrible skeuomorphism
New style: very simple and clean, sometimes confusing
Flat and easy to theme
Good general guidelines
Usually not very discoverable
86. Current Design Landscape | Usability
EFL
Proportional layout (hard to create non-scalable
layouts)
87. Current Design Landscape | Usability
EFL
Proportional layout (hard to create non-scalable
layouts)
We make it harder to not use the system theme
88. Current Design Landscape | Usability
EFL
Proportional layout (hard to create non-scalable
layouts)
We make it harder to not use the system theme
We are mostly flat, use 3d when helps usability
(similar to Material)
89. Toolkit Specific | Usability
Know your toolkit
Trying to pixel match a design across toolkits is stupid
90. Toolkit Specific | Usability
Know your toolkit
Trying to pixel match a design across toolkits is stupid
Know what takes a performance hit on your toolkit
91. Toolkit Specific | Usability
Know your toolkit
Trying to pixel match a design across toolkits is stupid
Know what takes a performance hit on your toolkit
Check out the toolkit’s common patterns, those are usually best for performance and
users
92. Easy Tips (TL;DR) | Usability
Easy takeaways
It’s like API design, it should be simple, self-documenting, consistent and have a
familiar feeling
93. Easy Tips (TL;DR) | Usability
Easy takeaways
It’s like API design, it should be simple, self-documenting, consistent and have a
familiar feeling
Start with black and white, don’t colour unless you need it
94. Easy Tips (TL;DR) | Usability
Easy takeaways
It’s like API design, it should be simple, self-documenting, consistent and have a
familiar feeling
Start with black and white, don’t colour unless you need it
Saturate your greys and don’t use black
95. Easy Tips (TL;DR) | Usability
Easy takeaways
It’s like API design, it should be simple, self-documenting, consistent and have a
familiar feeling
Start with black and white, don’t colour unless you need it
Saturate your greys and don’t use black
Add spacing and make your text bigger
96. Easy Tips (TL;DR) | Usability
Easy takeaways
It’s like API design, it should be simple, self-documenting, consistent and have a
familiar feeling
Start with black and white, don’t colour unless you need it
Saturate your greys and don’t use black
Add spacing and make your text bigger
Use common patterns (and take inspiration from the best)
97. Easy Tips (TL;DR) | Usability
Easy takeaways
It’s like API design, it should be simple, self-documenting, consistent and have a
familiar feeling
Start with black and white, don’t colour unless you need it
Saturate your greys and don’t use black
Add spacing and make your text bigger
Use common patterns (and take inspiration from the best)
Pay the design some thought (from the start)
98. Example of a Poor Design | Usability
Less obvious example
The hell that is going to the cinema in London. . .