際際滷

際際滷Share a Scribd company logo
Icons in Your Apps
  Jayson Ward, UI Engineer
  Esri Professional Services
To free up screen real estate.
To provide some visual interest.
To internationalize our apps.
Icons in your Apps
Icons in your Apps
Icons in your Apps
Icons in your Apps
Icons in your Apps
Icons in your Apps
Icons in your Apps
Icons in your Apps
Icons in your Apps
Ad

Recommended

Elegance lab qualicost
Elegance lab qualicost
Roopa Bhatt
Elegance lab brd-residencyapp
Elegance lab brd-residencyapp
Roopa Bhatt
Multi touch table by vinay jain
Multi touch table by vinay jain
Vinay Jain
Android Wear
Android Wear
Daniele Vitali
Mobile presentation-shweiki
Mobile presentation-shweiki
Steve Viner
Portfolio of Nicole Haishu LI
Portfolio of Nicole Haishu LI
Nicole Li
Designing User Experience for multiple screen and device formats
Designing User Experience for multiple screen and device formats
Dirk Bartels
Augmented Reality: Beyond the Hype
Augmented Reality: Beyond the Hype
Paul Coulton
roadsafety_training_manual_unit_1_magnitude_and_impact.ppt
roadsafety_training_manual_unit_1_magnitude_and_impact.ppt
mbkl05cctjv
Give Your Salon a Gorgeous Makeover with Interior Designs That Reflect Your P...
Give Your Salon a Gorgeous Makeover with Interior Designs That Reflect Your P...
SPL Interiors
LAVIELACE - Collections portfolio showcase
LAVIELACE - Collections portfolio showcase
Geo Lupascu
Ideo on friction - resource to aid you in that process
Ideo on friction - resource to aid you in that process
vikram sood
Bethany Michels Master of Architecture Thesis 2025
Bethany Michels Master of Architecture Thesis 2025
Bethany Michels
Indian_Constitution_Presentation.pptx , images
Indian_Constitution_Presentation.pptx , images
jaglandushyant
Guildford Flames Adam Long Helmet Design Challenge 2025
Guildford Flames Adam Long Helmet Design Challenge 2025
Tom Hutchinson
PowerISO Crack 9.0 + Serial Key Free Download 2025
PowerISO Crack 9.0 + Serial Key Free Download 2025
Ayesha khan
Unleash Creativity with 3D T-Shirt Configurators_ A Game-Changer for Custom A...
Unleash Creativity with 3D T-Shirt Configurators_ A Game-Changer for Custom A...
PrintXpand
Modern Living Room Design in Tokyo,Japan
Modern Living Room Design in Tokyo,Japan
Yantram Animation Studio Corporation
overview visual graphic design for SHS.pptx
overview visual graphic design for SHS.pptx
KarlVincentNonog
the sigma cafe a b c d e f g h i j k l i
the sigma cafe a b c d e f g h i j k l i
kamalpavlov
LRC image social media marketing class design
LRC image social media marketing class design
yeshwimbu
Canva Pro Crack Free Download 2025 Latest
Canva Pro Crack Free Download 2025 Latest
chandchuhdary068
research proposal on IDA By dr waleed zaheen.pptx
research proposal on IDA By dr waleed zaheen.pptx
waleedzaheen1
Bethany Michels Architecture Portfolio.pdf
Bethany Michels Architecture Portfolio.pdf
Bethany Michels
Assignment 1_ studying a roomkjdhfkeqjdhfjeqhfdjkqebf
Assignment 1_ studying a roomkjdhfkeqjdhfjeqhfdjkqebf
kunduanannya2003
Factorising Expressions Presentation in Green Brown Illustrative Scrapbook St...
Factorising Expressions Presentation in Green Brown Illustrative Scrapbook St...
hazlienasyiqeen
3D-IC Design Kits for Drop-in Chiplets MDK, ADK, TDK - 20250121_PreConH_Wong_...
3D-IC Design Kits for Drop-in Chiplets MDK, ADK, TDK - 20250121_PreConH_Wong_...
huyth14
Exploratory Experiences Built by Design (UXPA25)
Exploratory Experiences Built by Design (UXPA25)
Design for Context
2024 Trend Updates: What Really Works In SEO & Content Marketing
2024 Trend Updates: What Really Works In SEO & Content Marketing
Search Engine Journal
Storytelling For The Web: Integrate Storytelling in your Design Process
Storytelling For The Web: Integrate Storytelling in your Design Process
Chiara Aliotta

