{"id":42083,"date":"2016-12-22T05:00:02","date_gmt":"2016-12-22T13:00:02","guid":{"rendered":"https:\/\/creativemarket.com\/blog\/?p=42083"},"modified":"2024-04-12T05:28:26","modified_gmt":"2024-04-12T12:28:26","slug":"app-design-user-experience","status":"publish","type":"post","link":"https:\/\/creativemarket.com\/blog\/app-design-user-experience","title":{"rendered":"App Design: 20 Simple Changes To Improve the User Experience"},"content":{"rendered":"<b><span style=\"font-weight: 400\">Apps are more influential than ever in our techy society. With mobile about to overtake desktop in terms of sheer user numbers, that&acirc;&euro;&trade;s no surprise. Today, according to Pew Research, 68% of Americans have a smartphone while 73% have either a desktop or laptop. The former has grown by almost double in four years, but the latter has remained virtually unchanged in the last decade.<\/span><span style=\"font-weight: 400\">And all anyone seems to talk about these days is the latest, hottest app they just downloaded from the App Store.<\/span><span style=\"font-weight: 400\">When you&acirc;&euro;&trade;re<\/span><a href=\"https:\/\/creativemarket.com\/blog\/five-simple-steps-to-improve-mobile-ux\"> <span style=\"font-weight: 400\">designing for mobile<\/span><\/a><span style=\"font-weight: 400\">, it&acirc;&euro;&trade;s more important than ever to guarantee your user (customer, shopper, reader, etc.) a simply flawless user experience. Unlike surfing the web on a desktop, surfing the web on mobile is harder from the get go, as people have smaller screens, just one usable hand, and being in transit to deal with. Under these already trying conditions, a sour UX can spoil your entire app, even if you&acirc;&euro;&trade;re<\/span><a href=\"https:\/\/creativemarket.com\/blog\/5-tools-for-planning-a-great-digital-ux-for-your-app-or-platform\"> <span style=\"font-weight: 400\">designing with powerful tools<\/span><\/a><span style=\"font-weight: 400\">.<\/span><span style=\"font-weight: 400\">A case study like the<\/span><a href=\"http:\/\/www.ymedialabs.com\/casestudy\/mobile-app-best-practices\/\"> <span style=\"font-weight: 400\">&acirc;&euro;&oelig;Simple First Step in Building Your Mobile App&acirc;&euro;<\/span><\/a><span style=\"font-weight: 400\"> can provide powerful insight into tweaking the UX to design a successful app.<\/span><span style=\"font-weight: 400\">Here are 20 stellar design changes to improve your UX.<\/span><h2><span class=\"ez-toc-section\" id=\"Go_With_Simpler_Menus_Instead_of_Complicated_Ones\"><\/span>Go With Simpler Menus Instead of Complicated Ones<span class=\"ez-toc-section-end\"><\/span><\/h2><span style=\"font-weight: 400\">Remember that screen real estate is very, very small on mobile, so you can&acirc;&euro;&trade;t design big, fly-out menus on mobile. The fewer layers of navigation you have in your menu, the easier it is for your users to find their way around your app.<\/span><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-42086\" src=\"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2016\/12\/12050021\/Screen-Shot-2016-12-08-at-3.18.28-PM.jpg.webp\" alt=\"screen-shot-2016-12-08-at-3-18-28-pm\" width=\"680\" height=\"584\"><span style=\"font-weight: 400\">Again, due to the small screen sizes, a bottom tab bar with icons representing your menu items (think the Facebook mobile app) should be all that you&acirc;&euro;&trade;re using. You want your users to navigate easily, with just the use of their thumbs.<\/span><h2><span class=\"ez-toc-section\" id=\"Try_Progressive_Onboarding\"><\/span>Try Progressive Onboarding<span class=\"ez-toc-section-end\"><\/span><\/h2><span style=\"font-weight: 400\">Onboarding is the process of showing new users that your app can do what they want to do efficiently and easily. Onboarding is super-crucial to the conversion and retention of your users.<\/span><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-42087\" src=\"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2016\/12\/12050027\/Screen-Shot-2016-12-08-at-3.12.44-PM.jpg.webp\" alt=\"screen-shot-2016-12-08-at-3-12-44-pm\" width=\"680\" height=\"411\"><span style=\"font-weight: 400\">Instead of bombarding your user with aggressive requests for excessive, personal information, use<\/span><a href=\"https:\/\/pm.appsee.com\/2015\/10\/22\/essential-onboarding-tactics-progressive-onboarding\/\"> <span style=\"font-weight: 400\">progressive onboarding<\/span><\/a><span style=\"font-weight: 400\">, which gradually walks your new users through how they should be using your app, so that they can get the most of it. By using these tooltips or online prompts, progressive onboarding becomes an immersive learning experience that&acirc;&euro;&trade;s sure to increase adaptability, regardless of whether you&acirc;&euro;&trade;re looking at it from a<\/span><a href=\"http:\/\/www.ymedialabs.com\/ux-vs-ui\/\"> <span style=\"font-weight: 400\">UX vs. UI<\/span><\/a><span style=\"font-weight: 400\"> standpoint.<\/span><h2><span class=\"ez-toc-section\" id=\"Rely_on_Fluid_Layouts\"><\/span>Rely on Fluid Layouts<span class=\"ez-toc-section-end\"><\/span><\/h2><span style=\"font-weight: 400\">Fluid layouts ensure that your app will display correctly on various devices of different sizes. Think of it as enabling responsiveness in your app. These are the typical device widths:<\/span><ul>\n \t<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">176<\/span><\/li>\n \t<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">240<\/span><\/li>\n \t<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">320<\/span><\/li>\n \t<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">360<\/span><\/li>\n \t<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">480<\/span><\/li>\n \t<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">600<\/span><\/li>\n<\/ul><span style=\"font-weight: 400\">Doing anything less virtually guarantees that your app&acirc;&euro;&trade;s only going to work on devices that are consistent with your fixed break points. And that&acirc;&euro;&trade;s an enormous problem since it&acirc;&euro;&trade;ll look horrendous&acirc;&euro;&rdquo;and suffer from a very hampered UX&acirc;&euro;&rdquo;on anything else.<\/span><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-42088\" src=\"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2016\/12\/12050032\/Screen-Shot-2016-12-08-at-3.21.15-PM.jpg.webp\" alt=\"screen-shot-2016-12-08-at-3-21-15-pm\" width=\"680\" height=\"471\"><span style=\"font-weight: 400\">Here&acirc;&euro;&trade;s a straightforward<\/span><a href=\"https:\/\/www.sitepoint.com\/responsive-web-design-fluid-layouts\/\"> <span style=\"font-weight: 400\">guide to fluid layouts<\/span><\/a><span style=\"font-weight: 400\">.<\/span><h2><span class=\"ez-toc-section\" id=\"Reduce_the_Number_of_Form_Fields\"><\/span>Reduce the Number of Form Fields<span class=\"ez-toc-section-end\"><\/span><\/h2><span style=\"font-weight: 400\">When it comes to forms, less is more. As UX Booth puts it,<\/span><a href=\"http:\/\/www.uxbooth.com\/articles\/mobile-form-design-strategies\/\"> <span style=\"font-weight: 400\">reduce less-important fields that are more optional<\/span><\/a><span style=\"font-weight: 400\"> than anything else. This will increase your app&acirc;&euro;&trade;s UX because there&acirc;&euro;&trade;s less of a chance that your users will become distracted&acirc;&euro;&rdquo;from the phone ringing or from a notification going off somewhere else&acirc;&euro;&rdquo;<\/span><i><span style=\"font-weight: 400\">before<\/span><\/i><span style=\"font-weight: 400\"> they&acirc;&euro;&trade;re able to complete your form.<\/span><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-42089\" src=\"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2016\/12\/12050037\/Screen-Shot-2016-12-08-at-5.38.17-PM.jpg.webp\" alt=\"screen-shot-2016-12-08-at-5-38-17-pm\" width=\"680\" height=\"383\"><span style=\"font-weight: 400\">Here&acirc;&euro;&trade;s a tried, tested and true rule of mobile form design: Remove the field if it&acirc;&euro;&trade;s not specifically related to the task or goal the user&acirc;&euro;&trade;s trying to complete on the page.<\/span><h2><span class=\"ez-toc-section\" id=\"Be_Predictable_in_Design\"><\/span>Be Predictable in Design<span class=\"ez-toc-section-end\"><\/span><\/h2><span style=\"font-weight: 400\">Your app should be designed in such a way that<\/span><a href=\"http:\/\/blog.careerfoundry.com\/ui-design\/how-to-design-a-mobile-app-using-user-interface-design-principles\"> <span style=\"font-weight: 400\">users can predict<\/span><\/a><span style=\"font-weight: 400\"> how to use or interact with your app&acirc;&euro;&trade;s UI. This predictability is based on timeless design principles and ensures awesome UX since the margin of error is reduced.<\/span><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-42090\" src=\"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2016\/12\/12050043\/Screen-Shot-2016-12-08-at-5.41.47-PM.jpg.webp\" alt=\"screen-shot-2016-12-08-at-5-41-47-pm\" width=\"680\" height=\"599\"><span style=\"font-weight: 400\">Predictability means that your app&acirc;&euro;&trade;s designed in a conventional way that users expect. Some examples are:<\/span><ul>\n \t<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Navigation is horizontal or vertical<\/span><\/li>\n \t<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Icons are clearly visible and can be easily tapped by fingers<\/span><\/li>\n \t<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Content can be efficiently scrolled by use of a user&acirc;&euro;&trade;s thumb<\/span><\/li>\n<\/ul><h2><span class=\"ez-toc-section\" id=\"Design_for_One-Handed_Use_as_Opposed_to_Two-Handed_Use\"><\/span>Design for One-Handed Use as Opposed to Two-Handed Use<span class=\"ez-toc-section-end\"><\/span><\/h2><span style=\"font-weight: 400\">Studies show that the majority of app users will navigate your app with just one hand.<\/span><a href=\"http:\/\/www.uxmatters.com\/mt\/archives\/2013\/02\/how-do-users-really-hold-mobile-devices.php\"> <span style=\"font-weight: 400\">49% of people use their smartphones with one hand<\/span><\/a><span style=\"font-weight: 400\">; this data should be priority one when designing for UX.<\/span><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-42091\" src=\"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2016\/12\/12050049\/Screen-Shot-2016-12-08-at-5.45.30-PM.jpg.webp\" alt=\"screen-shot-2016-12-08-at-5-45-30-pm\" width=\"680\" height=\"558\"><span style=\"font-weight: 400\">You see, people don&acirc;&euro;&trade;t want to have to use two hands to perform simple tasks in an app&acirc;&euro;&rdquo;like going through checkout for a purchase or scrolling down to read more news&acirc;&euro;&rdquo;when one hand will do!<\/span><span style=\"font-weight: 400\">For optimal UX, make it easy for people to be able to use their thumb on one hand when navigating your app.<\/span><h2><span class=\"ez-toc-section\" id=\"Use_a_Lot_of_Red_When_Designing_Apps_for_an_Asian_Audience\"><\/span>Use a Lot of Red When Designing Apps for an Asian Audience<span class=\"ez-toc-section-end\"><\/span><\/h2><span style=\"font-weight: 400\">You can&acirc;&euro;&trade;t design an app today without making considerations for the Asian market,<\/span><a href=\"http:\/\/www.zdnet.com\/article\/for-mobile-app-sales-asias-still-the-sweet-spot\/\"> <span style=\"font-weight: 400\">which leads the entire world in app sales<\/span><\/a><span style=\"font-weight: 400\">. In other words, your UX should be particularly considerate to the sensibilities of your Asian users. How do you do this?<\/span><span style=\"font-weight: 400\">For starters, understand their culture, especially the importance that color plays in the continent, where red is seen as<\/span><a href=\"http:\/\/www.webdesignerdepot.com\/2012\/06\/color-and-cultural-design-considerations\/\"> <span style=\"font-weight: 400\">a symbol of celebration, joy and happiness<\/span><\/a><span style=\"font-weight: 400\">.<\/span><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-42092\" src=\"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2016\/12\/12050054\/Screen-Shot-2016-12-08-at-5.56.54-PM.jpg.webp\" alt=\"screen-shot-2016-12-08-at-5-56-54-pm\" width=\"680\" height=\"390\"><span style=\"font-weight: 400\">Some examples of apps that use a lot of red that are geared toward an Asian audience include:<\/span><ul>\n \t<li style=\"font-weight: 400\"><a href=\"https:\/\/itunes.apple.com\/jp\/app\/kappuru-zhuan-yongapuripairy\/id522155251?mt=8\"><span style=\"font-weight: 400\">Pairy<\/span><\/a><\/li>\n \t<li style=\"font-weight: 400\"><a href=\"https:\/\/itunes.apple.com\/kr\/app\/ala-zhi-bo-xing-qu-hu-dong\/id1108418712?l=en&amp;mt=8\"><span style=\"font-weight: 400\">ALa<\/span><\/a><\/li>\n \t<li style=\"font-weight: 400\"><a href=\"https:\/\/itunes.apple.com\/th\/app\/neiteupan-natepann-no.1-keomyuniti\/id1117669322?mt=8\"><span style=\"font-weight: 400\">NatePann<\/span><\/a><\/li>\n<\/ul><span style=\"font-weight: 400\">Therefore, instead of using neutral or more subdued colors, boldly include a lot of red in your app&acirc;&euro;&trade;s user interface.<\/span><h2><span class=\"ez-toc-section\" id=\"Use_Persuasion_at_Checkout\"><\/span>Use Persuasion at Checkout<span class=\"ez-toc-section-end\"><\/span><\/h2><span style=\"font-weight: 400\">The checkout process is when abandonment unfortunately happens all too often. To help lower your abandonment rate, design for persuasion to encourage your users to finish their checkout.<\/span><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-42094\" src=\"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2016\/12\/12050100\/Screen-Shot-2016-12-08-at-6.14.01-PM.jpg.webp\" alt=\"screen-shot-2016-12-08-at-6-14-01-pm\" width=\"680\" height=\"544\"><span style=\"font-weight: 400\">Here are a couple of approaches you can take:<\/span><ul>\n \t<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Tell users to spend a little bit more on their order to benefit from free shipping<\/span><\/li>\n \t<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Stress your return policy (if it&acirc;&euro;&trade;s free) during checkout<\/span><\/li>\n<\/ul><span style=\"font-weight: 400\">Such basic messages shown to users at the right time during checkout can help to increase conversions.<\/span><h2><span class=\"ez-toc-section\" id=\"Include_Skeleton_Screens_for_Progress\"><\/span>Include Skeleton Screens for Progress<span class=\"ez-toc-section-end\"><\/span><\/h2><span style=\"font-weight: 400\">It&acirc;&euro;&trade;s bad form in mobile design to get your users to concentrate on <\/span><i><span style=\"font-weight: 400\">how long<\/span><\/i><span style=\"font-weight: 400\"> they&acirc;&euro;&trade;ll have to wait for a page to load. In fact, using spinners (those circles that indicate loading progress) can actually frustrate users.<\/span><span style=\"font-weight: 400\">Instead, rely on skeleton screens, blank pages onto which content is gradually loaded, to make your users concentrate on the <\/span><i><span style=\"font-weight: 400\">actual progress<\/span><\/i><span style=\"font-weight: 400\"> of the page loading.<\/span><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-42095\" src=\"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2016\/12\/12050105\/Screen-Shot-2016-12-08-at-6.18.32-PM.jpg.webp\" alt=\"screen-shot-2016-12-08-at-6-18-32-pm\" width=\"680\" height=\"328\"><span style=\"font-weight: 400\">Google&acirc;&euro;&trade;s Luke Wroblewski ran a study where<\/span><a href=\"http:\/\/www.lukew.com\/ff\/entry.asp?1797\"> <span style=\"font-weight: 400\">using spinners actually generated comments complaining about the wait times being too long<\/span><\/a><span style=\"font-weight: 400\">.<\/span><span style=\"font-weight: 400\">So use skeleton screens, and make your users think that the UX is faster.<\/span><h2><span class=\"ez-toc-section\" id=\"Forget_About_Images_for_Fancy_Effects\"><\/span>Forget About Images for Fancy Effects<span class=\"ez-toc-section-end\"><\/span><\/h2><span style=\"font-weight: 400\">One of the surest ways to achieve stellar app UX is by making your app perform fast. Since images weigh down an app&acirc;&euro;&trade;s performance by consuming a lot of resources, skip the reliance on images to create fancy effects like shadows or gradients.<\/span><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-42096\" src=\"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2016\/12\/12050111\/Screen-Shot-2016-12-08-at-7.55.27-PM.jpg.webp\" alt=\"screen-shot-2016-12-08-at-7-55-27-pm\" width=\"680\" height=\"452\"><span style=\"font-weight: 400\">Instead of utilizing fancy text as images in design, make sure that text remains just text. If you&acirc;&euro;&trade;re looking for fancy effects, then simply choose a fancy typeface. So forget about incorporating additional images into your app design for extra flashiness&acirc;&euro;&rdquo;your page-load times will thank you.<\/span><h2><span class=\"ez-toc-section\" id=\"Be_Consistent_in_Design\"><\/span>Be Consistent in Design<span class=\"ez-toc-section-end\"><\/span><\/h2><span style=\"font-weight: 400\">There&acirc;&euro;&trade;s nothing more aggravating than<\/span><a href=\"https:\/\/www.interaction-design.org\/literature\/article\/principle-of-consistency-and-standards-in-user-interface-design\"> <span style=\"font-weight: 400\">inconsistent design<\/span><\/a><span style=\"font-weight: 400\"> because it confuses users navigating your app, and confusion leads to frustration and then abandonment.<\/span><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-42097\" src=\"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2016\/12\/12050116\/Screen-Shot-2016-12-08-at-7.58.43-PM.jpg.webp\" alt=\"screen-shot-2016-12-08-at-7-58-43-pm\" width=\"679\" height=\"408\"><span style=\"font-weight: 400\">So what does in-app consistency look like? Something like this:<\/span><ul>\n \t<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">If one call to action button is one color, all should be that color.<\/span><\/li>\n \t<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">If you use a hamburger menu for navigation on one page, then all pages should have the same menu.<\/span><\/li>\n \t<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">If the padding in one screen is 20 pixels, then the padding should be the same on all screens.<\/span><\/li>\n<\/ul><h2><span class=\"ez-toc-section\" id=\"Incorporate_Familiar_Mobile_Patterns\"><\/span>Incorporate Familiar Mobile Patterns<span class=\"ez-toc-section-end\"><\/span><\/h2><span style=\"font-weight: 400\">The emphasis here is on <\/span><i><span style=\"font-weight: 400\">familiar<\/span><\/i><span style=\"font-weight: 400\">. Mobile patterns come in all shapes and sizes, but to have the best impact for your app&acirc;&euro;&trade;s UX, they have to already be familiar to what the user is expecting.<\/span><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-42098\" src=\"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2016\/12\/12050121\/Screen-Shot-2016-12-08-at-8.02.43-PM.jpg.webp\" alt=\"screen-shot-2016-12-08-at-8-02-43-pm\" width=\"662\" height=\"601\"><span style=\"font-weight: 400\">Study resources like<\/span><a href=\"http:\/\/www.mobile-patterns.com\/\"> <span style=\"font-weight: 400\">Mobile Patterns<\/span><\/a><span style=\"font-weight: 400\">, where you&acirc;&euro;&trade;ll see all sorts of common mobile patterns that are used on mobile devices. This will help you become adept at adding mobile patterns that make sense into your app design, patters like:<\/span><ul>\n \t<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Gestures<\/span><\/li>\n \t<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Animations<\/span><\/li>\n \t<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Sliders<\/span><\/li>\n \t<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Popovers<\/span><\/li>\n \t<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Sidebars<\/span><\/li>\n<\/ul><h2><span class=\"ez-toc-section\" id=\"DonaE%E2%84%A2t_Discount_3D_Effects_Entirely\"><\/span>Don&acirc;&euro;&trade;t Discount 3D Effects Entirely<span class=\"ez-toc-section-end\"><\/span><\/h2><span style=\"font-weight: 400\">We&acirc;&euro;&trade;ve all heard that 3D effects have fallen out of favor in design in the last few years, as<\/span><a href=\"http:\/\/www.nytimes.com\/2012\/11\/01\/technology\/apple-shake-up-could-mean-end-to-real-world-images-in-software.html\"> <span style=\"font-weight: 400\">skeuomorphism was rejected by Apple<\/span><\/a><span style=\"font-weight: 400\">. That ushered in<\/span><a href=\"https:\/\/creativemarket.com\/blog\/4-great-examples-of-flat-design-websites\"> <span style=\"font-weight: 400\">flatter design<\/span><\/a><span style=\"font-weight: 400\"> and an approach that favored minimalism over the excesses of using real world images in design, which involved a lot of 3D effects like gradients and shadows.<\/span><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-42099\" src=\"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2016\/12\/12050127\/Screen-Shot-2016-12-08-at-8.04.55-PM.jpg.webp\" alt=\"screen-shot-2016-12-08-at-8-04-55-pm\" width=\"680\" height=\"490\"><span style=\"font-weight: 400\">In spite of this move away from 3D, one of the biggest design trends these days, Google&acirc;&euro;&trade;s material design, actually doesn&acirc;&euro;&trade;t ditch 3D completely. In fact, it&acirc;&euro;&trade;s moved closer to flat design 2.0, in that subtle gradients and shadows have returned, while still retaining the overall, flat appearance.<\/span><span style=\"font-weight: 400\">That&acirc;&euro;&trade;s great because call to action buttons are more clearly clickable with some 3D shading, which helps UX.<\/span><h2><span class=\"ez-toc-section\" id=\"Be_Considerate_of_Finger_Sizes\"><\/span>Be Considerate of Finger Sizes<span class=\"ez-toc-section-end\"><\/span><\/h2><span style=\"font-weight: 400\">On mobile, you have to<\/span><a href=\"https:\/\/www.smashingmagazine.com\/2012\/02\/finger-friendly-design-ideal-mobile-touchscreen-target-sizes\/\"> <span style=\"font-weight: 400\">design for fingers instead of the mouse<\/span><\/a><span style=\"font-weight: 400\">. Mouse cursors tend to be very exact on a pixel level, but fingers are a lot thicker than this. In layman&acirc;&euro;&trade;s terms: Just allow enough space on the UI to let users tap with their fingertips.<\/span><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-42101\" src=\"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2016\/12\/12050132\/Screen-Shot-2016-12-08-at-8.06.43-PM.jpg.webp\" alt=\"screen-shot-2016-12-08-at-8-06-43-pm\" width=\"679\" height=\"493\"><span style=\"font-weight: 400\">Users should be able to easily and efficiently tap on buttons of any and all kinds, and you can achieve this by ensuring that said buttons aren&acirc;&euro;&trade;t too close together or just too small.<\/span><span style=\"font-weight: 400\">When you design like this for your app&acirc;&euro;&trade;s UX, you increase delight because users won&acirc;&euro;&trade;t have to repeatedly tap to perform the task they want.<\/span><h2><span class=\"ez-toc-section\" id=\"Make_Room_for_White_Space\"><\/span>Make Room for White Space<span class=\"ez-toc-section-end\"><\/span><\/h2><span style=\"font-weight: 400\">White or<\/span><a href=\"https:\/\/creativemarket.com\/blog\/designing-with-negative-space-inspiring-examples-tips\"> <span style=\"font-weight: 400\">negative space<\/span><\/a><span style=\"font-weight: 400\"> is simply the border around any elements on your mobile page. It can be any color, but it&acirc;&euro;&trade;s typically white. White space focuses user attention on the important elements on the page, thereby increasing chances that users understand and complete the page goal.<\/span><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-42102\" src=\"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2016\/12\/12050137\/Screen-Shot-2016-12-08-at-8.08.19-PM.jpg.webp\" alt=\"screen-shot-2016-12-08-at-8-08-19-pm\" width=\"680\" height=\"551\"><span style=\"font-weight: 400\">Even on mobile&acirc;&euro;&trade;s small screens, white space can direct your users&acirc;&euro;&trade; attention more effectively to things like call to action buttons or web forms. When users easily know what to do on your app&acirc;&euro;&trade;s page, their UX also increases.<\/span><h2><span class=\"ez-toc-section\" id=\"Design_for_Optimal_Readability\"><\/span>Design for Optimal Readability<span class=\"ez-toc-section-end\"><\/span><\/h2><span style=\"font-weight: 400\">Mobile screens are small, so your app needs to<\/span><a href=\"https:\/\/creativemarket.com\/blog\/does-typography-affect-ux\"> <span style=\"font-weight: 400\">choose typography<\/span><\/a><span style=\"font-weight: 400\"> that&acirc;&euro;&trade;s easily legible without straining users&acirc;&euro;&trade; eyes. Users who can read all the info on you app&acirc;&euro;&trade;s pages enjoy a great UX.<\/span><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-42103\" src=\"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2016\/12\/12050142\/Screen-Shot-2016-12-08-at-8.11.44-PM.jpg.webp\" alt=\"screen-shot-2016-12-08-at-8-11-44-pm\" width=\"679\" height=\"411\"><span style=\"font-weight: 400\">According to UXmatters,<\/span><a href=\"http:\/\/www.uxmatters.com\/mt\/archives\/2015\/09\/type-sizes-for-every-device.php\"> <span style=\"font-weight: 400\">different sizes work best in different devices<\/span><\/a><span style=\"font-weight: 400\">:<\/span><ul>\n \t<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Small phones need at least a 4-point size<\/span><\/li>\n \t<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Larger phones need at least a 6-point size<\/span><\/li>\n \t<li style=\"font-weight: 400\"><a href=\"https:\/\/en.wikipedia.org\/wiki\/Phablet\"><span style=\"font-weight: 400\">Phablets<\/span><\/a><span style=\"font-weight: 400\"> need a minimum of a 7-point size<\/span><\/li>\n \t<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Small tablets need at least an 8-point size<\/span><\/li>\n \t<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Larger tablets or desktops require at least a 10-point size<\/span><\/li>\n<\/ul><h2><span class=\"ez-toc-section\" id=\"Chunk_Your_Content\"><\/span>Chunk Your Content<span class=\"ez-toc-section-end\"><\/span><\/h2><span style=\"font-weight: 400\">Chunking your content is when you separate content so that users can more efficiently pick out vital parts on each page, thus increasing their retention of what they&acirc;&euro;&trade;re looking at and, as a result, their UX. There are a number of ways you can chunk content.<\/span><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-42104\" src=\"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2016\/12\/12050148\/Screen-Shot-2016-12-08-at-8.14.00-PM.jpg.webp\" alt=\"screen-shot-2016-12-08-at-8-14-00-pm\" width=\"680\" height=\"330\"><span style=\"font-weight: 400\">These include:<\/span><ul>\n \t<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Using subheadings<\/span><\/li>\n \t<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Bolding<\/span><\/li>\n \t<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Bullet points<\/span><\/li>\n \t<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Smaller paragraphs to facilitate scanning and skimming<\/span><\/li>\n<\/ul><span style=\"font-weight: 400\">Separating content like this also creates hierarchy for better reading purposes, as users automatically know that bolded areas are usually subheadings and so can quickly read the subheading to help them determine if they&acirc;&euro;&trade;re interested in the content to follow.<\/span><h2><span class=\"ez-toc-section\" id=\"Consult_Specific_Platform_Guidelines\"><\/span>Consult Specific Platform Guidelines<span class=\"ez-toc-section-end\"><\/span><\/h2><span style=\"font-weight: 400\">Designing an app to fit with its intended operating system ensures great UX because you&acirc;&euro;&trade;re properly designing for the platform on which you want to release your app. There are design guidelines available on the web for both<\/span><a href=\"https:\/\/developer.apple.com\/ios\/human-interface-guidelines\/\"> <span style=\"font-weight: 400\">iOS<\/span><\/a><span style=\"font-weight: 400\"> and<\/span><a href=\"https:\/\/developer.android.com\/guide\/practices\/ui_guidelines\/index.html\"> <span style=\"font-weight: 400\">Android<\/span><\/a><span style=\"font-weight: 400\"> that will lead designers on the right path.<\/span><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-42105\" src=\"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2016\/12\/12050153\/Screen-Shot-2016-12-08-at-8.15.09-PM.jpg.webp\" alt=\"screen-shot-2016-12-08-at-8-15-09-pm\" width=\"680\" height=\"513\"><span style=\"font-weight: 400\">By following these guides closely, you can ensure that you never waste time designing your app in a way that doesn&acirc;&euro;&trade;t provide optimal UX.<\/span><span style=\"font-weight: 400\">While it can be a bit overwhelming to comb through the info in these highly detailed guides, it&acirc;&euro;&trade;s necessary for your app&acirc;&euro;&trade;s UX.<\/span><h2><span class=\"ez-toc-section\" id=\"Delay_Signups_as_Long_as_Possible\"><\/span>Delay Signups as Long as Possible<span class=\"ez-toc-section-end\"><\/span><\/h2><span style=\"font-weight: 400\">This is a biggie! Users usually hate being bombarded with a signup request on the very first page of their first experience with a new app. In fact, in the majority of cases, there are very few users who are already committed to signing up and providing their personal info right from the get go.<\/span><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-42106\" src=\"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2016\/12\/12050159\/Screen-Shot-2016-12-08-at-8.17.48-PM.jpg.webp\" alt=\"screen-shot-2016-12-08-at-8-17-48-pm\" width=\"652\" height=\"893\"><span style=\"font-weight: 400\">So what designers should do, according to Web Designer Depot, is<\/span><a href=\"http:\/\/www.webdesignerdepot.com\/2015\/11\/how-to-perfect-first-time-ux-in-apps\/\"> <span style=\"font-weight: 400\">postpone the signup process<\/span><\/a><span style=\"font-weight: 400\"> as long as is feasible. This delay allows your app to truly shine and first focus on persuading the user that he&acirc;&euro;&trade;s getting high value in his experience. Once the user&acirc;&euro;&trade;s satisfied, then he&acirc;&euro;&trade;ll gladly hand over his info.<\/span><h2><span class=\"ez-toc-section\" id=\"Go_With_Card-Based_Design\"><\/span>Go With Card-Based Design<span class=\"ez-toc-section-end\"><\/span><\/h2><a href=\"https:\/\/creativemarket.com\/blog\/the-pros-and-cons-of-a-card-based-ux\"><span style=\"font-weight: 400\">Using cards<\/span><\/a><span style=\"font-weight: 400\"> in your app UI is consistent with providing better UX because they act as information entry points that<\/span><a href=\"http:\/\/babich.biz\/using-card-based-design-to-enhance-ux\/\"> <span style=\"font-weight: 400\">balance excellent aesthetics with convenience<\/span><\/a><span style=\"font-weight: 400\">, according to software developer Nick Babich. In short, cards help designers seamlessly display content that&acirc;&euro;&trade;s constituted from various elements.<\/span><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-42107\" src=\"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2016\/12\/12050205\/Screen-Shot-2016-12-08-at-8.19.22-PM.jpg.webp\" alt=\"screen-shot-2016-12-08-at-8-19-22-pm\" width=\"680\" height=\"454\"><span style=\"font-weight: 400\">Due to the manipulable nature of cards, they&acirc;&euro;&trade;ll render well on mobile and desktop. It&acirc;&euro;&trade;s easy to scale them up or down to accommodate different sizes. This makes them responsive, which is a must in today&acirc;&euro;&trade;s design environment.<\/span><h2><span class=\"ez-toc-section\" id=\"Define_Your_Mobile-App_Strategy_Today\"><\/span>Define Your Mobile-App Strategy Today<span class=\"ez-toc-section-end\"><\/span><\/h2><span style=\"font-weight: 400\">If all of these tips seem a bit too overwhelming, don&acirc;&euro;&trade;t fret. You&acirc;&euro;&trade;re in charge of your own app-building destiny, and it&acirc;&euro;&trade;s possible for you to define your own mobile-app strategy right now. All it takes is the right knowledge to advance your goals.<\/span><span style=\"font-weight: 400\">When you download the<\/span><a href=\"http:\/\/www.ymedialabs.com\/casestudy\/mobile-app-best-practices\/\"> <span style=\"font-weight: 400\">&acirc;&euro;&oelig;Simple First Step in Building Your Mobile App&acirc;&euro;<\/span><\/a><span style=\"font-weight: 400\"> ebook, you&acirc;&euro;&trade;ll be closer than ever to solidifying the right mobile-app strategy for your app vision.<\/span><hr><p><strong>Products Seen In This Post:<\/strong><\/p><p>    <figure id=\"card-183117-1844831944\" class=\"product-card half no-pinit\" data-product-id=\"183117\" data-index=\"0\" data-width=\"half\" data-pin_it=\"no-pinit\" data-module=\"Product Embed\" data-block-id=\"1844831944\"><\/figure>\n    \n<\/p><\/b>\n","protected":false},"excerpt":{"rendered":"<p>Apps are more influential than ever in our techy society. With mobile about to overtake desktop in terms of sheer user numbers, that&acirc;&euro;&trade;s no surprise. Today, according to Pew Research, 68% of Americans have a smartphone while 73% have either a desktop or laptop. The former has grown by almost double in four years, but [&hellip;]<\/p>\n","protected":false},"author":144,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"categories":[34],"tags":[1383,769],"topics":[],"class_list":["post-42083","post","type-post","status-publish","format-standard","hentry","category-creative-inspiration","tag-mobile-design","tag-app-design"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v28.4 (Yoast SEO v28.4) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>App Design: 20 Simple Changes To Improve the User Experience - Creative Market Blog<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/creativemarket.com\/blog\/app-design-user-experience\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"App Design: 20 Simple Changes To Improve the User Experience\" \/>\n<meta property=\"og:description\" content=\"Apps are more influential than ever in our techy society. With mobile about to overtake desktop in terms of sheer user numbers, that&acirc;&euro;&trade;s\" \/>\n<meta property=\"og:url\" content=\"https:\/\/creativemarket.com\/blog\/app-design-user-experience\" \/>\n<meta property=\"og:site_name\" content=\"Creative Market Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/crtvmrkt\" \/>\n<meta property=\"article:published_time\" content=\"2016-12-22T13:00:02+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-04-12T12:28:26+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2016\/12\/12050021\/Screen-Shot-2016-12-08-at-3.18.28-PM.jpg.webp\" \/>\n<meta name=\"author\" content=\"Marc Schenker\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@creativemarket\" \/>\n<meta name=\"twitter:site\" content=\"@creativemarket\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Marc Schenker\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"13 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/app-design-user-experience\",\"url\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/app-design-user-experience\",\"name\":\"App Design: 20 Simple Changes To Improve the User Experience - Creative Market Blog\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/app-design-user-experience#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/app-design-user-experience#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/d3ui957tjb5bqd.cloudfront.net\\\/uploads\\\/2016\\\/12\\\/12050021\\\/Screen-Shot-2016-12-08-at-3.18.28-PM.jpg.webp\",\"datePublished\":\"2016-12-22T13:00:02+00:00\",\"dateModified\":\"2024-04-12T12:28:26+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/#\\\/schema\\\/person\\\/b1e20fb9aeef6b45762dbab55e31c7c8\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/app-design-user-experience#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/creativemarket.com\\\/blog\\\/app-design-user-experience\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/app-design-user-experience#primaryimage\",\"url\":\"https:\\\/\\\/d3ui957tjb5bqd.cloudfront.net\\\/uploads\\\/2016\\\/12\\\/12050021\\\/Screen-Shot-2016-12-08-at-3.18.28-PM.jpg.webp\",\"contentUrl\":\"https:\\\/\\\/d3ui957tjb5bqd.cloudfront.net\\\/uploads\\\/2016\\\/12\\\/12050021\\\/Screen-Shot-2016-12-08-at-3.18.28-PM.jpg.webp\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/app-design-user-experience#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"App Design: 20 Simple Changes To Improve the User Experience\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/\",\"name\":\"Creative Market Blog\",\"description\":\"Creative Market Blog\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"App Design: 20 Simple Changes To Improve the User Experience - Creative Market Blog","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/creativemarket.com\/blog\/app-design-user-experience","og_locale":"en_US","og_type":"article","og_title":"App Design: 20 Simple Changes To Improve the User Experience","og_description":"Apps are more influential than ever in our techy society. With mobile about to overtake desktop in terms of sheer user numbers, that&acirc;&euro;&trade;s","og_url":"https:\/\/creativemarket.com\/blog\/app-design-user-experience","og_site_name":"Creative Market Blog","article_publisher":"https:\/\/www.facebook.com\/crtvmrkt","article_published_time":"2016-12-22T13:00:02+00:00","article_modified_time":"2024-04-12T12:28:26+00:00","og_image":[{"url":"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2016\/12\/12050021\/Screen-Shot-2016-12-08-at-3.18.28-PM.jpg.webp","type":"","width":"","height":""}],"author":"Marc Schenker","twitter_card":"summary_large_image","twitter_creator":"@creativemarket","twitter_site":"@creativemarket","twitter_misc":{"Written by":"Marc Schenker","Est. reading time":"13 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/creativemarket.com\/blog\/app-design-user-experience","url":"https:\/\/creativemarket.com\/blog\/app-design-user-experience","name":"App Design: 20 Simple Changes To Improve the User Experience - Creative Market Blog","isPartOf":{"@id":"https:\/\/creativemarket.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/creativemarket.com\/blog\/app-design-user-experience#primaryimage"},"image":{"@id":"https:\/\/creativemarket.com\/blog\/app-design-user-experience#primaryimage"},"thumbnailUrl":"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2016\/12\/12050021\/Screen-Shot-2016-12-08-at-3.18.28-PM.jpg.webp","datePublished":"2016-12-22T13:00:02+00:00","dateModified":"2024-04-12T12:28:26+00:00","author":{"@id":"https:\/\/creativemarket.com\/blog\/#\/schema\/person\/b1e20fb9aeef6b45762dbab55e31c7c8"},"breadcrumb":{"@id":"https:\/\/creativemarket.com\/blog\/app-design-user-experience#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/creativemarket.com\/blog\/app-design-user-experience"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/creativemarket.com\/blog\/app-design-user-experience#primaryimage","url":"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2016\/12\/12050021\/Screen-Shot-2016-12-08-at-3.18.28-PM.jpg.webp","contentUrl":"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2016\/12\/12050021\/Screen-Shot-2016-12-08-at-3.18.28-PM.jpg.webp"},{"@type":"BreadcrumbList","@id":"https:\/\/creativemarket.com\/blog\/app-design-user-experience#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/creativemarket.com\/blog\/"},{"@type":"ListItem","position":2,"name":"App Design: 20 Simple Changes To Improve the User Experience"}]},{"@type":"WebSite","@id":"https:\/\/creativemarket.com\/blog\/#website","url":"https:\/\/creativemarket.com\/blog\/","name":"Creative Market Blog","description":"Creative Market Blog","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/creativemarket.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/posts\/42083","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/users\/144"}],"replies":[{"embeddable":true,"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/comments?post=42083"}],"version-history":[{"count":0,"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/posts\/42083\/revisions"}],"wp:attachment":[{"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/media?parent=42083"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/categories?post=42083"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/tags?post=42083"},{"taxonomy":"topics","embeddable":true,"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/topics?post=42083"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}