{"id":26194,"date":"2020-04-02T23:31:36","date_gmt":"2020-04-02T15:31:36","guid":{"rendered":"https:\/\/www.hongkiat.com\/blog\/?p=26194"},"modified":"2021-03-13T20:49:09","modified_gmt":"2021-03-13T12:49:09","slug":"designing-empty-state-pages","status":"publish","type":"post","link":"https:\/\/www.hongkiat.com\/blog\/designing-empty-state-pages\/","title":{"rendered":"Designing Empty State Pages for Websites & Mobile Apps"},"content":{"rendered":"

Empty state pages<\/a> are lesser-known design elements with a significant role in user experience. In its simplest form, empty states are page layouts seen when a user first visits a page where no content is available<\/strong>.<\/p>\n

This can include mobile applications<\/a>, social networks, or even empty blog categories. The purpose is to deliver an empty page that looks like<\/em> a non-empty page. Visitors should recognize the lack of content as a means of impending content<\/strong>.<\/p>\n

I\u2019d like to cover how empty state pages work and why they\u2019re so important. Interface designers should consider these points and try to apply them to empty states whenever appropriate. But to get started let\u2019s examine how an empty state functions and how it provides value to the interface.<\/p>\n

The Value of Empty States<\/h2>\n

The beauty of a great empty state design is in the simplicity. Empty pages explain what should be on the page<\/strong> once there\u2019s some content. It may be passive like an empty inbox, or it may be actively waiting for the user like an empty Twitter feed.<\/p>\n

Blank pages are boring, dull, and even confusing. Empty states provide guidance<\/strong> to help users understand what they\u2019re looking at. Even though it\u2019s a blank page the extra context helps.<\/p>\n

Empty states also give a sense of \u201cfreshness\u201d with new accounts that have no existing data.<\/p>\n

This test<\/a> done by Redditor Bambo_Ocha checked 20 different apps for empty state designs. Various design styles occurred with CTA buttons, sample data, and even brief tutorial walkthroughs.<\/p>\n

Apps that thrive on a userbase should design empty states that encourage user activity<\/strong>. This activity could be publishing content, adding friends, uploading photos, or whatever the app was made for. The screen below from Tookapic<\/a> is a great example.<\/p>\n

\"tookapic<\/figure>\n

But empty state pages still have value even when no action is needed. These designs are primarily made to provide information.<\/p>\n

Static information is just as valuable and it\u2019s not inherently bad to have an empty state. For example this page design<\/a> shows no current metrics from a tracking app dashboard. The user may want to add some metrics, but it\u2019s not bad to leave the dash empty.<\/p>\n

\"metrics<\/figure>\n

Similar static designs may work great for empty blog archives or empty messages folders. It\u2019s perfectly acceptable to have no messages to display. But the page shouldn\u2019t be completely empty with no context either.<\/p>\n

Vital Page Elements<\/h2>\n

The most important element on an empty state page is context<\/strong>. This may come in the form of graphics, text, or both. You want to inform users why the page is empty and what sort of data could be there (emails, tweets, friend profiles, etc).<\/p>\n

And while text is the primary communication medium on the web, you can\u2019t overlook the value of graphics and icons.<\/p>\n

\"digital<\/figure>\n

DigitalOcean<\/a> has a brilliant dashboard<\/a> with empty state graphics that illustrate their point clearly. Their company uses creative branding and clean typography so it\u2019s no surprise their empty state pages are so illustrative.<\/p>\n

Another crucial aspect of empty state design is the call to action button<\/strong>. This is typically designed like a button although hyperlinks work fine too.<\/p>\n

The goal is to help users take action and clear up their empty state. Whether this requires adding data or taking action on the site, CTAs guide users onto the next step necessary to clear up the empty state.<\/p>\n

\"dropbox<\/figure>\n

Dropbox has a great design<\/a> with two CTA buttons. Whenever a Dropbox user has no folders they can either create a new folder or add a sample folder onto the page.<\/p>\n

Encouraging User Activity<\/h2>\n

Call to action buttons are the active elements but remember that page copy explains what the user is doing<\/strong>. Nobody just clicks buttons without knowing why.<\/p>\n

The best way to encourage activity is to write great copy on your empty state page. Guide users through a content flow that encourages user activity over the entire application.<\/p>\n

\"no<\/figure>\n

This empty state by ModSpot<\/a> is a brilliant example of quality design and encourageable content.<\/p>\n

Icons are used to demonstrate what the user should add to the site. An arrow points to the button users should click along with some text encouraging behavior. This is a brilliant empty state design with all the elements you\u2019d expect.<\/p>\n

Similarly the Gumroad empty state<\/a> offers two options targeting different potential actions. Users can add a digital product or a physical product to get started selling.<\/p>\n

\"gumroad<\/figure>\n

Other links on the page lead to help guides and contact details. Everything is incredibly streamlined and ties together nicely.<\/p>\n

Web vs. Mobile Apps<\/h2>\n

Empty state pages for all mediums should follow similar design trends. But there are some minor differences with user experience on a desktop compared to a smartphone.<\/p>\n

Websites on larger screens have more room<\/strong> for extra buttons. Web pages can also have larger navigation elements<\/strong> which can draw people elsewhere onto the site.<\/p>\n

\"nusii<\/figure>\n

This can be solved in a similar style as Nusii<\/a> does on their proposals page. Where there are no proposals the user is guided to the \u201cadd proposals\u201d button in the top navigation bar.<\/p>\n

Mobile apps may have similar problems but the screens are much smaller. This makes it a lot easier to draw users right into the action<\/strong>.<\/p>\n

I find it\u2019s best to keep mobile apps simpler with fewer options. Use visuals as eye candy to encourage action and point towards a very specific user flow.<\/p>\n

Empty State Design Examples<\/h2>\n

Perhaps the best way to learn about empty state design is to study some examples. The brilliant web gallery emptystat.es<\/a> curates empty state pages from various websites to mobile applications.<\/p>\n

I\u2019ve hand-picked some examples deserving of your attention that best illustrate empty state design. If you have any other suggestions feel free to let us know.<\/p>\n

DigitalOcean Floating IPs<\/h3>\n
\"digitalocean<\/figure>\n

Webflow Beta<\/h3>\n
\"webflow<\/figure>\n

Invision<\/h3>\n
\"invision<\/figure>\n

Bitbucket<\/h3>\n
\"bitbucket<\/figure>\n

No Pinned Groups<\/h3>\n
\"no<\/figure>\n

Facebook Messages<\/h3>\n
\"empty<\/figure>\n

LayerVault<\/h3>\n
\"layervault<\/figure>\n

Workout Challenges<\/h3>\n
\"boxing<\/figure>\n

Buffer Empty<\/h3>\n
\"buffer<\/figure>\n

Word App Documents<\/h3>\n
\"microsoft<\/figure>\n

Evernote Chats<\/h3>\n
\"evernote<\/figure>\n

Beamly For Android<\/h3>\n
\"beamly<\/figure>\n

Audible Audio Books<\/h3>\n
\"audio<\/figure>\n

Pocket App<\/h3>\n
\"pocket<\/figure>\n

BBC My News<\/h3>\n
\"bbc<\/figure>\n

GitHub Wiki Pages<\/h3>\n
\"empty<\/figure>\n

Flipboard<\/h3>\n
\"flipboard<\/figure>\n

Chrome Bookmarks Manager<\/h3>\n
\"chrome<\/figure>\n

Mac Infinit App<\/h3>\n
\"mac<\/figure>\n

Empty Facebook Feed<\/h3>\n
\"facebook<\/figure>","protected":false},"excerpt":{"rendered":"

Empty state pages are lesser-known design elements with a significant role in user experience. In its simplest form, empty states are page layouts seen when a user first visits a page where no content is available. This can include mobile applications, social networks, or even empty blog categories. The purpose is to deliver an empty…<\/p>\n","protected":false},"author":18,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[3395],"tags":[],"topic":[4520],"class_list":["entry-content","is-maxi"],"acf":[],"yoast_head":"\nDesigning Empty State Pages for Websites & Mobile Apps - Hongkiat<\/title>\n<meta name=\"description\" content=\"Empty state pages are lesser-known design elements with a significant role in user experience. In its simplest form, empty states are page layouts seen\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.hongkiat.com\/blog\/designing-empty-state-pages\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Designing Empty State Pages for Websites & Mobile Apps\" \/>\n<meta property=\"og:description\" content=\"Empty state pages are lesser-known design elements with a significant role in user experience. In its simplest form, empty states are page layouts seen\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.hongkiat.com\/blog\/designing-empty-state-pages\/\" \/>\n<meta property=\"og:site_name\" content=\"Hongkiat\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/hongkiatcom\" \/>\n<meta property=\"article:published_time\" content=\"2020-04-02T15:31:36+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-03-13T12:49:09+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/assets.hongkiat.com\/uploads\/designing-empty-state-pages\/01-tookapic-empty-state-page.jpg\" \/>\n<meta name=\"author\" content=\"Jake Rocheleau\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@hongkiat\" \/>\n<meta name=\"twitter:site\" content=\"@hongkiat\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Jake Rocheleau\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designing-empty-state-pages\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designing-empty-state-pages\\\/\"},\"author\":{\"name\":\"Jake Rocheleau\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/person\\\/966b2daea15283b4145e71aa98a82c2a\"},\"headline\":\"Designing Empty State Pages for Websites & Mobile Apps\",\"datePublished\":\"2020-04-02T15:31:36+00:00\",\"dateModified\":\"2021-03-13T12:49:09+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designing-empty-state-pages\\\/\"},\"wordCount\":1009,\"commentCount\":6,\"publisher\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designing-empty-state-pages\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/designing-empty-state-pages\\\/01-tookapic-empty-state-page.jpg\",\"articleSection\":[\"UI\\\/UX\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designing-empty-state-pages\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designing-empty-state-pages\\\/\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designing-empty-state-pages\\\/\",\"name\":\"Designing Empty State Pages for Websites & Mobile Apps - Hongkiat\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designing-empty-state-pages\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designing-empty-state-pages\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/designing-empty-state-pages\\\/01-tookapic-empty-state-page.jpg\",\"datePublished\":\"2020-04-02T15:31:36+00:00\",\"dateModified\":\"2021-03-13T12:49:09+00:00\",\"description\":\"Empty state pages are lesser-known design elements with a significant role in user experience. In its simplest form, empty states are page layouts seen\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designing-empty-state-pages\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designing-empty-state-pages\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designing-empty-state-pages\\\/#primaryimage\",\"url\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/designing-empty-state-pages\\\/01-tookapic-empty-state-page.jpg\",\"contentUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/designing-empty-state-pages\\\/01-tookapic-empty-state-page.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designing-empty-state-pages\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Designing Empty State Pages for Websites & Mobile Apps\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\",\"name\":\"Hongkiat\",\"description\":\"Tech and Design Tips\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\",\"name\":\"Hongkiat.com\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/wp-content\\\/uploads\\\/hkdc-logo-rect-yoast.jpg\",\"contentUrl\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/wp-content\\\/uploads\\\/hkdc-logo-rect-yoast.jpg\",\"width\":1200,\"height\":799,\"caption\":\"Hongkiat.com\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/hongkiatcom\",\"https:\\\/\\\/x.com\\\/hongkiat\",\"https:\\\/\\\/www.pinterest.com\\\/hongkiat\\\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/person\\\/966b2daea15283b4145e71aa98a82c2a\",\"name\":\"Jake Rocheleau\",\"description\":\"Jake is a writer and designer with over 10 years experience working on the web. He writes about user experience design and cool resources for designers\",\"sameAs\":[\"https:\\\/\\\/www.hongkiat.com\"],\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/author\\\/jake\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Designing Empty State Pages for Websites & Mobile Apps - Hongkiat","description":"Empty state pages are lesser-known design elements with a significant role in user experience. In its simplest form, empty states are page layouts seen","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:\/\/www.hongkiat.com\/blog\/designing-empty-state-pages\/","og_locale":"en_US","og_type":"article","og_title":"Designing Empty State Pages for Websites & Mobile Apps","og_description":"Empty state pages are lesser-known design elements with a significant role in user experience. In its simplest form, empty states are page layouts seen","og_url":"https:\/\/www.hongkiat.com\/blog\/designing-empty-state-pages\/","og_site_name":"Hongkiat","article_publisher":"https:\/\/www.facebook.com\/hongkiatcom","article_published_time":"2020-04-02T15:31:36+00:00","article_modified_time":"2021-03-13T12:49:09+00:00","og_image":[{"url":"https:\/\/assets.hongkiat.com\/uploads\/designing-empty-state-pages\/01-tookapic-empty-state-page.jpg","type":"","width":"","height":""}],"author":"Jake Rocheleau","twitter_card":"summary_large_image","twitter_creator":"@hongkiat","twitter_site":"@hongkiat","twitter_misc":{"Written by":"Jake Rocheleau","Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.hongkiat.com\/blog\/designing-empty-state-pages\/#article","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/designing-empty-state-pages\/"},"author":{"name":"Jake Rocheleau","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/person\/966b2daea15283b4145e71aa98a82c2a"},"headline":"Designing Empty State Pages for Websites & Mobile Apps","datePublished":"2020-04-02T15:31:36+00:00","dateModified":"2021-03-13T12:49:09+00:00","mainEntityOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/designing-empty-state-pages\/"},"wordCount":1009,"commentCount":6,"publisher":{"@id":"https:\/\/www.hongkiat.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/designing-empty-state-pages\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/designing-empty-state-pages\/01-tookapic-empty-state-page.jpg","articleSection":["UI\/UX"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.hongkiat.com\/blog\/designing-empty-state-pages\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.hongkiat.com\/blog\/designing-empty-state-pages\/","url":"https:\/\/www.hongkiat.com\/blog\/designing-empty-state-pages\/","name":"Designing Empty State Pages for Websites & Mobile Apps - Hongkiat","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/designing-empty-state-pages\/#primaryimage"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/designing-empty-state-pages\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/designing-empty-state-pages\/01-tookapic-empty-state-page.jpg","datePublished":"2020-04-02T15:31:36+00:00","dateModified":"2021-03-13T12:49:09+00:00","description":"Empty state pages are lesser-known design elements with a significant role in user experience. In its simplest form, empty states are page layouts seen","breadcrumb":{"@id":"https:\/\/www.hongkiat.com\/blog\/designing-empty-state-pages\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.hongkiat.com\/blog\/designing-empty-state-pages\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.hongkiat.com\/blog\/designing-empty-state-pages\/#primaryimage","url":"https:\/\/assets.hongkiat.com\/uploads\/designing-empty-state-pages\/01-tookapic-empty-state-page.jpg","contentUrl":"https:\/\/assets.hongkiat.com\/uploads\/designing-empty-state-pages\/01-tookapic-empty-state-page.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/www.hongkiat.com\/blog\/designing-empty-state-pages\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.hongkiat.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Designing Empty State Pages for Websites & Mobile Apps"}]},{"@type":"WebSite","@id":"https:\/\/www.hongkiat.com\/blog\/#website","url":"https:\/\/www.hongkiat.com\/blog\/","name":"Hongkiat","description":"Tech and Design Tips","publisher":{"@id":"https:\/\/www.hongkiat.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.hongkiat.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.hongkiat.com\/blog\/#organization","name":"Hongkiat.com","url":"https:\/\/www.hongkiat.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.hongkiat.com\/blog\/wp-content\/uploads\/hkdc-logo-rect-yoast.jpg","contentUrl":"https:\/\/www.hongkiat.com\/blog\/wp-content\/uploads\/hkdc-logo-rect-yoast.jpg","width":1200,"height":799,"caption":"Hongkiat.com"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/hongkiatcom","https:\/\/x.com\/hongkiat","https:\/\/www.pinterest.com\/hongkiat\/"]},{"@type":"Person","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/person\/966b2daea15283b4145e71aa98a82c2a","name":"Jake Rocheleau","description":"Jake is a writer and designer with over 10 years experience working on the web. He writes about user experience design and cool resources for designers","sameAs":["https:\/\/www.hongkiat.com"],"url":"https:\/\/www.hongkiat.com\/blog\/author\/jake\/"}]}},"jetpack_featured_media_url":"https:\/\/","jetpack_shortlink":"https:\/\/wp.me\/p4uxU-6Ou","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/26194","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/users\/18"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/comments?post=26194"}],"version-history":[{"count":3,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/26194\/revisions"}],"predecessor-version":[{"id":53273,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/26194\/revisions\/53273"}],"wp:attachment":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/media?parent=26194"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/categories?post=26194"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/tags?post=26194"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/topic?post=26194"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}