More Related Content

Recently uploaded (20)

roadsafety_training_manual_unit_1_magnitude_and_impact.ppt
roadsafety_training_manual_unit_1_magnitude_and_impact.ppt
mbkl05cctjv
Give Your Salon a Gorgeous Makeover with Interior Designs That Reflect Your P...
Give Your Salon a Gorgeous Makeover with Interior Designs That Reflect Your P...
SPL Interiors
LAVIELACE - Collections portfolio showcase
LAVIELACE - Collections portfolio showcase
Geo Lupascu
Ideo on friction - resource to aid you in that process
Ideo on friction - resource to aid you in that process
vikram sood
Bethany Michels Master of Architecture Thesis 2025
Bethany Michels Master of Architecture Thesis 2025
Bethany Michels
Indian_Constitution_Presentation.pptx , images
Indian_Constitution_Presentation.pptx , images
jaglandushyant
Guildford Flames Adam Long Helmet Design Challenge 2025
Guildford Flames Adam Long Helmet Design Challenge 2025
Tom Hutchinson
PowerISO Crack 9.0 + Serial Key Free Download 2025
PowerISO Crack 9.0 + Serial Key Free Download 2025
Ayesha khan
Unleash Creativity with 3D T-Shirt Configurators_ A Game-Changer for Custom A...
Unleash Creativity with 3D T-Shirt Configurators_ A Game-Changer for Custom A...
PrintXpand
Modern Living Room Design in Tokyo,Japan
Modern Living Room Design in Tokyo,Japan
Yantram Animation Studio Corporation
overview visual graphic design for SHS.pptx
overview visual graphic design for SHS.pptx
KarlVincentNonog
the sigma cafe a b c d e f g h i j k l i
the sigma cafe a b c d e f g h i j k l i
kamalpavlov
LRC image social media marketing class design
LRC image social media marketing class design
yeshwimbu
Canva Pro Crack Free Download 2025 Latest
Canva Pro Crack Free Download 2025 Latest
chandchuhdary068
research proposal on IDA By dr waleed zaheen.pptx
research proposal on IDA By dr waleed zaheen.pptx
waleedzaheen1
Bethany Michels Architecture Portfolio.pdf
Bethany Michels Architecture Portfolio.pdf
Bethany Michels
Assignment 1_ studying a roomkjdhfkeqjdhfjeqhfdjkqebf
Assignment 1_ studying a roomkjdhfkeqjdhfjeqhfdjkqebf
kunduanannya2003
Factorising Expressions Presentation in Green Brown Illustrative Scrapbook St...
Factorising Expressions Presentation in Green Brown Illustrative Scrapbook St...
hazlienasyiqeen
3D-IC Design Kits for Drop-in Chiplets MDK, ADK, TDK - 20250121_PreConH_Wong_...
3D-IC Design Kits for Drop-in Chiplets MDK, ADK, TDK - 20250121_PreConH_Wong_...
huyth14
Exploratory Experiences Built by Design (UXPA25)
Exploratory Experiences Built by Design (UXPA25)
Design for Context
roadsafety_training_manual_unit_1_magnitude_and_impact.ppt
roadsafety_training_manual_unit_1_magnitude_and_impact.ppt
mbkl05cctjv
Give Your Salon a Gorgeous Makeover with Interior Designs That Reflect Your P...
Give Your Salon a Gorgeous Makeover with Interior Designs That Reflect Your P...
SPL Interiors
LAVIELACE - Collections portfolio showcase
LAVIELACE - Collections portfolio showcase
Geo Lupascu
Ideo on friction - resource to aid you in that process
Ideo on friction - resource to aid you in that process
vikram sood
Bethany Michels Master of Architecture Thesis 2025
Bethany Michels Master of Architecture Thesis 2025
Bethany Michels
Indian_Constitution_Presentation.pptx , images
Indian_Constitution_Presentation.pptx , images
jaglandushyant
Guildford Flames Adam Long Helmet Design Challenge 2025
Guildford Flames Adam Long Helmet Design Challenge 2025
Tom Hutchinson
PowerISO Crack 9.0 + Serial Key Free Download 2025
PowerISO Crack 9.0 + Serial Key Free Download 2025
Ayesha khan
Unleash Creativity with 3D T-Shirt Configurators_ A Game-Changer for Custom A...
Unleash Creativity with 3D T-Shirt Configurators_ A Game-Changer for Custom A...
PrintXpand
overview visual graphic design for SHS.pptx
overview visual graphic design for SHS.pptx
KarlVincentNonog
the sigma cafe a b c d e f g h i j k l i
the sigma cafe a b c d e f g h i j k l i
kamalpavlov
LRC image social media marketing class design
LRC image social media marketing class design
yeshwimbu
Canva Pro Crack Free Download 2025 Latest
Canva Pro Crack Free Download 2025 Latest
chandchuhdary068
research proposal on IDA By dr waleed zaheen.pptx
research proposal on IDA By dr waleed zaheen.pptx
waleedzaheen1
Bethany Michels Architecture Portfolio.pdf
Bethany Michels Architecture Portfolio.pdf
Bethany Michels
Assignment 1_ studying a roomkjdhfkeqjdhfjeqhfdjkqebf
Assignment 1_ studying a roomkjdhfkeqjdhfjeqhfdjkqebf
kunduanannya2003
Factorising Expressions Presentation in Green Brown Illustrative Scrapbook St...
Factorising Expressions Presentation in Green Brown Illustrative Scrapbook St...
hazlienasyiqeen
3D-IC Design Kits for Drop-in Chiplets MDK, ADK, TDK - 20250121_PreConH_Wong_...
3D-IC Design Kits for Drop-in Chiplets MDK, ADK, TDK - 20250121_PreConH_Wong_...
huyth14
Exploratory Experiences Built by Design (UXPA25)
Exploratory Experiences Built by Design (UXPA25)
Design for Context

