{"id":199633,"date":"2020-02-08T21:37:43","date_gmt":"2020-02-08T18:37:43","guid":{"rendered":"http:\/\/ww-vb.mine.nu\/w108\/how-to-make-your-apps-settings-menu-more-user-friendly\/"},"modified":"2020-02-08T21:37:43","modified_gmt":"2020-02-08T18:37:43","slug":"how-to-make-your-apps-settings-menu-more-user-friendly","status":"publish","type":"post","link":"https:\/\/hameed.nwar.uk\/sa\/how-to-make-your-apps-settings-menu-more-user-friendly\/","title":{"rendered":"How to make your app&#8217;s &#8216;Settings&#8217; menu more user-friendly"},"content":{"rendered":"<p> [ad_1]<br \/>\n<\/p>\n<div>\n<p><span data-sheets-value=\"{&quot;1&quot;:2,&quot;2&quot;:&quot;Did you know TNW Conference has a track fully dedicated to ... this year? Check out the full 'Form' program here.n&quot;}\" data-sheets-userformat=\"{&quot;2&quot;:37307,&quot;3&quot;:{&quot;1&quot;:0},&quot;4&quot;:{&quot;1&quot;:2,&quot;2&quot;:16777215},&quot;6&quot;:{&quot;1&quot;:[{&quot;1&quot;:2,&quot;2&quot;:0,&quot;5&quot;:{&quot;1&quot;:2,&quot;2&quot;:0}},{&quot;1&quot;:0,&quot;2&quot;:0,&quot;3&quot;:3},{&quot;1&quot;:1,&quot;2&quot;:0,&quot;4&quot;:1}]},&quot;7&quot;:{&quot;1&quot;:[{&quot;1&quot;:2,&quot;2&quot;:0,&quot;5&quot;:{&quot;1&quot;:2,&quot;2&quot;:0}},{&quot;1&quot;:0,&quot;2&quot;:0,&quot;3&quot;:3},{&quot;1&quot;:1,&quot;2&quot;:0,&quot;4&quot;:1}]},&quot;8&quot;:{&quot;1&quot;:[{&quot;1&quot;:2,&quot;2&quot;:0,&quot;5&quot;:{&quot;1&quot;:2,&quot;2&quot;:0}},{&quot;1&quot;:0,&quot;2&quot;:0,&quot;3&quot;:3},{&quot;1&quot;:1,&quot;2&quot;:0,&quot;4&quot;:1}]},&quot;10&quot;:0,&quot;11&quot;:4,&quot;15&quot;:&quot;Arial&quot;,&quot;18&quot;:1}\"><em>Did you know TNW Conference has a track fully dedicated to exploring new design trends this year? Check out the full \u2018Sprint\u2019 program here.<\/em><\/span><\/p>\n<p>You might not think it, but we rely heavily on our devices\u2019 Settings page. Maybe you\u2019re not loving the look and feel? Go to Settings and change it. Do you\u00a0need to run on notifications? Settings. Need help? Send\u00a0feedback through Settings. Love the app? Rate it through Settings.<\/p>\n<p>Though accessed very less compared to other aspects of your product, its presence is what makes the product <em>feel<\/em> complete. Designing settings can be tricky since it doesn\u2019t get the needed attention it deserves and is often overlooked compared to other areas. But when done right, it will undoubtedly boost the overall experience of your app.<\/p>\n<p><em>Read: [Payment options in apps can be designed better]<\/em><\/p>\n<p>Our design team had a brief discussion on this recently, and here are some observations. Feel free to apply it if you find them useful. Your thoughts and critics are welcome as well. Also, it\u2019s mostly about mobile, but I feel the same can be applied to web settings design as well.<\/p>\n<h2>First of all, group your categories<\/h2>\n<p><figure class=\"post-image post-mediaBleed alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone  wp-image-1270478 lazy\" alt=\"\" width=\"652\" height=\"353\" sizes=\"auto, (max-width: 652px) 100vw, 652px\" src=\"https:\/\/cdn0.tnwcdn.com\/wp-content\/blogs.dir\/1\/files\/2020\/02\/1.png\" data-lazy=\"true\" srcset=\"https:\/\/cdn0.tnwcdn.com\/wp-content\/blogs.dir\/1\/files\/2020\/02\/1.png 900w, https:\/\/cdn0.tnwcdn.com\/wp-content\/blogs.dir\/1\/files\/2020\/02\/1-280x152.png 280w, https:\/\/cdn0.tnwcdn.com\/wp-content\/blogs.dir\/1\/files\/2020\/02\/1-499x270.png 499w, https:\/\/cdn0.tnwcdn.com\/wp-content\/blogs.dir\/1\/files\/2020\/02\/1-249x135.png 249w, https:\/\/cdn0.tnwcdn.com\/wp-content\/blogs.dir\/1\/files\/2020\/02\/1-796x431.png 796w\"\/><\/figure>\n<\/p>\n<p>Settings are exhausting. There are now too many things under settings in almost all day to day apps you use. The best way to make it more accessible is to group the categories. Try to keep your number of categories to a minimum and keep them\u00a0generic.<\/p>\n<p>When getting started, refer to your competitors or other apps before you group the categories. For example,\u00a0WhatsApp for Android has a very good settings page where they group the items and also display what\u2019s inside them. The ideal groups could be \u2018G<em>eneral, Account, Notifications, Appearance, Privacy, Help &amp; Support, <\/em>and<em> About.\u2019<\/em><\/p>\n<h2>Don\u2019t forget to include a search function<\/h2>\n<p><figure class=\"post-image post-mediaBleed alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone  wp-image-1270479 lazy\" alt=\"\" width=\"651\" height=\"352\" sizes=\"auto, (max-width: 651px) 100vw, 651px\" src=\"https:\/\/cdn0.tnwcdn.com\/wp-content\/blogs.dir\/1\/files\/2020\/02\/2.png\" data-lazy=\"true\" srcset=\"https:\/\/cdn0.tnwcdn.com\/wp-content\/blogs.dir\/1\/files\/2020\/02\/2.png 900w, https:\/\/cdn0.tnwcdn.com\/wp-content\/blogs.dir\/1\/files\/2020\/02\/2-280x152.png 280w, https:\/\/cdn0.tnwcdn.com\/wp-content\/blogs.dir\/1\/files\/2020\/02\/2-499x270.png 499w, https:\/\/cdn0.tnwcdn.com\/wp-content\/blogs.dir\/1\/files\/2020\/02\/2-249x135.png 249w, https:\/\/cdn0.tnwcdn.com\/wp-content\/blogs.dir\/1\/files\/2020\/02\/2-796x431.png 796w\"\/><\/figure>\n<\/p>\n<p>Though grouping as categories makes the accessibility easier, including a search will make it 5x better.<\/p>\n<p>Consider this scenario: The user only wants to turn on a certain notification setting. The easiest way would be to search for that particular notification item, find it in the results,\u00a0and turn it on. If you don\u2019t allow a search\u00a0function and have a very long list of categories, then the user needs to scan through every item inside of the categories to find the desired setting \u2014 which is tiresome.<\/p>\n<h2>Now, prioritize the categories<\/h2>\n<p><figure class=\"post-image post-mediaBleed alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone  wp-image-1270480 lazy\" alt=\"\" width=\"652\" height=\"353\" sizes=\"auto, (max-width: 652px) 100vw, 652px\" src=\"https:\/\/cdn0.tnwcdn.com\/wp-content\/blogs.dir\/1\/files\/2020\/02\/3.png\" data-lazy=\"true\" srcset=\"https:\/\/cdn0.tnwcdn.com\/wp-content\/blogs.dir\/1\/files\/2020\/02\/3.png 900w, https:\/\/cdn0.tnwcdn.com\/wp-content\/blogs.dir\/1\/files\/2020\/02\/3-280x152.png 280w, https:\/\/cdn0.tnwcdn.com\/wp-content\/blogs.dir\/1\/files\/2020\/02\/3-499x270.png 499w, https:\/\/cdn0.tnwcdn.com\/wp-content\/blogs.dir\/1\/files\/2020\/02\/3-249x135.png 249w, https:\/\/cdn0.tnwcdn.com\/wp-content\/blogs.dir\/1\/files\/2020\/02\/3-796x431.png 796w\"\/><\/figure>\n<\/p>\n<p>After you\u2019ve grouped the categories the next thing you need to do is prioritize them. Imagine having the category\u00a0<em>About<\/em>\u00a0which has nothing but the version number and the details of the developer at the top. Let\u2019s be honest \u2014 nobody cares.<\/p>\n<p>The best thing to do is to analyze and collect the usage data\u00a0and\u00a0push the most used category to the top.<\/p>\n<h2>Make sure the destructive items are last<\/h2>\n<p><figure class=\"post-image post-mediaBleed alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone  wp-image-1270481 lazy\" alt=\"\" width=\"651\" height=\"352\" sizes=\"auto, (max-width: 651px) 100vw, 651px\" src=\"https:\/\/cdn0.tnwcdn.com\/wp-content\/blogs.dir\/1\/files\/2020\/02\/4.png\" data-lazy=\"true\" srcset=\"https:\/\/cdn0.tnwcdn.com\/wp-content\/blogs.dir\/1\/files\/2020\/02\/4.png 900w, https:\/\/cdn0.tnwcdn.com\/wp-content\/blogs.dir\/1\/files\/2020\/02\/4-280x152.png 280w, https:\/\/cdn0.tnwcdn.com\/wp-content\/blogs.dir\/1\/files\/2020\/02\/4-499x270.png 499w, https:\/\/cdn0.tnwcdn.com\/wp-content\/blogs.dir\/1\/files\/2020\/02\/4-249x135.png 249w, https:\/\/cdn0.tnwcdn.com\/wp-content\/blogs.dir\/1\/files\/2020\/02\/4-796x431.png 796w\"\/><\/figure>\n<\/p>\n<p>The objective of your business is to keep the user hooked on your app so they get more out of the experience. Having a negative item, such as\u00a0<em>Logout<\/em> or <em>Delete your account<\/em>,\u00a0straight up at the top of your settings page is not recommended \u2014 I mean, when have you ever seen this?<\/p>\n<p>The number of times the user logs out or deletes their\u00a0data is going to be minimal. So, having it very easily accessible at the top of the settings is going to reduce the prominence of other essentials.<\/p>\n<h2>Are your essential items at the top of the page?<\/h2>\n<p><figure class=\"post-image post-mediaBleed alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone  wp-image-1270482 lazy\" alt=\"\" width=\"654\" height=\"354\" sizes=\"auto, (max-width: 654px) 100vw, 654px\" src=\"https:\/\/cdn0.tnwcdn.com\/wp-content\/blogs.dir\/1\/files\/2020\/02\/5.png\" data-lazy=\"true\" srcset=\"https:\/\/cdn0.tnwcdn.com\/wp-content\/blogs.dir\/1\/files\/2020\/02\/5.png 900w, https:\/\/cdn0.tnwcdn.com\/wp-content\/blogs.dir\/1\/files\/2020\/02\/5-280x152.png 280w, https:\/\/cdn0.tnwcdn.com\/wp-content\/blogs.dir\/1\/files\/2020\/02\/5-499x270.png 499w, https:\/\/cdn0.tnwcdn.com\/wp-content\/blogs.dir\/1\/files\/2020\/02\/5-249x135.png 249w, https:\/\/cdn0.tnwcdn.com\/wp-content\/blogs.dir\/1\/files\/2020\/02\/5-796x431.png 796w\"\/><\/figure>\n<\/p>\n<p>Imagine there\u2019s an important change in privacy and terms and the user needs to review it, these action items should be put up on the top so it grabs the maximum attention.<\/p>\n<p>If put to good use, this top section can help increase your overall\u00a0revenue. You can have a plan upgrade option there or display the holiday offer running for example. You can list them as a top banner so\u00a0the users get to see it at first sight. Some other items can include showing the number of trial days left with an option to upgrade and showing the amount of cloud storage left.<\/p>\n<h2>Why not add in integrations and promotions?<\/h2>\n<p><figure class=\"post-image post-mediaBleed alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone  wp-image-1270483 lazy\" alt=\"\" width=\"652\" height=\"353\" sizes=\"auto, (max-width: 652px) 100vw, 652px\" src=\"https:\/\/cdn0.tnwcdn.com\/wp-content\/blogs.dir\/1\/files\/2020\/02\/6.png\" data-lazy=\"true\" srcset=\"https:\/\/cdn0.tnwcdn.com\/wp-content\/blogs.dir\/1\/files\/2020\/02\/6.png 900w, https:\/\/cdn0.tnwcdn.com\/wp-content\/blogs.dir\/1\/files\/2020\/02\/6-280x152.png 280w, https:\/\/cdn0.tnwcdn.com\/wp-content\/blogs.dir\/1\/files\/2020\/02\/6-499x270.png 499w, https:\/\/cdn0.tnwcdn.com\/wp-content\/blogs.dir\/1\/files\/2020\/02\/6-249x135.png 249w, https:\/\/cdn0.tnwcdn.com\/wp-content\/blogs.dir\/1\/files\/2020\/02\/6-796x431.png 796w\"\/><\/figure>\n<\/p>\n<p>If you have a suite of applications that go well together \u2014 or any integrations of such, or even a totally different application but from the same development house, you have the freedom to promote it here. WhatsApp also has \u2018Tell a friend\u2019 which is a nice addition. You can try putting these in a separate category as well.<\/p>\n<h2>Screen time?<\/h2>\n<p>You would\u2019ve seen Instagram having this \u2014 to show\/pretend as if they care about the users. You could do that too \u2014 but in a good way. Show how much time the user has taken to complete their tasks, and the number of tasks they have completed this day, and maybe some tips and tricks to get the most out of your product by \u2018spending very little time.\u2019<\/p>\n<p>The better you are to your users, the better this will be for your business.<\/p>\n<p><em>This article was originally published on UX Collective by\u00a0Vivek Karthikeyan, a p<span>roduct designer currently designing mobile and native desktop applications at Zoho.<\/span>\u00a0You can read the original article here.\u00a0<\/em><\/p>\n<\/p><\/div>\n<p>[ad_2]<br \/>\n<br \/><a href=\"https:\/\/thenextweb.com\/syndication\/2020\/02\/08\/how-to-make-your-apps-settings-menu-more-user-friendly\/\">Source link <\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>[ad_1] Did you know TNW Conference has a track fully dedicated to exploring new design trends this year? Check out the full \u2018Sprint\u2019 program here. You might not think it, but we rely heavily on our devices\u2019 Settings page. Maybe you\u2019re not loving the look and feel? Go to Settings and change it. Do you\u00a0need &hellip;<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[2],"tags":[],"class_list":["post-199633","post","type-post","status-publish","format-standard","hentry","category-tie-world"],"_links":{"self":[{"href":"https:\/\/hameed.nwar.uk\/sa\/wp-json\/wp\/v2\/posts\/199633","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hameed.nwar.uk\/sa\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/hameed.nwar.uk\/sa\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/hameed.nwar.uk\/sa\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hameed.nwar.uk\/sa\/wp-json\/wp\/v2\/comments?post=199633"}],"version-history":[{"count":0,"href":"https:\/\/hameed.nwar.uk\/sa\/wp-json\/wp\/v2\/posts\/199633\/revisions"}],"wp:attachment":[{"href":"https:\/\/hameed.nwar.uk\/sa\/wp-json\/wp\/v2\/media?parent=199633"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/hameed.nwar.uk\/sa\/wp-json\/wp\/v2\/categories?post=199633"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/hameed.nwar.uk\/sa\/wp-json\/wp\/v2\/tags?post=199633"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}