{"id":304,"date":"2023-07-18T12:00:00","date_gmt":"2023-07-18T12:00:00","guid":{"rendered":"http:\/\/suimy.me\/?p=304"},"modified":"2024-05-01T17:01:44","modified_gmt":"2024-05-01T17:01:44","slug":"designing-age-inclusive-products-guidelines-and-best-practices","status":"publish","type":"post","link":"http:\/\/suimy.me\/index.php\/2023\/07\/18\/designing-age-inclusive-products-guidelines-and-best-practices\/","title":{"rendered":"Designing Age-Inclusive Products: Guidelines And Best Practices"},"content":{"rendered":"<p>              <title>Designing Age-Inclusive Products: Guidelines And Best Practices<\/title><\/p>\n<article>\n<header>\n<h1>Designing Age-Inclusive Products: Guidelines And Best Practices<\/h1>\n<address>Michal Halperin Ben Zvi<\/address>\n<p>                  2023-07-18T12:00:00+00:00<br \/>\n                  2024-05-01T16:05:07+00:00<br \/>\n                <\/header>\n<p>Why is it so important to take into account older adults? One person in eight on the planet is over 60, and they are more online than ever. Approximately <a href=\"https:\/\/www.statista.com\/statistics\/265759\/world-population-by-age-and-region\/\">one billion people aged 60+<\/a> are alive today. Most of them are healthy and active and have discretionary income. Moreover, it is growing faster than any other age group and is projected to be 20% of the world\u2019s population (~2 billion people) by 2050. They are also the <a href=\"https:\/\/www.researchgate.net\/publication\/351664620_Older_Adults_Shopping_Online_A_Fad_or_a_Trend\">fastest-growing category of e-commerce shoppers<\/a>.<\/p>\n<p>Older people today are <a href=\"https:\/\/www.pewresearch.org\/internet\/2021\/09\/01\/navigating-technological-challenges\/\">adopting technology more than ever before<\/a>. From the use of the Internet, smartphones, tablets, and wearables to smart TVs and speakers, a growing number of older people are users. Ownership of smartphones, for example, increased from 70% to 77% among the 50+ population in the United States between 2017 and 2021. Moreover, during the Covid-19 pandemic, there was a significant rise in older adults\u2019 motivation to use digital technology.<\/p>\n<p>However, many older people still lack sufficient Internet connectivity or technological skill to use devices and consume digital services. It is estimated that <a href=\"https:\/\/www.aarp.org\/content\/dam\/aarp\/research\/surveys_statistics\/technology\/2021\/2022-technology-trends-older-americans.doi.10.26419-2Fres.00493.001.pdf\">two in five feel technology is not designed for them<\/a> (PDF).<\/p>\n<h3 id=\"opportunity-to-integrate-older-people-into-the-digital-world\">Opportunity To Integrate Older people Into The Digital World<\/h3>\n<p>More and more aspects of life are conducted on digital platforms: interpersonal communication, banking, healthcare, personal consumption, and exercising one\u2019s rights are just some of them. Therefore, digital platforms that are challenging to use for older people have a <strong>negative impact on their quality of life<\/strong>. It prevents them from accessing essential services and integrating equally into society.<\/p>\n<blockquote class=\"pull-quote\">\n<p>\n    <a class=\"pull-quote__link\" aria-label=\"Share on Twitter\" href=\"https:\/\/twitter.com\/share?text=%0aAccording%20to%20the%20inclusive%20design%20approach,%20one%20should%20take%20into%20account%20the%20needs%20of%20as%20many%20users%20as%20possible%20without%20stigmatizing%20or%20excluding%20a%20specific%20group%20by%20designing%20niche%20products.%0a&amp;url=https:\/\/smashingmagazine.com%2f2023%2f07%2fdesigning-age-inclusive-products-guidelines-best-practices%2f\"><\/p>\n<p>According to the inclusive design approach, one should take into account the needs of as many users as possible without stigmatizing or excluding a specific group by designing niche products.<\/p>\n<p>    <\/a>\n  <\/p>\n<div class=\"pull-quote__quotation\">\n<div class=\"pull-quote__bg\">\n      <span class=\"pull-quote__symbol\">\u201c<\/span><\/div>\n<\/p><\/div>\n<\/blockquote>\n<p>If you adopt this principle, you can design a digital platform that serves a wide range of people, not just those aged 65+. Usually, a service that meets the needs of people aged 65+ will serve other audiences as well.<\/p>\n<h3 id=\"adopting-age-appropriate-navigation-and-orientation-practices\">Adopting Age-appropriate Navigation And Orientation Practices<\/h3>\n<p>Advancing age can also bring with it a decrease in the rate of information processing, whether in understanding, thinking, or remembering. Plus, the ability to ignore distractions, focus on one stimulus, and perform several complex actions simultaneously also decreases.<\/p>\n<p>Additionally, due to their age, some suffer from a decrease in executive functions that enable planning, executing, and delaying reactions. Therefore, there is a higher chance they will perform random actions such as clicking on unintended places, closing pages, or making errors when using apps. Some may have difficulty understanding that icons carry the same meaning across different apps or in dealing with situations that do not correspond with their expectations of the digital world. Despite such difficulties, it is essential to stress that the <strong>ability to learn from feedback<\/strong> \u2014 for example, via affirmations \u2014 <strong>does not diminish with age<\/strong>.<\/p>\n<h2 id=\"what-should-we-do-if-we-want-to-increase-their-engagement\">What Should We Do If We Want To Increase Their Engagement?<\/h2>\n<p>Here are a few guidelines to help you design a more inclusive product. Those guidelines can increase the usage of younger users but are highly crucial for older users:<\/p>\n<h3 id=\"minimize-the-number-of-required-actions-and-create-shortcuts\">Minimize The Number Of Required Actions And Create Shortcuts<\/h3>\n<p>Some people over 65 find it challenging to cope with information overload and multiple options.<\/p>\n<p>Proper information architecture and hierarchy will indicate what is important to the user and require less effort. We should ensure that the required actions appear immediately and easily so that the user does not have to search for them. Some important ones to mention are white space, content placement, space, language, number of actions, and others. Below are these and some others listed with explanations:<\/p>\n<ul>\n<li><strong>White space<\/strong><br \/>\nReducing the number of elements on a screen, increasing the spacing between them, and retaining whitespace will make the screen feel less crowded and, therefore, clearer and more inviting. The added value is in the feeling of simplicity it creates. This improves the user\u2019s sense of competence and ability to focus. Clear typography following one of the established typographic scales is relevant for websites, apps, and complex data systems.<\/li>\n<\/ul>\n<figure class=\"\n  \n    break-out article__image\n  \n  \n  \"><\/p>\n<p>    <a href=\"https:\/\/files.smashing.media\/articles\/designing-age-inclusive-products-guidelines-best-practices\/1-bank-america-website.png\"><\/p>\n<p>    <img loading=\"lazy\" width=\"800\" height=\"450\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" alt=\"A screenshot of the Bank of America website with many visual elements\" class=\"lazyload\" data-src=\"https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_80\/w_400\/https:\/\/files.smashing.media\/articles\/designing-age-inclusive-products-guidelines-best-practices\/1-bank-america-website.png\"><\/p>\n<p>    <\/a><figcaption class=\"op-vertical-bottom\">\n      The Bank of America website has a lot of visual elements that can be overwhelming and may make it difficult for users to feel competent and focused. (<a href=\"https:\/\/files.smashing.media\/articles\/designing-age-inclusive-products-guidelines-best-practices\/1-bank-america-website.png\">Large preview<\/a>)<br \/>\n    <\/figcaption><\/figure>\n<figure class=\"\n  \n    break-out article__image\n  \n  \n  \"><\/p>\n<p>    <a href=\"https:\/\/files.smashing.media\/articles\/designing-age-inclusive-products-guidelines-best-practices\/2-homepage-silicon-valley-bank-website.png\"><\/p>\n<p>    <img loading=\"lazy\" width=\"800\" height=\"450\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" alt=\"The homepage of the Silicon Valley bank website\" class=\"lazyload\" data-src=\"https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_80\/w_400\/https:\/\/files.smashing.media\/articles\/designing-age-inclusive-products-guidelines-best-practices\/2-homepage-silicon-valley-bank-website.png\"><\/p>\n<p>    <\/a><figcaption class=\"op-vertical-bottom\">\n      The homepage of the Silicon Valley bank website has been streamlined to make it easier for users to access their accounts by reducing the number of elements on the page. (<a href=\"https:\/\/files.smashing.media\/articles\/designing-age-inclusive-products-guidelines-best-practices\/2-homepage-silicon-valley-bank-website.png\">Large preview<\/a>)<br \/>\n    <\/figcaption><\/figure>\n<ul>\n<li><strong>Dialog box<\/strong><br \/>\nA limited number of options prevents cognitive overload. Therefore, conduct a careful mapping of the digital platform, distilling out the most important actions and contents.<\/li>\n<li><strong>Central placement<\/strong><br \/>\nThe most important themes should be positioned at the center of the screen.<\/li>\n<li><strong>Large &amp; spacious<\/strong><br \/>\nThe most important buttons should be enlarged and positioned prominently to allow immediate recognition.<\/li>\n<li><strong>Clear language<\/strong><br \/>\nTopics should be clearly labeled, and the labels should be verified in usability testing. Complicated terms should be avoided since they might not be familiar to the target audience.<\/li>\n<li><strong>Limited number of actions<\/strong><br \/>\nThe number of steps (clicks and scrolls) necessary to achieve a goal should be minimized.<\/li>\n<li><strong>Shortcuts and multiple\/redundant paths<\/strong><br \/>\nMake it easy for users to reach their goals by providing multiple options, such as Quick Links, as seen in the example below.<\/li>\n<\/ul>\n<figure class=\"\n  \n    break-out article__image\n  \n  \n  \"><\/p>\n<p>    <a href=\"https:\/\/files.smashing.media\/articles\/designing-age-inclusive-products-guidelines-best-practices\/3-google-search-result-quick-links.png\"><\/p>\n<p>    <img loading=\"lazy\" width=\"800\" height=\"386\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" alt=\"A screenshot of the Google search result with Mediamarkt.de on top with available quick links\" class=\"lazyload\" data-src=\"https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_80\/w_400\/https:\/\/files.smashing.media\/articles\/designing-age-inclusive-products-guidelines-best-practices\/3-google-search-result-quick-links.png\"><\/p>\n<p>    <\/a><figcaption class=\"op-vertical-bottom\">\n      (<a href=\"https:\/\/files.smashing.media\/articles\/designing-age-inclusive-products-guidelines-best-practices\/3-google-search-result-quick-links.png\">Large preview<\/a>)<br \/>\n    <\/figcaption><\/figure>\n<div data-audience=\"non-subscriber\" data-remove=\"true\" class=\"feature-panel-container\">\n<aside class=\"feature-panel\">\n<div class=\"feature-panel-left-col\">\n<div class=\"feature-panel-description\">\n<p>Meet <strong><a data-instant href=\"\/printed-books\/touch-design-for-mobile-interfaces\/\">Touch Design for Mobile Interfaces<\/a><\/strong>, Steven Hoober\u2019s brand-new guide on <strong>designing for mobile<\/strong> with proven, universal, human-centric guidelines. <strong>400 pages<\/strong>, jam-packed with in-depth user research and <strong>best practices<\/strong>.<\/p>\n<p><a data-instant href=\"https:\/\/www.smashingmagazine.com\/printed-books\/touch-design-for-mobile-interfaces\/\" class=\"btn btn--green btn--large\">Jump to table of contents\u00a0\u21ac<\/a><\/div>\n<\/div>\n<div class=\"feature-panel-right-col\"><a data-instant href=\"https:\/\/www.smashingmagazine.com\/printed-books\/touch-design-for-mobile-interfaces\/\" class=\"feature-panel-image-link\"><\/p>\n<div class=\"feature-panel-image\">\n<img loading=\"lazy\" class=\"feature-panel-image-img lazyload\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" alt=\"Feature Panel\" width=\"480\" height=\"697\" data-src=\"https:\/\/archive.smashing.media\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/b14658fc-bb2d-41a6-8d1a-70eaaf1b8ec8\/touch-design-book-shop-opt.png\"><\/p>\n<\/div>\n<p><\/a>\n<\/div>\n<\/aside>\n<\/div>\n<h2 id=\"what-to-know-about-navigation-orientation\">What To Know About Navigation &amp; Orientation?<\/h2>\n<p>Some people aged 65+ can experience <a href=\"https:\/\/journals.sagepub.com\/doi\/pdf\/10.1177\/070674370805300603\">a decline in memory recall<\/a>. Some are also unfamiliar with the principles of the digital world. Therefore, to enhance their sense of control, the following principles should be adopted: rely on recognition, not memory; allow going back; design clear navigation keys; be consistent in design and operation; and provide indicators. Below we will discuss several principles to facilitate navigation.<\/p>\n<ul>\n<li><strong>Recognition, not memory<\/strong><br \/>\nThis principle means creating an interface where users do not have to use their memory to recall information. Instead, they will be asked to identify familiar and prominent components, such as quick access to previously visited pages or actions. The illustration below is an example of how Korea\u2019s post office presents the main tasks on the main screen in a way that doesn\u2019t require memory but recognition. Additional support is the use of color to help the users recognize how to navigate the site once they return to it.<\/li>\n<\/ul>\n<figure class=\"\n  \n    break-out article__image\n  \n  \n  \"><\/p>\n<p>    <a href=\"https:\/\/files.smashing.media\/articles\/designing-age-inclusive-products-guidelines-best-practices\/4-koreas-post-office-website.png\"><\/p>\n<p>    <img loading=\"lazy\" width=\"800\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" alt=\"Korea\u2019s post office website\" class=\"lazyload\" data-src=\"https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_80\/w_400\/https:\/\/files.smashing.media\/articles\/designing-age-inclusive-products-guidelines-best-practices\/4-koreas-post-office-website.png\"><\/p>\n<p>    <\/a><figcaption class=\"op-vertical-bottom\">\n      Source: <a href=\"https:\/\/www.koreapost.go.kr\/\">koreapost.go.kr<\/a>. (<a href=\"https:\/\/files.smashing.media\/articles\/designing-age-inclusive-products-guidelines-best-practices\/4-koreas-post-office-website.png\">Large preview<\/a>)<br \/>\n    <\/figcaption><\/figure>\n<ul>\n<li><strong>Indicators and feedback<\/strong>:\n<ul>\n<li>Emphasize the performed actions: Use breadcrumbs to indicate which links or buttons the user has clicked on and their location.<\/li>\n<li>Create a conspicuous and permanent back icon that takes the user to a previous page\/stage. This is in addition to the browser\u2019s back and homepage icons.<\/li>\n<li>Clear and prominent navigation buttons: Emphasize navigation buttons and add text to explain their function.<\/li>\n<\/ul>\n<\/li>\n<li><strong>Consistency<\/strong><br \/>\nCreate an ongoing, consistent user experience using recurring items. Allow the users to learn the interface, generating a sense of success and building anticipation for the next stage. Pay attention to the location and design of fixed buttons that have the same function.<\/li>\n<li><strong>Progress<\/strong><br \/>\nCreate obvious hints, such as a progress bar, that help users to understand where they are in the process.<\/li>\n<li><strong>Success &amp; mistakes<\/strong><br \/>\nHighlight progress and successful actions. Additionally, indicate errors clearly and provide ways for easy recovery.<\/li>\n<li><strong>Contact Us<\/strong><br \/>\nChoose a prominent location for the help options. Provide contact information using various channels, e.g., telephone number and email address.<\/li>\n<\/ul>\n<blockquote class=\"pull-quote\">\n<p>\n    <a class=\"pull-quote__link\" aria-label=\"Share on Twitter\" href=\"https:\/\/twitter.com\/share?text=%0aChoosing%20components%20with%20an%20age-inclusive%20mindset%20can%20change%20our%20day-to-day%20decisions%20and%20allow%20us%20to%20create%20an%20easy-to-operate%20interface.%0a&amp;url=https:\/\/smashingmagazine.com%2f2023%2f07%2fdesigning-age-inclusive-products-guidelines-best-practices%2f\"><\/p>\n<p>Choosing components with an age-inclusive mindset can change our day-to-day decisions and allow us to create an easy-to-operate interface.<\/p>\n<p>    <\/a>\n  <\/p>\n<div class=\"pull-quote__quotation\">\n<div class=\"pull-quote__bg\">\n      <span class=\"pull-quote__symbol\">\u201c<\/span><\/div>\n<\/p><\/div>\n<\/blockquote>\n<p>The following guidelines relate to changes in motor functions.<\/p>\n<figure class=\"\n  \n    break-out article__image\n  \n  \n  \"><\/p>\n<p>    <a href=\"https:\/\/files.smashing.media\/articles\/designing-age-inclusive-products-guidelines-best-practices\/5-example-hmo-website.png\"><\/p>\n<p>    <img loading=\"lazy\" width=\"800\" height=\"509\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" alt=\"Example of HMO website\" class=\"lazyload\" data-src=\"https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_80\/w_400\/https:\/\/files.smashing.media\/articles\/designing-age-inclusive-products-guidelines-best-practices\/5-example-hmo-website.png\"><\/p>\n<p>    <\/a><figcaption class=\"op-vertical-bottom\">\n      Example of HMO website taken from the <a href=\"https:\/\/www.thejoint.org.il\/en\/log-in-guidebook\/\">LOG IN guide<\/a> \u2014 toolkit on increasing the usage of digital platforms, services and products by older people. (<a href=\"https:\/\/files.smashing.media\/articles\/designing-age-inclusive-products-guidelines-best-practices\/5-example-hmo-website.png\">Large preview<\/a>)<br \/>\n    <\/figcaption><\/figure>\n<div class=\"partners__lead-place\"><\/div>\n<h2 id=\"creating-an-interface-that-is-easy-to-operate\">Creating An Interface That Is Easy To Operate<\/h2>\n<p>As age increases, it may be accompanied by difficulty in touching a specific spot accurately, regulating a click\u2019s intensity, or performing quick actions, such as double-clicking. Therefore, the following principles should be ensured: space out the keys, avoid the need for a high degree of precision, avoid gestures requiring sensory regulation, and enable users to progress at their own pace.<\/p>\n<ul>\n<li><strong>Large &amp; spacious<\/strong><br \/>\nDesign large and well-spaced elements.<\/li>\n<li><strong>Individual pace<\/strong>:\n<ul>\n<li>When creating pop-up\/toast messages, allow users to initiate closing or at least leave the messages visible for longer for slower readers.<\/li>\n<li>Avoid menus that open on hover. Always use click-tap menus instead.<\/li>\n<\/ul>\n<\/li>\n<li><strong>Indication<\/strong><br \/>\nProvide clear scroll indicators (e.g., side arrows). Reduce the need for precision: Avoid small clicking areas, mouse hovering, and double-clicking.<\/li>\n<li><strong>Ensure that the interface is responsive on all screens.<\/strong><br \/>\nFor touch screens:<\/p>\n<ul>\n<li>Click actions should not rely on touch intensity or precision.<\/li>\n<li>Avoid, as much as possible, long strokes and drag gestures, and reduce scroll options. At the very least, provide clear indication and instruction, and offer alternatives, such as an arrow or button directing to specific places.<\/li>\n<li>Avoid the need for very precise actions, such as in small clicking areas, and try to keep to the minimum size for comfortable tapping\/clicking of at least 44&#215;44 px.<\/li>\n<li>Avoid actions requiring fine motor regulation such as spread, pinch, and rotate.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<figure class=\"\n  \n    break-out article__image\n  \n  \n  \"><\/p>\n<p>    <a href=\"https:\/\/files.smashing.media\/articles\/designing-age-inclusive-products-guidelines-best-practices\/6-example-login-forms-login-guide.png\"><\/p>\n<p>    <img loading=\"lazy\" width=\"800\" height=\"458\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" alt=\"Example of login forms\" class=\"lazyload\" data-src=\"https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_80\/w_400\/https:\/\/files.smashing.media\/articles\/designing-age-inclusive-products-guidelines-best-practices\/6-example-login-forms-login-guide.png\"><\/p>\n<p>    <\/a><figcaption class=\"op-vertical-bottom\">\n      Example of login forms taken from the <a href=\"https:\/\/www.thejoint.org.il\/en\/log-in-guidebook\/\">LOG IN guide<\/a> \u2014 toolkit on increasing the usage of digital platforms, services and products by older people. (<a href=\"https:\/\/files.smashing.media\/articles\/designing-age-inclusive-products-guidelines-best-practices\/6-example-login-forms-login-guide.png\">Large preview<\/a>)<br \/>\n    <\/figcaption><\/figure>\n<p>Let\u2019s examine the homepage of three famous e-commerce websites in the eyes of an older user without going into details.<\/p>\n<figure class=\"\n  \n    break-out article__image\n  \n  \n  \"><\/p>\n<p>    <a href=\"https:\/\/files.smashing.media\/articles\/designing-age-inclusive-products-guidelines-best-practices\/7-aliexpress-website.png\"><\/p>\n<p>    <img loading=\"lazy\" width=\"800\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" alt=\"Aliexpress website with visual overload\" class=\"lazyload\" data-src=\"https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_80\/w_400\/https:\/\/files.smashing.media\/articles\/designing-age-inclusive-products-guidelines-best-practices\/7-aliexpress-website.png\"><\/p>\n<p>    <\/a><figcaption class=\"op-vertical-bottom\">\n      (<a href=\"https:\/\/files.smashing.media\/articles\/designing-age-inclusive-products-guidelines-best-practices\/7-aliexpress-website.png\">Large preview<\/a>)<br \/>\n    <\/figcaption><\/figure>\n<p>Aliexpress website, as seen in the image above, is a good example of an \u201cunfriendly\u201d website \u2014 it suffers from visual overload. Too many buttons and tags are emphasized, which makes it hard to focus older user attention. Moreover, given the visual overload, the side menu is easy to ignore, and many users will be required to use the search bar, which needs to be more dominant and rely on their recall of items, not recognition.<\/p>\n<p>On the Amazon website (see the image below), the size of each category image may be distracting, requiring the user to scroll a lot and challenging his ability to navigate.<\/p>\n<figure class=\"\n  \n    break-out article__image\n  \n  \n  \"><\/p>\n<p>    <a href=\"https:\/\/files.smashing.media\/articles\/designing-age-inclusive-products-guidelines-best-practices\/8-amazon-website.png\"><\/p>\n<p>    <img loading=\"lazy\" width=\"800\" height=\"369\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" alt=\"Amazon website with different in sizes category images\" class=\"lazyload\" data-src=\"https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_80\/w_400\/https:\/\/files.smashing.media\/articles\/designing-age-inclusive-products-guidelines-best-practices\/8-amazon-website.png\"><\/p>\n<p>    <\/a><figcaption class=\"op-vertical-bottom\">\n      (<a href=\"https:\/\/files.smashing.media\/articles\/designing-age-inclusive-products-guidelines-best-practices\/8-amazon-website.png\">Large preview<\/a>)<br \/>\n    <\/figcaption><\/figure>\n<p>In contrast with these previous sites, eBay does better regarding visual overload; the dominance of the search bar and even the menu placement make it easier for older users to navigate.<\/p>\n<figure class=\"\n  \n    break-out article__image\n  \n  \n  \"><\/p>\n<p>    <a href=\"https:\/\/files.smashing.media\/articles\/designing-age-inclusive-products-guidelines-best-practices\/9-ebay-website.png\"><\/p>\n<p>    <img loading=\"lazy\" width=\"800\" height=\"450\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" alt=\"eBay website with good navigation\" class=\"lazyload\" data-src=\"https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_80\/w_400\/https:\/\/files.smashing.media\/articles\/designing-age-inclusive-products-guidelines-best-practices\/9-ebay-website.png\"><\/p>\n<p>    <\/a><figcaption class=\"op-vertical-bottom\">\n      (<a href=\"https:\/\/files.smashing.media\/articles\/designing-age-inclusive-products-guidelines-best-practices\/9-ebay-website.png\">Large preview<\/a>)<br \/>\n    <\/figcaption><\/figure>\n<div class=\"partners__lead-place\"><\/div>\n<h2 id=\"wrapping-up\">Wrapping Up<\/h2>\n<p>Every designer would probably state that they want their website and app to be inclusive, easy to navigate, and user-friendly. Yet, as we have seen in our examples above, we need to create awareness to integrate details that would make it easier for older users to navigate the Internet. As we age, all of us will experience longer reaction times, changes in selective attention, attention-splitting, and changes in our motor functions. Therefore, designing for an older audience will achieve the goals of having an inclusive, easy-to-navigate, and user-friendly for our future selves as well.<\/p>\n<p>To sum up, in order to create an easy operation and orientation of an interface, we should pay attention to the following:<\/p>\n<ul>\n<li>Large, spaced-out objects;<\/li>\n<li>Operation does not require fine gestures and precision;<\/li>\n<li>A minimum number of actions to achieve goals;<\/li>\n<li>The user should  control the rate of progress;<\/li>\n<li>Reassuring notifications upon successful actions;<\/li>\n<li>Consistency of design and operation;<\/li>\n<li>Minimizing the number of choices the user must make;<\/li>\n<li>Highlighting the actions performed by the user.<\/li>\n<\/ul>\n<p><em>The article is based on one of the chapters of the <a href=\"https:\/\/www.thejoint.org.il\/en\/log-in-guidebook\/\">Log In guide<\/a>. The guide was created within the framework of the National Initiative to Promote Digital Literacy Among Older Adults, which is a partnership between the <a href=\"https:\/\/www.gov.il\/en\/departments\/national-digital-agency\/govil-landing-page\">Israel National Digital Agency<\/a> and <a href=\"https:\/\/www.thejoint.org.il\/en\/\">JDC-ESHEL<\/a>.<\/em><\/p>\n<h3 id=\"further-reading-on-smashingmag\">Further Reading On SmashingMag<\/h3>\n<ul>\n<li>\u201c<a href=\"https:\/\/www.smashingmagazine.com\/2019\/11\/online-environments-older-users\/\">Creating Online Environments That Work Well For Older Users<\/a>,\u201d Barry Rueger<\/li>\n<li>\u201c<a href=\"https:\/\/www.smashingmagazine.com\/2023\/02\/keys-accessibility-mindset\/\">Keys To An Accessibility Mindset<\/a>,\u201d Daniel Yuschick<\/li>\n<li><a href=\"https:\/\/www.smashingmagazine.com\/2022\/12\/useful-accessibility-usability-examples-help-improve-your-designs\/\">\u201cUseful Accessibility And Usability Examples To Help Improve Your Designs<\/a>,\u201d Thomas Bohm<\/li>\n<li>\u201c<a href=\"https:\/\/www.smashingmagazine.com\/2022\/09\/unconscious-biases-inclusive-design\/\">Unconscious Biases That Get In The Way Of Inclusive Design<\/a>,\u201d Trina Moore Pervall<\/li>\n<\/ul>\n<div class=\"signature\">\n  <img src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" alt=\"Smashing Editorial\" width=\"35\" height=\"46\" loading=\"lazy\" class=\"lazyload\" data-src=\"https:\/\/www.smashingmagazine.com\/images\/logo\/logo--red.png\"><br \/>\n  <span>(yk)<\/span>\n<\/div>\n<\/article>\n","protected":false},"excerpt":{"rendered":"<p>Designing Age-Inclusive Products: Guidelines And Best Practices Designing Age-Inclusive Products: Guidelines And Best Practices Michal Halperin Ben Zvi 2023-07-18T12:00:00+00:00 2024-05-01T16:05:07+00:00 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[12],"tags":[],"_links":{"self":[{"href":"http:\/\/suimy.me\/index.php\/wp-json\/wp\/v2\/posts\/304"}],"collection":[{"href":"http:\/\/suimy.me\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/suimy.me\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/suimy.me\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/suimy.me\/index.php\/wp-json\/wp\/v2\/comments?post=304"}],"version-history":[{"count":1,"href":"http:\/\/suimy.me\/index.php\/wp-json\/wp\/v2\/posts\/304\/revisions"}],"predecessor-version":[{"id":305,"href":"http:\/\/suimy.me\/index.php\/wp-json\/wp\/v2\/posts\/304\/revisions\/305"}],"wp:attachment":[{"href":"http:\/\/suimy.me\/index.php\/wp-json\/wp\/v2\/media?parent=304"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/suimy.me\/index.php\/wp-json\/wp\/v2\/categories?post=304"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/suimy.me\/index.php\/wp-json\/wp\/v2\/tags?post=304"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}