Featured (20)

2024 Trend Updates: What Really Works In SEO & Content Marketing
2024 Trend Updates: What Really Works In SEO & Content Marketing
Search Engine Journal
Storytelling For The Web: Integrate Storytelling in your Design Process
Storytelling For The Web: Integrate Storytelling in your Design Process
Chiara Aliotta
Artificial Intelligence, Data and Competition SCHREPEL June 2024 OECD dis...
Artificial Intelligence, Data and Competition SCHREPEL June 2024 OECD dis...
OECD Directorate for Financial and Enterprise Affairs
How to Leverage AI to Boost Employee Wellness - Lydia Di Francesco - SocialHR...
How to Leverage AI to Boost Employee Wellness - Lydia Di Francesco - SocialHR...
SocialHRCamp
2024 State of Marketing Report by Hubspot
2024 State of Marketing Report by Hubspot
Marius Sescu
Everything You Need To Know About ChatGPT
Everything You Need To Know About ChatGPT
Expeed Software
Product Design Trends in 2024 | Teenage Engineerings
Product Design Trends in 2024 | Teenage Engineerings
Pixeldarts
How Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental Health
ThinkNow
AI Trends in Creative Operations 2024 by Artwork Flow.pdf
AI Trends in Creative Operations 2024 by Artwork Flow.pdf
marketingartwork
Skeleton Culture Code
Skeleton Culture Code
Skeleton Technologies
PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024
Neil Kimberley
Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)
contently
How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024
Albert Qian
Social Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie Insights
Kurio // The Social Media Age(ncy)
Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024
Search Engine Journal
5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary
SpeakerHub
ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd
Clark Boyd
Getting into the tech field. what next
Getting into the tech field. what next
Tessa Mero
Google's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search Intent
Lily Ray
How to have difficult conversations
How to have difficult conversations
Rajiv Jayarajah, MAppComm, ACC
2024 Trend Updates: What Really Works In SEO & Content Marketing
2024 Trend Updates: What Really Works In SEO & Content Marketing
Search Engine Journal
Storytelling For The Web: Integrate Storytelling in your Design Process
Storytelling For The Web: Integrate Storytelling in your Design Process
Chiara Aliotta
How to Leverage AI to Boost Employee Wellness - Lydia Di Francesco - SocialHR...
How to Leverage AI to Boost Employee Wellness - Lydia Di Francesco - SocialHR...
SocialHRCamp
2024 State of Marketing Report by Hubspot
2024 State of Marketing Report by Hubspot
Marius Sescu
Everything You Need To Know About ChatGPT
Everything You Need To Know About ChatGPT
Expeed Software
Product Design Trends in 2024 | Teenage Engineerings
Product Design Trends in 2024 | Teenage Engineerings
Pixeldarts
How Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental Health
ThinkNow
AI Trends in Creative Operations 2024 by Artwork Flow.pdf
AI Trends in Creative Operations 2024 by Artwork Flow.pdf
marketingartwork
PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024
Neil Kimberley
Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)
contently
How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024
Albert Qian
Social Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie Insights
Kurio // The Social Media Age(ncy)
Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024
Search Engine Journal
5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary
SpeakerHub
ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd
Clark Boyd
Getting into the tech field. what next
Getting into the tech field. what next
Tessa Mero
Google's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search Intent
Lily Ray
Ad

