{"id":127,"date":"2026-06-24T23:36:35","date_gmt":"2026-06-24T13:36:35","guid":{"rendered":"https:\/\/www.gokhanmeric.com\/blog\/ui-ux-playbook-ui-tactics\/"},"modified":"2026-06-24T23:43:26","modified_gmt":"2026-06-24T13:43:26","slug":"ui-ux-playbook-ui-tactics","status":"publish","type":"post","link":"https:\/\/www.gokhanmeric.com\/blog\/ui-ux-playbook-ui-tactics\/","title":{"rendered":"UI\/UX Playbook Part 3: UI Tactics"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">This is Part 3 of the <a href=\"https:\/\/www.gokhanmeric.com\/blog\/ui-ux-playbook-complete-framework\/\">complete UI\/UX Playbook<\/a>. With <a href=\"https:\/\/www.gokhanmeric.com\/blog\/ui-ux-playbook-ux-strategy\/\">strategy<\/a> defined, we move to the craft of the interface itself. UI tactics are the proven, approved practices we follow to identify user needs and validate them through excellent user interfaces. These are the techniques that turn a sound strategy into something users can see, touch, and use.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">General Heuristic (Intuitive) Principles<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Interaction design is the most important element supporting user experience, and it&#8217;s distilled into ten core principles known as heuristics. These were developed by Jakob Nielsen in 1994 as the most widely referenced heuristic set for interface design \u2014 not rigid rules, but general guidelines. They were further supported with practical, tactile examples by Steve Krug under the banner of usability, in his well-known work on not making users think.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The ten common design principles are:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Visibility of system status<\/li>\n<li>Match between the system and the real world<\/li>\n<li>User control and freedom<\/li>\n<li>Consistency and standards<\/li>\n<li>Error prevention<\/li>\n<li>Recognition rather than recall<\/li>\n<li>Flexibility and efficiency of use<\/li>\n<li>Aesthetic and minimalist design<\/li>\n<li>Helping users recognise, diagnose, and recover from errors<\/li>\n<li>Help and documentation<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Accessibility Design<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">&#8220;UI is what the user sees \u2014 but some users can&#8217;t see. Plan for accessibility.&#8221; Accessibility design is about committing to create experiences reachable by the widest possible audience, including individuals with various disabilities. These can span hearing, motor, vision, and cognitive ability.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Standards like 508 compliance should be applied rigorously to any experience that creates or modifies digital content. Experiences should be designed to work for all people regardless of their hardware, software, language, culture, location, or physical and mental abilities. The W3C (World Wide Web Consortium) publishes the Web Content Accessibility Guidelines to provide a common accessibility standard; other reference platforms include usability.gov and digital.gov.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Key accessibility practices from the playbook: plan for accessibility from the very start to reduce risk; you don&#8217;t have to make users suffer to make a design look good; optimise page-load time for slow connections or use techniques like lazy loading; treat standards like 508 compliance and W3C as <em>minimums<\/em> and always improve beyond them; keep evaluating new opportunities to improve accessibility; and remember that an accessible experience is a blend of design and technology \u2014 pay attention to readability, proper markup, and contrast. Accessibility connects directly to the modern WCAG 2.2 requirements discussed in the article on <a href=\"https:\/\/www.gokhanmeric.com\/blog\/ai-driven-ui-components-design-to-code-automation-sydney-2026\/\">AI-driven UI components<\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">The Grid System<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">The grid system consists of an adjustable 12-column grid with variable column widths within a fixed overall width. These columns are built so their widths can adapt across different resolutions and resolution transitions.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Consider a search form and a search-results area placed inside this grid. On a desktop, the search component might occupy 4 columns on the right while the results area occupies 8 columns, sitting side by side. On a mobile device, the same design places the search form at the top of the page with the results directly beneath it \u2014 both spanning the full 12-column width, stacked vertically. This is exactly what enables a fully responsive design foundation for every resolution.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Mobile-First Responsive Web Design<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Mobile-First Responsive Web Design (RWD) is a design approach built for the constantly changing environments of digital devices \u2014 portrait use, landscape use, variable resolutions, and so on.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Responsive Web Design is a method where content laid out in a grid is shown until it reaches a breakpoint (the point where content display would look broken), at which point it&#8217;s shifted to the next line to prevent the breakage. The Mobile-First approach designs starting from mobile resolutions and works up to desktop, for better content and design \u2014 it requires a flexible, integrated approach to design and coding across all devices.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The key benefits: provide the best experience for ever-growing mobile traffic and reach a wider audience; improve functionality and content presentation quality; access mobile-device capabilities (geolocation, touch, vibration); increase search-engine visibility; provide more accessibility; and create a common UX platform across all devices, reducing development cost.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Fat Finger, Mobile First<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">&#8220;Remember how you actually hold and touch the device.&#8221; On mobile, interactions happen with finger touches, not a cursor \u2014 so the clickable areas you design must be appropriate for touch. Research on how people hold and tap devices produces heat maps of reachable areas, from hard to easy (red\u2013yellow\u2013green), and accounting for these reachable zones is crucial in mobile design. There are distinct usage patterns: one-handed use, cradling, and two-handed use in portrait or landscape.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The concrete touch-target rules from the playbook: a mobile touch target should be <strong>9mm (34px)<\/strong> with a minimum of <strong>2mm (8px) spacing<\/strong> between elements. The smallest possible size for a clickable target is <strong>7mm (26px)<\/strong> as an optimum, with elements spaced 2mm (8px) apart within a 4.8mm (48px) area. Designing to these dimensions is what makes an interface genuinely &#8220;fat-finger friendly.&#8221;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">The Atomic Design System<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Atomic design is a methodology for creating interactive design systems. It&#8217;s not about designing a single web page or interface \u2014 it&#8217;s about building design libraries, which is really about building a design language. Its key benefits are reusable code and design, improved consistency and standards, better retention of organisational knowledge, and faster design and development of future products.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The methodology builds up in five levels:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Atoms<\/strong> \u2014 basic elements like buttons, form labels, fonts, animations, or colours. On their own they&#8217;re not very functional or useful.<\/li>\n<li><strong>Molecules<\/strong> \u2014 groups of elements that function together as a single component unit, like a search form made of a form field and a button.<\/li>\n<li><strong>Organisms<\/strong> \u2014 larger groups made of molecules and possibly atoms together. They can be built from similar or different groups \u2014 for example, a header made of a logo area, a listing area, and a search form.<\/li>\n<li><strong>Templates<\/strong> \u2014 mostly organisms brought together to create page-level objects. Templates focus on content <em>structure<\/em> (character length, image size) rather than real content.<\/li>\n<li><strong>Pages<\/strong> \u2014 finalised instances of content built from specific templates. This final form is like an ecosystem of organisms, molecules, and elements \u2014 and thanks to atomic design, it can be changed and edited retroactively with great speed and flexibility.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">The atomic design philosophy rests on creating repeatable UX interaction patterns and organising them into clusters that allow flexibility on a consistent, responsive grid structure: UX patterns are defined and repeated for similar user actions; designed on a responsive grid so they adapt to every platform; and turned into templates that are easy to apply and change when needed. This is the conceptual backbone of any modern design system \u2014 a topic I cover in practice in <a href=\"https:\/\/www.gokhanmeric.com\/blog\/building-scalable-design-system-figma-lessons-enterprise-startup\/\">building a scalable design system in Figma<\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">UI Tactics Summary<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">The UI is what a user sees \u2014 but not all users can see, so plan for accessibility from the start. Understand the ten usability heuristics and design without ignoring them, while using usability testing to validate. Use a mobile-first approach when planning a responsive experience, and use animations to create meaningful transitions. Build for future iterations by creating components \u2014 not just pages \u2014 with an atomic design system, and create reusable code and design structures to maximise design efficiency.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><em>Previous: <a href=\"https:\/\/www.gokhanmeric.com\/blog\/ui-ux-playbook-ux-strategy\/\">\u2190 Part 2 \u2014 UX Strategy<\/a> \u00b7 Next: <a href=\"https:\/\/www.gokhanmeric.com\/blog\/ui-ux-playbook-ux-governance\/\">Part 4 \u2014 UX Governance \u2192<\/a><\/em><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><em>Part of the <a href=\"https:\/\/www.gokhanmeric.com\/blog\/ui-ux-playbook-complete-framework\/\">complete UI\/UX Playbook<\/a>, developed and authored by G\u00f6khan Meri\u00e7. <a href=\"https:\/\/www.gokhanmeric.com\/#contact\">Get in touch.<\/a><\/em><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Part 3 of the UI\/UX Playbook: UI tactics \u2014 Nielsen&#8217;s 10 usability heuristics, accessibility design, the 12-column grid system, mobile-first responsive design, the fat-finger touch-target rules (9mm\/34px), and the atomic design system methodology.<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[112],"tags":[119,32,118,115,92,72],"class_list":["post-127","post","type-post","status-publish","format-standard","hentry","category-ui-ux-playbook","tag-atomic-design","tag-design-systems","tag-nielsen-heuristics","tag-ui-tactics","tag-visual-design","tag-wcag-accessibility"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.9 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>UI\/UX Playbook Part 3: UI Tactics | G\u00f6khan Meri\u00e7<\/title>\n<meta name=\"description\" content=\"Part 3 of the UI\/UX Playbook: UI tactics \u2014 Nielsen&#039;s 10 heuristics, accessibility design, the 12-column grid, mobile-first responsive design, fat-finger touch targets, and atomic design.\" \/>\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.gokhanmeric.com\/blog\/ui-ux-playbook-ui-tactics\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"UI\/UX Playbook Part 3: UI Tactics | G\u00f6khan Meri\u00e7\" \/>\n<meta property=\"og:description\" content=\"The craft of the interface: Nielsen&#039;s heuristics, accessibility, grid systems, mobile-first responsive design, touch-target rules, and atomic design.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.gokhanmeric.com\/blog\/ui-ux-playbook-ui-tactics\/\" \/>\n<meta property=\"og:site_name\" content=\"G\u00f6khan Meri\u00e7\" \/>\n<meta property=\"article:published_time\" content=\"2026-06-24T13:36:35+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-06-24T13:43:26+00:00\" \/>\n<meta name=\"author\" content=\"admin\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:title\" content=\"UI\/UX Playbook Part 3: UI Tactics\" \/>\n<meta name=\"twitter:description\" content=\"UI tactics: Nielsen&#039;s heuristics, accessibility, grids, mobile-first responsive design, touch targets, and atomic design.\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"admin\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.gokhanmeric.com\\\/blog\\\/ui-ux-playbook-ui-tactics\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.gokhanmeric.com\\\/blog\\\/ui-ux-playbook-ui-tactics\\\/\"},\"author\":{\"name\":\"admin\",\"@id\":\"https:\\\/\\\/www.gokhanmeric.com\\\/blog\\\/#\\\/schema\\\/person\\\/9b8dc2c7ea80d8c610a72ef42dc4aca9\"},\"headline\":\"UI\\\/UX Playbook Part 3: UI Tactics\",\"datePublished\":\"2026-06-24T13:36:35+00:00\",\"dateModified\":\"2026-06-24T13:43:26+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.gokhanmeric.com\\\/blog\\\/ui-ux-playbook-ui-tactics\\\/\"},\"wordCount\":1198,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/www.gokhanmeric.com\\\/blog\\\/#organization\"},\"keywords\":[\"Atomic Design\",\"Design Systems\",\"Nielsen Heuristics\",\"UI Tactics\",\"Visual Design\",\"WCAG 2.2 Accessibility\"],\"articleSection\":[\"UI\\\/UX Playbook\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.gokhanmeric.com\\\/blog\\\/ui-ux-playbook-ui-tactics\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.gokhanmeric.com\\\/blog\\\/ui-ux-playbook-ui-tactics\\\/\",\"url\":\"https:\\\/\\\/www.gokhanmeric.com\\\/blog\\\/ui-ux-playbook-ui-tactics\\\/\",\"name\":\"UI\\\/UX Playbook Part 3: UI Tactics | G\u00f6khan Meri\u00e7\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.gokhanmeric.com\\\/blog\\\/#website\"},\"datePublished\":\"2026-06-24T13:36:35+00:00\",\"dateModified\":\"2026-06-24T13:43:26+00:00\",\"description\":\"Part 3 of the UI\\\/UX Playbook: UI tactics \u2014 Nielsen's 10 heuristics, accessibility design, the 12-column grid, mobile-first responsive design, fat-finger touch targets, and atomic design.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.gokhanmeric.com\\\/blog\\\/ui-ux-playbook-ui-tactics\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.gokhanmeric.com\\\/blog\\\/ui-ux-playbook-ui-tactics\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.gokhanmeric.com\\\/blog\\\/ui-ux-playbook-ui-tactics\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.gokhanmeric.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"UI\\\/UX Playbook Part 3: UI Tactics\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.gokhanmeric.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.gokhanmeric.com\\\/blog\\\/\",\"name\":\"G\u00f6khan Meri\u00e7\",\"description\":\"UI\\\/UX Architect Life Time Learning Blog\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.gokhanmeric.com\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.gokhanmeric.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.gokhanmeric.com\\\/blog\\\/#organization\",\"name\":\"G\u00f6khan Meri\u00e7\",\"url\":\"https:\\\/\\\/www.gokhanmeric.com\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.gokhanmeric.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.gokhanmeric.com\\\/blog\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/favicon.png\",\"contentUrl\":\"https:\\\/\\\/www.gokhanmeric.com\\\/blog\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/favicon.png\",\"width\":32,\"height\":32,\"caption\":\"G\u00f6khan Meri\u00e7\"},\"image\":{\"@id\":\"https:\\\/\\\/www.gokhanmeric.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.linkedin.com\\\/in\\\/uiuxarchitect\\\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.gokhanmeric.com\\\/blog\\\/#\\\/schema\\\/person\\\/9b8dc2c7ea80d8c610a72ef42dc4aca9\",\"name\":\"admin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/8439acf748590a4afa155328572ffc08bf622937145359ef69d5845681ea0229?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/8439acf748590a4afa155328572ffc08bf622937145359ef69d5845681ea0229?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/8439acf748590a4afa155328572ffc08bf622937145359ef69d5845681ea0229?s=96&d=mm&r=g\",\"caption\":\"admin\"},\"sameAs\":[\"https:\\\/\\\/www.gokhanmeric.com\\\/blog\",\"https:\\\/\\\/www.linkedin.com\\\/in\\\/uiuxarchitect\"],\"url\":\"https:\\\/\\\/www.gokhanmeric.com\\\/blog\\\/author\\\/admin\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"UI\/UX Playbook Part 3: UI Tactics | G\u00f6khan Meri\u00e7","description":"Part 3 of the UI\/UX Playbook: UI tactics \u2014 Nielsen's 10 heuristics, accessibility design, the 12-column grid, mobile-first responsive design, fat-finger touch targets, and atomic design.","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.gokhanmeric.com\/blog\/ui-ux-playbook-ui-tactics\/","og_locale":"en_US","og_type":"article","og_title":"UI\/UX Playbook Part 3: UI Tactics | G\u00f6khan Meri\u00e7","og_description":"The craft of the interface: Nielsen's heuristics, accessibility, grid systems, mobile-first responsive design, touch-target rules, and atomic design.","og_url":"https:\/\/www.gokhanmeric.com\/blog\/ui-ux-playbook-ui-tactics\/","og_site_name":"G\u00f6khan Meri\u00e7","article_published_time":"2026-06-24T13:36:35+00:00","article_modified_time":"2026-06-24T13:43:26+00:00","author":"admin","twitter_card":"summary_large_image","twitter_title":"UI\/UX Playbook Part 3: UI Tactics","twitter_description":"UI tactics: Nielsen's heuristics, accessibility, grids, mobile-first responsive design, touch targets, and atomic design.","twitter_misc":{"Written by":"admin","Est. reading time":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.gokhanmeric.com\/blog\/ui-ux-playbook-ui-tactics\/#article","isPartOf":{"@id":"https:\/\/www.gokhanmeric.com\/blog\/ui-ux-playbook-ui-tactics\/"},"author":{"name":"admin","@id":"https:\/\/www.gokhanmeric.com\/blog\/#\/schema\/person\/9b8dc2c7ea80d8c610a72ef42dc4aca9"},"headline":"UI\/UX Playbook Part 3: UI Tactics","datePublished":"2026-06-24T13:36:35+00:00","dateModified":"2026-06-24T13:43:26+00:00","mainEntityOfPage":{"@id":"https:\/\/www.gokhanmeric.com\/blog\/ui-ux-playbook-ui-tactics\/"},"wordCount":1198,"commentCount":0,"publisher":{"@id":"https:\/\/www.gokhanmeric.com\/blog\/#organization"},"keywords":["Atomic Design","Design Systems","Nielsen Heuristics","UI Tactics","Visual Design","WCAG 2.2 Accessibility"],"articleSection":["UI\/UX Playbook"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.gokhanmeric.com\/blog\/ui-ux-playbook-ui-tactics\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.gokhanmeric.com\/blog\/ui-ux-playbook-ui-tactics\/","url":"https:\/\/www.gokhanmeric.com\/blog\/ui-ux-playbook-ui-tactics\/","name":"UI\/UX Playbook Part 3: UI Tactics | G\u00f6khan Meri\u00e7","isPartOf":{"@id":"https:\/\/www.gokhanmeric.com\/blog\/#website"},"datePublished":"2026-06-24T13:36:35+00:00","dateModified":"2026-06-24T13:43:26+00:00","description":"Part 3 of the UI\/UX Playbook: UI tactics \u2014 Nielsen's 10 heuristics, accessibility design, the 12-column grid, mobile-first responsive design, fat-finger touch targets, and atomic design.","breadcrumb":{"@id":"https:\/\/www.gokhanmeric.com\/blog\/ui-ux-playbook-ui-tactics\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.gokhanmeric.com\/blog\/ui-ux-playbook-ui-tactics\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.gokhanmeric.com\/blog\/ui-ux-playbook-ui-tactics\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.gokhanmeric.com\/blog\/"},{"@type":"ListItem","position":2,"name":"UI\/UX Playbook Part 3: UI Tactics"}]},{"@type":"WebSite","@id":"https:\/\/www.gokhanmeric.com\/blog\/#website","url":"https:\/\/www.gokhanmeric.com\/blog\/","name":"G\u00f6khan Meri\u00e7","description":"UI\/UX Architect Life Time Learning Blog","publisher":{"@id":"https:\/\/www.gokhanmeric.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.gokhanmeric.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.gokhanmeric.com\/blog\/#organization","name":"G\u00f6khan Meri\u00e7","url":"https:\/\/www.gokhanmeric.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.gokhanmeric.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.gokhanmeric.com\/blog\/wp-content\/uploads\/2026\/06\/favicon.png","contentUrl":"https:\/\/www.gokhanmeric.com\/blog\/wp-content\/uploads\/2026\/06\/favicon.png","width":32,"height":32,"caption":"G\u00f6khan Meri\u00e7"},"image":{"@id":"https:\/\/www.gokhanmeric.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.linkedin.com\/in\/uiuxarchitect\/"]},{"@type":"Person","@id":"https:\/\/www.gokhanmeric.com\/blog\/#\/schema\/person\/9b8dc2c7ea80d8c610a72ef42dc4aca9","name":"admin","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/8439acf748590a4afa155328572ffc08bf622937145359ef69d5845681ea0229?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/8439acf748590a4afa155328572ffc08bf622937145359ef69d5845681ea0229?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/8439acf748590a4afa155328572ffc08bf622937145359ef69d5845681ea0229?s=96&d=mm&r=g","caption":"admin"},"sameAs":["https:\/\/www.gokhanmeric.com\/blog","https:\/\/www.linkedin.com\/in\/uiuxarchitect"],"url":"https:\/\/www.gokhanmeric.com\/blog\/author\/admin\/"}]}},"_links":{"self":[{"href":"https:\/\/www.gokhanmeric.com\/blog\/wp-json\/wp\/v2\/posts\/127","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.gokhanmeric.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.gokhanmeric.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.gokhanmeric.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.gokhanmeric.com\/blog\/wp-json\/wp\/v2\/comments?post=127"}],"version-history":[{"count":2,"href":"https:\/\/www.gokhanmeric.com\/blog\/wp-json\/wp\/v2\/posts\/127\/revisions"}],"predecessor-version":[{"id":139,"href":"https:\/\/www.gokhanmeric.com\/blog\/wp-json\/wp\/v2\/posts\/127\/revisions\/139"}],"wp:attachment":[{"href":"https:\/\/www.gokhanmeric.com\/blog\/wp-json\/wp\/v2\/media?parent=127"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.gokhanmeric.com\/blog\/wp-json\/wp\/v2\/categories?post=127"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.gokhanmeric.com\/blog\/wp-json\/wp\/v2\/tags?post=127"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}