{"id":3166,"date":"2017-06-06T16:55:53","date_gmt":"2017-06-06T13:55:53","guid":{"rendered":"https:\/\/tubikstudio.com\/?p=3166"},"modified":"2026-02-13T19:27:33","modified_gmt":"2026-02-13T19:27:33","slug":"mobile-ui-design-15-basic-types-of-screens","status":"publish","type":"post","link":"https:\/\/tubikstudio.com\/blog\/mobile-ui-design-15-basic-types-of-screens\/","title":{"rendered":"Mobile UI Design: 15 Basic Types of Screens"},"content":{"rendered":"

Mobile apps evolve fast. Faster than blog posts, faster than design systems, sometimes faster than our ability to remember why we added that third floating action button in the first place. Features multiply, UI patterns mutate, and \u201cbest practices\u201d in mobile app UI design quietly expire.<\/span><\/p>\n

And yet, open almost any mobile application<\/a> today\u2014whether it\u2019s a fintech app interface, a meditation app UI, or a grocery delivery app\u2014and you\u2019ll still recognize the same core screens. Not because designers lack imagination, but because these mobile UI screens solve very real, very human problems that haven\u2019t gone away.<\/span><\/p>\n

This article is a walk through the most common types of mobile app screens\u2014the ones designers keep returning to\u2014and the UI and UX design decisions they demand. If you\u2019ve ever asked yourself why a screen feels off, or why users keep dropping right here in the user flow, chances are the answer lives somewhere below.<\/span><\/p>\n

\"tubikstudio<\/p>\n

 <\/p>\n

Common Screens<\/span><\/h2>\n

Splash Screen<\/span><\/h3>\n

The splash screen is the digital equivalent of clearing your throat before speaking. It doesn\u2019t say much, but it sets expectations for the entire mobile user experience.<\/span><\/p>\n

Technically, a mobile splash screen exists to mask loading time. Emotionally, it establishes trust. Users see it before they understand your value proposition, before they interact with your UI components, and before they decide whether this app survives the next storage cleanup.<\/span><\/p>\n

That\u2019s why the most effective splash screen designs stay minimal: logo, wordmark, sometimes a restrained animation. Centered layouts are an insurance policy against the chaos of mobile screen sizes, resolutions, and aspect ratios. Designers who\u2019ve tested splash screens across Android devices and one stubborn iPhone SE know exactly why this matters.<\/span><\/p>\n

Timing matters too. Four to eight seconds is already generous in mobile UX design terms. Any longer and users aren\u2019t admiring your branding\u2014they\u2019re questioning performance. Showing loading progress, even subtly, gives users a sense of control. And control, in mobile UI design, buys patience.<\/span><\/p>\n

\"jewelry<\/p>\n

Jewellery E-Commerce App<\/em><\/span><\/p>\n

 <\/p>\n

Onboarding Tutorial Screens<\/span><\/h3>\n

In theory, onboarding<\/a> screens explain features, benefits, navigation, and value. In practice, users swipe through them at the speed of mild distrust.<\/span><\/p>\n

That\u2019s why modern mobile onboarding UX favors clarity over completeness. Custom illustrations work because they compress meaning faster than text\u2014especially on small mobile screens used one-handed, outdoors, or mid-commute.<\/span><\/p>\n

Mascots appear often in onboarding UI design not because every app needs personality, but because humans respond to perceived intent. A character guiding the flow feels more conversational than instructional\u2014even when we know it\u2019s scripted.<\/span><\/p>\n

Copywriting plays a decisive role in onboarding<\/a> UX. Short, readable, and functional beats clever every time. If the value isn\u2019t clear at a glance, users won\u2019t stay long enough to decode your metaphor.<\/span><\/p>\n

\"underwater<\/p>\n

Underwater World Encyclopedia \u2014 section tutorial<\/em><\/span><\/p>\n

 <\/p>\n

Home and Menu Screens<\/span><\/h3>\n

If onboarding is the handshake, the home screen is the relationship.<\/span><\/p>\n

This is where users return\u2014repeatedly. Sometimes impatiently. Often with a specific goal in mind. That\u2019s why home screen design in mobile apps prioritizes orientation, access, and momentum.<\/span><\/p>\n

Search bars appear everywhere not because they\u2019re fashionable, but because users think in outcomes, not information architecture. They want results, not navigation theory.<\/span><\/p>\n

Menus\u2014whether bottom navigation, hamburger menus, or contextual drawers\u2014act as the structural backbone of the mobile UI navigation system. Predictability beats novelty here. Experimental navigation rarely ages well.<\/span><\/p>\n

Menu design benefits from restraint. Keeping options under seven supports cognitive load management in UX. If everything is important, nothing is.<\/span><\/p>\n

\"homey<\/p>\n

Homey App<\/em><\/span><\/p>\n

\"tubik<\/p>\n

Slide Menu Concept<\/em><\/span><\/p>\n

 <\/p>\n

Log-In and Profile Screens<\/span><\/h3>\n

Log-in screens look simple, but they\u2019re conversion landmines. Two fields. One button. And countless ways to introduce friction.<\/span><\/p>\n

Minimalist login UI design is practical, not aesthetic. Every extra option increases hesitation. Social login exists because typing passwords on glass remains frustrating\u2014no matter how elegant the UI.<\/span><\/p>\n

\"restaurant<\/h3>\n

Restaurant App<\/em><\/p>\n

 <\/p>\n

Profile screens, meanwhile, handle identity, preferences, and personalization. In social apps, they double as self-representation. That\u2019s why clarity beats density in profile UI design.<\/span><\/p>\n

Effective profile screens limit information without hiding it, guide navigation intuitively, and reflect real user behavior discovered through UX research\u2014not assumptions. Different audiences tolerate different complexity levels, and guessing wrong shows.<\/span><\/p>\n

\"Tubik<\/p>\n

Dating App<\/em><\/span><\/p>\n

 <\/p>\n

Stats Screen<\/span><\/h3>\n

Stats screens are where designers meet numbers\u2014and humility. The challenge isn\u2019t displaying data. It\u2019s prioritizing it. Users don\u2019t want <\/span>all<\/span><\/i> the metrics. They want the ones that answer the question they\u2019re currently asking.<\/span><\/p>\n

Charts, graphs, and scales help, but only when paired with legible typography and thoughtful hierarchy<\/a>. A beautifully animated graph that requires squinting fails its job.<\/span><\/p>\n

The best mobile analytics screens feel calm. They guide the eye. They don\u2019t shout. Designers who\u2019ve redesigned dashboards after watching usability recordings know this: confusion rarely looks dramatic. It looks quiet\u2014and then users leave.<\/span><\/p>\n

\"app<\/p>\n

NGIN App<\/em><\/span><\/p>\n

\"calorie<\/p>\n

Stats screens for Calorie Calculator app<\/em><\/p>\n

Calendar<\/span><\/h3>\n

Calendars appear everywhere: event apps, productivity tools, fitness trackers, even banking apps. And each one quietly carries expectations shaped by years of Google Calendar muscle memory.<\/span><\/p>\n

The function defines the form. A scheduling calendar isn\u2019t a habit tracker. A reminder tool isn\u2019t a planner. Visual style should echo the app\u2019s purpose, not fight it.<\/span><\/p>\n

Consistency matters more than creativity here. When dates behave unexpectedly, trust erodes fast.<\/span><\/p>\n

\"bright<\/p>\n

Bright Vibe Calendar<\/em><\/span><\/p>\n

 <\/p>\n

E-Commerce Screens<\/span><\/h2>\n

Catalog Screen<\/span><\/h3>\n

In mobile e-commerce design, the catalog does most of the selling before the user realizes they\u2019re shopping.\u00a0<\/span><\/p>\n

Vertical scrolling grids feel familiar because they work. Designers adjust the number of items per row based on screen width, image clarity, and thumb reach\u2014not aesthetics alone. Horizontal scroll rows add rhythm and discovery, especially when the last item peeks into view, signaling continuation. That tiny cropped card is a quiet invitation to explore.<\/span><\/p>\n

High-quality images<\/a> aren\u2019t optional. They replace touch. They replace weight. They replace texture. A blurry product photo doesn\u2019t lower quality\u2014it lowers trust. Adding to cart directly from the catalog reduces friction. Every avoided tap counts.<\/span><\/p>\n

\"ui<\/p>\n

Cafe Coupon App<\/em><\/span><\/p>\n

 <\/p>\n

Product Card Screen<\/span><\/h3>\n

This is the decision screen. Product cards exist for users who need reassurance. Clear imagery, focused descriptions, and structured information blocks help them decide without cognitive overload.<\/span><\/p>\n

Grouping details\u2014size, material, specifications\u2014isn\u2019t about neatness. It\u2019s about scanning behavior. Users hunt for specific answers, not paragraphs.<\/span><\/p>\n

Designers often center the product image because it anchors attention. Everything else supports that moment.<\/span><\/p>\n

\"jewellery<\/p>\n

Jewellery E-Commerce App<\/em><\/span><\/p>\n

 <\/p>\n

Checkout Screen<\/span><\/h3>\n

Checkout is where anxiety lives. Users hesitate here not because they doubt the product\u2014but because they fear mistakes, data loss, or security risks. That\u2019s why checkout UI design prioritizes clarity, reassurance, and momentum.<\/span><\/p>\n

Forms should feel inevitable, not overwhelming. Visual cues like trusted payment icons, secure badges, or subtle copy reminders reduce uncertainty. They don\u2019t need to scream. They need to exist.<\/span><\/p>\n

Every unnecessary field is a chance for the user to abandon your product.<\/span><\/p>\n

\"cinema<\/h3>\n

Cinema App<\/em><\/span><\/p>\n

 <\/p>\n

Social Screens<\/span><\/h2>\n

Feed<\/span><\/h3>\n

Feeds are designed for scanning, not reading. Mobile users flick through content rapidly, guided by instinct more than intention. That\u2019s why feed design favors simplicity, spacing, and visual rhythm.<\/span><\/p>\n

Partial previews signal continuity. Over-decoration kills velocity. Designers learn quickly that attention is fragile\u2014and easily lost to clutter.<\/span><\/p>\n

\"tubikstudio<\/p>\n

Timeline App<\/em><\/span><\/p>\n

 <\/p>\n

Contacts<\/span><\/h3>\n

Contacts screens are old\u2014and that\u2019s their strength. Alphabetical sorting, recognizable avatars, tap-through details: none of this is innovative, and that\u2019s the point. When users search for people, they want certainty, not surprise.<\/span><\/p>\n

Photos reduce cognitive load. Familiar patterns reduce hesitation. This screen doesn\u2019t need reinvention\u2014it needs reliability.<\/span><\/p>\n

\"Contact<\/p>\n

Contact List Concept<\/em><\/span><\/p>\n

 <\/p>\n

Music Screens<\/span><\/h2>\n

Playlist<\/span><\/h3>\n

Playlists are personal. They carry moods, routines, memories. The playlist UI usually follows a predictable structure: track name, artist, duration, optional artwork. Consistency matters more than novelty here. Missing album art still needs a placeholder\u2014empty space feels like an error. Designers earn points by making reordering, sharing, and editing feel effortless.<\/span><\/p>\n

\"tubik<\/p>\n

Music App<\/em><\/span><\/p>\n

 <\/p>\n

Player<\/span><\/h3>\n

The player is where control becomes tactile. Play, pause, skip\u2014these buttons are universal for a reason. Designers rarely reinvent them because recognition matters more than novelty here.<\/span><\/p>\n

Album art dominates because it contextualizes sound. Visualizers offer expressive freedom, but only when they don\u2019t compete with usability. Creativity earns its place when it supports immersion, not distraction.<\/span><\/p>\n

\"UI_v2_Player<\/p>\n

ECHO app<\/a><\/em><\/span><\/p>\n

What Comes Next<\/span><\/h2>\n

New apps will keep introducing new screen types. New use cases will demand new patterns. That\u2019s part of the job. But these screens persist because they solve recurring human needs: orientation, trust, choice, control.<\/span><\/p>\n

Designers who understand <\/span>why<\/span><\/i> these screens exist don\u2019t copy patterns\u2014they adapt them with intent. And that\u2019s where real craft lives.<\/span><\/p>\n

Recommended Reading<\/span><\/h2>\n

Explore our other articles on design psychology and real-world UI decisions shaped by user behavior, not trends:<\/span><\/p>\n

Mobile App Design: Big Guide into Types of Mobile Applications<\/a><\/p>\n

Web Design: 16 Basic Types of Web Pages<\/a><\/p>\n

The Big Guide into Different Types of Websites<\/a><\/p>\n

UI\/UX Design Glossary. Navigation Elements<\/a><\/span><\/p>\n

Mobile App Branding: Tips, Strategies, and Examples<\/a><\/p>\n

How to Use Animations in Mobile Apps<\/a><\/p>\n

7 Tips to Enhance Mobile Interactions<\/a><\/p>\n

The Ultimate Guide to Creating a Mobile Application<\/a><\/p>\n

Basic Types of Buttons in User Interfaces<\/a><\/p>\n

The Anatomy of a Web Page: 14 Basic Elements<\/a><\/p>\n

How to Design Effective Search<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"

A practical guide to the most common mobile UI screen types used in modern app design. From splash screens to checkout flows, explore how each screen supports real user needs and shapes the mobile UX.<\/p>\n","protected":false},"author":10003,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[7,9],"tags":[331,515,332,336,365,440,447,20,457,100,463,233,465,256,467,264,479,318,482,319,485,322,487,323,491,329,502],"coauthors":[634],"class_list":["post-3166","post","type-post","status-publish","format-standard","hentry","category-processes_and_tools","category-ui_ux","tag-mobile-ui","tag-uxui","tag-mobile-user-interface","tag-motion-design","tag-product-design","tag-tubik","tag-tubik-studio","tag-app-design","tag-ui","tag-design","tag-ui-design-article","tag-human-computer-interaction","tag-ui-design-examples","tag-interaction-design","tag-ui-design-practices","tag-interface-navigation","tag-usability","tag-mobile","tag-user-experience","tag-mobile-app","tag-user-experience-design","tag-mobile-design","tag-user-experience-design-process","tag-mobile-design-article","tag-user-interface","tag-mobile-screens","tag-ux"],"acf":[],"yoast_head":"\nMobile UI Design: 15 Basic Types of Screens<\/title>\n<meta name=\"description\" content=\"Explore 15 essential mobile UI screen types, from splash and onboarding to checkout and player screens.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/tubikstudio.com\/blog\/mobile-ui-design-15-basic-types-of-screens\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Mobile UI Design: 15 Basic Types of Screens.\" \/>\n<meta property=\"og:description\" content=\"Mobile applications evolve with user's needs offering new functionality, still, there are screens common for many apps and they are the focus of this article.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/tubikstudio.com\/blog\/mobile-ui-design-15-basic-types-of-screens\/\" \/>\n<meta property=\"og:site_name\" content=\"Tubik Blog: Articles About Design\" \/>\n<meta property=\"article:published_time\" content=\"2017-06-06T13:55:53+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-02-13T19:27:33+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/06\/tubikstudio-ui-app-design.png\" \/>\n<meta name=\"author\" content=\"Anastasiia Lutsenko\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Anastasiia Lutsenko\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"11 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/tubikstudio.com\/blog\/mobile-ui-design-15-basic-types-of-screens\/\",\"url\":\"https:\/\/tubikstudio.com\/blog\/mobile-ui-design-15-basic-types-of-screens\/\",\"name\":\"Mobile UI Design: 15 Basic Types of Screens\",\"isPartOf\":{\"@id\":\"https:\/\/tubikstudio.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/tubikstudio.com\/blog\/mobile-ui-design-15-basic-types-of-screens\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/tubikstudio.com\/blog\/mobile-ui-design-15-basic-types-of-screens\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/06\/tubikstudio-ui-app-design.png\",\"datePublished\":\"2017-06-06T13:55:53+00:00\",\"dateModified\":\"2026-02-13T19:27:33+00:00\",\"author\":{\"@id\":\"https:\/\/tubikstudio.com\/blog\/#\/schema\/person\/2d8ccd57b6edf253e2787561fe1e66c1\"},\"description\":\"Explore 15 essential mobile UI screen types, from splash and onboarding to checkout and player screens.\",\"breadcrumb\":{\"@id\":\"https:\/\/tubikstudio.com\/blog\/mobile-ui-design-15-basic-types-of-screens\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/tubikstudio.com\/blog\/mobile-ui-design-15-basic-types-of-screens\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/tubikstudio.com\/blog\/mobile-ui-design-15-basic-types-of-screens\/#primaryimage\",\"url\":\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/06\/tubikstudio-ui-app-design.png\",\"contentUrl\":\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/06\/tubikstudio-ui-app-design.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/tubikstudio.com\/blog\/mobile-ui-design-15-basic-types-of-screens\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/tubikstudio.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Mobile UI Design: 15 Basic Types of Screens\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/tubikstudio.com\/blog\/#website\",\"url\":\"https:\/\/tubikstudio.com\/blog\/\",\"name\":\"Tubik Blog: Articles About Design\",\"description\":\"Tubik Studio\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/tubikstudio.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/tubikstudio.com\/blog\/#\/schema\/person\/2d8ccd57b6edf253e2787561fe1e66c1\",\"name\":\"Anastasiia Lutsenko\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/tubikstudio.com\/blog\/#\/schema\/person\/image\/d893c1e4578c8cd7a39f393978129a25\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/9c0999380ab25553a4aea6cbc2224fa5f579af8ebbef2928d1d71fd4137a77a1?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/9c0999380ab25553a4aea6cbc2224fa5f579af8ebbef2928d1d71fd4137a77a1?s=96&d=mm&r=g\",\"caption\":\"Anastasiia Lutsenko\"},\"description\":\"7+ years of writing content that speaks, sells, and sticks. Raised on legendary Apple commercials and allergic to mediocrity, Anastasiia writes for products, interfaces, and campaigns that refuse to be ignored.\",\"url\":\"https:\/\/tubikstudio.com\/blog\/author\/alutsenko\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Mobile UI Design: 15 Basic Types of Screens","description":"Explore 15 essential mobile UI screen types, from splash and onboarding to checkout and player screens.","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:\/\/tubikstudio.com\/blog\/mobile-ui-design-15-basic-types-of-screens\/","og_locale":"en_US","og_type":"article","og_title":"Mobile UI Design: 15 Basic Types of Screens.","og_description":"Mobile applications evolve with user's needs offering new functionality, still, there are screens common for many apps and they are the focus of this article.","og_url":"https:\/\/tubikstudio.com\/blog\/mobile-ui-design-15-basic-types-of-screens\/","og_site_name":"Tubik Blog: Articles About Design","article_published_time":"2017-06-06T13:55:53+00:00","article_modified_time":"2026-02-13T19:27:33+00:00","og_image":[{"url":"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/06\/tubikstudio-ui-app-design.png","type":"","width":"","height":""}],"author":"Anastasiia Lutsenko","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Anastasiia Lutsenko","Est. reading time":"11 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/tubikstudio.com\/blog\/mobile-ui-design-15-basic-types-of-screens\/","url":"https:\/\/tubikstudio.com\/blog\/mobile-ui-design-15-basic-types-of-screens\/","name":"Mobile UI Design: 15 Basic Types of Screens","isPartOf":{"@id":"https:\/\/tubikstudio.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/tubikstudio.com\/blog\/mobile-ui-design-15-basic-types-of-screens\/#primaryimage"},"image":{"@id":"https:\/\/tubikstudio.com\/blog\/mobile-ui-design-15-basic-types-of-screens\/#primaryimage"},"thumbnailUrl":"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/06\/tubikstudio-ui-app-design.png","datePublished":"2017-06-06T13:55:53+00:00","dateModified":"2026-02-13T19:27:33+00:00","author":{"@id":"https:\/\/tubikstudio.com\/blog\/#\/schema\/person\/2d8ccd57b6edf253e2787561fe1e66c1"},"description":"Explore 15 essential mobile UI screen types, from splash and onboarding to checkout and player screens.","breadcrumb":{"@id":"https:\/\/tubikstudio.com\/blog\/mobile-ui-design-15-basic-types-of-screens\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/tubikstudio.com\/blog\/mobile-ui-design-15-basic-types-of-screens\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/tubikstudio.com\/blog\/mobile-ui-design-15-basic-types-of-screens\/#primaryimage","url":"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/06\/tubikstudio-ui-app-design.png","contentUrl":"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/06\/tubikstudio-ui-app-design.png"},{"@type":"BreadcrumbList","@id":"https:\/\/tubikstudio.com\/blog\/mobile-ui-design-15-basic-types-of-screens\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/tubikstudio.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Mobile UI Design: 15 Basic Types of Screens"}]},{"@type":"WebSite","@id":"https:\/\/tubikstudio.com\/blog\/#website","url":"https:\/\/tubikstudio.com\/blog\/","name":"Tubik Blog: Articles About Design","description":"Tubik Studio","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/tubikstudio.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/tubikstudio.com\/blog\/#\/schema\/person\/2d8ccd57b6edf253e2787561fe1e66c1","name":"Anastasiia Lutsenko","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/tubikstudio.com\/blog\/#\/schema\/person\/image\/d893c1e4578c8cd7a39f393978129a25","url":"https:\/\/secure.gravatar.com\/avatar\/9c0999380ab25553a4aea6cbc2224fa5f579af8ebbef2928d1d71fd4137a77a1?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/9c0999380ab25553a4aea6cbc2224fa5f579af8ebbef2928d1d71fd4137a77a1?s=96&d=mm&r=g","caption":"Anastasiia Lutsenko"},"description":"7+ years of writing content that speaks, sells, and sticks. Raised on legendary Apple commercials and allergic to mediocrity, Anastasiia writes for products, interfaces, and campaigns that refuse to be ignored.","url":"https:\/\/tubikstudio.com\/blog\/author\/alutsenko\/"}]}},"post_mailing_queue_ids":[],"_links":{"self":[{"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/posts\/3166","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/users\/10003"}],"replies":[{"embeddable":true,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/comments?post=3166"}],"version-history":[{"count":13,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/posts\/3166\/revisions"}],"predecessor-version":[{"id":17125,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/posts\/3166\/revisions\/17125"}],"wp:attachment":[{"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/media?parent=3166"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/categories?post=3166"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/tags?post=3166"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/coauthors?post=3166"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}