Icons in your Apps

  • 1. Icons in Your Apps Jayson Ward, UI Engineer Esri Professional Services
  • 2. To free up screen real estate. To provide some visual interest. To internationalize our apps.

Editor's Notes

  • #2: Hello, my name is Jayson Ward and I work at Esri as a User Interface Engineer, focusing mainly on UI design and front-end development.Today I want to have a rapid discussion with you regarding the use of icons in your apps
  • #3: 3. So what are icons and why do we use them in apps.Icons are pictograms that we use to substitute for written words and conceptsWe use them to free up screen real estatesometimes to help provide visual interestand to internationalize our apps.
  • #4: So as developers you are probably familiar with these. They are icons in a sense used to represent specific pieces of programming logic. You see them and you recognize them immediately. Graphic icons work the same way.
  • #5: So what do you think this button would do? Save? Even though we dont use floppy disks anymore, you recognize this icon as a button you would use to save, even people who have never seen a 3 1/5 floppy recognize this symbol as save even though they dont know what the graphic references.
  • #6: How about this button?Configuration or settings.
  • #7: Now lets say we have to come up with an icon for share, to let people know they can share content via social media.We could use an icon like this, putting something in someones hand. That may convey share, but really isnt the correct message for the actionWe could use something like this, but once again not everybody is going to get this reference, plus it doesnt scale wellThe best solution is to use this icon, which has become a defacto standard for sharing via social networksIts always best to use whatever has become the standard, whether it makes sense or not -> remember that 3 遜 floppy for saving.
  • #8: So what are some quick takeaways to think about when using icons in your apps.1. Purchase a set of icons in vector format from a stock photo library. That way you will have a set of icons with a consistent look to use in your projects.
  • #9: 2. Use the icon that makes the most sense, or is commonly used.
  • #10: 3. Don't use icons that look like they are completely different styles in your apps. that's like using a different typeface for each letter in a sentence; it's jarring to the user experience.
  • #11: 3. Always ask yourself, do I even need an icon. Maybe just the word is enough if your audience all speak the same language; like here we could have the phone button, or we could have a button that says Call Us, or even Call Me Maybe.
  • #12: Thanks for taking the time to speed geek with me, cheers.