{"id":8138,"date":"2015-09-15T15:04:25","date_gmt":"2015-09-15T15:04:25","guid":{"rendered":"http:\/\/proxystudio.uxpin.com\/?post_type=ebooks&#038;p=8138"},"modified":"2024-05-15T01:36:02","modified_gmt":"2024-05-15T08:36:02","slug":"content-wireframes-responsive-design","status":"publish","type":"ebooks","link":"https:\/\/www.uxpin.com\/studio\/jp\/ebooks\/content-wireframes-responsive-design\/","title":{"rendered":"Content Wireframing for Responsive Design"},"content":{"rendered":"<p>Our free e-book will teach you how to start wireframing for responsive web design. We will take you step-by-step through all the concepts of what wireframing is and how it helps to make educated decisions about web design. You will also learn how content, the most important thing for the user, fits into the process.<\/p>\n<h2>Learn a 3-step process complete with a detailed tutorial.<\/h2>\n<p><em>&#8220;My students tended to focus on the wireframe as being the end game in the planning process and then spent an inordinate amount of time trying to wrestle their designs into the wireframes. What they weren\u2019t comprehending was the simple fact that RWD or designing for screens focuses on how the user will access the content.<\/em><\/p>\n<p>They couldn\u2019t understand they had no control over the user pulling out a smartphone or tablet to access the content.&#8221;<\/p>\n<h2>A comprehensive look at the process of wireframing<\/h2>\n<ul>\n<li>Lessons help you turn rough content into a responsive layout.<\/li>\n<li>Get a 3-step process for more responsive wireframes.<\/li>\n<li>See how to audit content, create visual hierarchy, and start wireframing.<\/li>\n<li>Know the different tools, methods, and processes for wireframing.<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Our free e-book will teach you how to start wireframing for responsive web design. We will take you step-by-st<\/p>\n","protected":false},"featured_media":8139,"template":"","class_list":["post-8138","ebooks","type-ebooks","status-publish","has-post-thumbnail","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v27.4 (Yoast SEO v27.5) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Content Wireframing for Responsive Design | UXPin<\/title>\n<meta name=\"description\" content=\"Free e-book teaches you how to start wireframing for responsive design. Learn a 3-step process complete with detailed tutorial.\" \/>\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.uxpin.com\/studio\/ebooks\/content-wireframes-responsive-design\/\" \/>\n<meta property=\"og:locale\" content=\"ja_JP\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Content Wireframing for Responsive Design\" \/>\n<meta property=\"og:description\" content=\"Free e-book teaches you how to start wireframing for responsive design. Learn a 3-step process complete with detailed tutorial.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.uxpin.com\/studio\/ebooks\/content-wireframes-responsive-design\/\" \/>\n<meta property=\"og:site_name\" content=\"Studio by UXPin\" \/>\n<meta property=\"article:modified_time\" content=\"2024-05-15T08:36:02+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/09\/uxpin_content_wireframing_for_responsive_design.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"674\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:title\" content=\"Content Wireframing for Responsive Design\" \/>\n<meta name=\"twitter:description\" content=\"Free e-book teaches you how to start wireframing for responsive design. Learn a 3-step process complete with detailed tutorial.\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/09\/uxpin_content_wireframing_for_responsive_design.png\" \/>\n<meta name=\"twitter:label1\" content=\"\u63a8\u5b9a\u8aad\u307f\u53d6\u308a\u6642\u9593\" \/>\n\t<meta name=\"twitter:data1\" content=\"2\u5206\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/ebooks\\\/content-wireframes-responsive-design\\\/\",\"url\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/ebooks\\\/content-wireframes-responsive-design\\\/\",\"name\":\"Content Wireframing for Responsive Design | UXPin\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/ebooks\\\/content-wireframes-responsive-design\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/ebooks\\\/content-wireframes-responsive-design\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/wp-content\\\/uploads\\\/2015\\\/09\\\/Content-Wireframing-for-Responsive-Design.png\",\"datePublished\":\"2015-09-15T15:04:25+00:00\",\"dateModified\":\"2024-05-15T08:36:02+00:00\",\"description\":\"Free e-book teaches you how to start wireframing for responsive design. Learn a 3-step process complete with detailed tutorial.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/ebooks\\\/content-wireframes-responsive-design\\\/#breadcrumb\"},\"inLanguage\":\"ja\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/ebooks\\\/content-wireframes-responsive-design\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"ja\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/ebooks\\\/content-wireframes-responsive-design\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/wp-content\\\/uploads\\\/2015\\\/09\\\/Content-Wireframing-for-Responsive-Design.png\",\"contentUrl\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/wp-content\\\/uploads\\\/2015\\\/09\\\/Content-Wireframing-for-Responsive-Design.png\",\"width\":262,\"height\":375,\"caption\":\"Content Wireframing for Responsive Design\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/ebooks\\\/content-wireframes-responsive-design\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Ebooks\",\"item\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/ebooks\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Content Wireframing for Responsive Design\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#website\",\"url\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/\",\"name\":\"Studio by UXPin\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"ja\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Content Wireframing for Responsive Design | UXPin","description":"Free e-book teaches you how to start wireframing for responsive design. Learn a 3-step process complete with detailed tutorial.","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.uxpin.com\/studio\/ebooks\/content-wireframes-responsive-design\/","og_locale":"ja_JP","og_type":"article","og_title":"Content Wireframing for Responsive Design","og_description":"Free e-book teaches you how to start wireframing for responsive design. Learn a 3-step process complete with detailed tutorial.","og_url":"https:\/\/www.uxpin.com\/studio\/ebooks\/content-wireframes-responsive-design\/","og_site_name":"Studio by UXPin","article_modified_time":"2024-05-15T08:36:02+00:00","og_image":[{"width":1200,"height":674,"url":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/09\/uxpin_content_wireframing_for_responsive_design.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_title":"Content Wireframing for Responsive Design","twitter_description":"Free e-book teaches you how to start wireframing for responsive design. Learn a 3-step process complete with detailed tutorial.","twitter_image":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/09\/uxpin_content_wireframing_for_responsive_design.png","twitter_misc":{"\u63a8\u5b9a\u8aad\u307f\u53d6\u308a\u6642\u9593":"2\u5206"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.uxpin.com\/studio\/ebooks\/content-wireframes-responsive-design\/","url":"https:\/\/www.uxpin.com\/studio\/ebooks\/content-wireframes-responsive-design\/","name":"Content Wireframing for Responsive Design | UXPin","isPartOf":{"@id":"https:\/\/www.uxpin.com\/studio\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.uxpin.com\/studio\/ebooks\/content-wireframes-responsive-design\/#primaryimage"},"image":{"@id":"https:\/\/www.uxpin.com\/studio\/ebooks\/content-wireframes-responsive-design\/#primaryimage"},"thumbnailUrl":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/09\/Content-Wireframing-for-Responsive-Design.png","datePublished":"2015-09-15T15:04:25+00:00","dateModified":"2024-05-15T08:36:02+00:00","description":"Free e-book teaches you how to start wireframing for responsive design. Learn a 3-step process complete with detailed tutorial.","breadcrumb":{"@id":"https:\/\/www.uxpin.com\/studio\/ebooks\/content-wireframes-responsive-design\/#breadcrumb"},"inLanguage":"ja","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.uxpin.com\/studio\/ebooks\/content-wireframes-responsive-design\/"]}]},{"@type":"ImageObject","inLanguage":"ja","@id":"https:\/\/www.uxpin.com\/studio\/ebooks\/content-wireframes-responsive-design\/#primaryimage","url":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/09\/Content-Wireframing-for-Responsive-Design.png","contentUrl":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/09\/Content-Wireframing-for-Responsive-Design.png","width":262,"height":375,"caption":"Content Wireframing for Responsive Design"},{"@type":"BreadcrumbList","@id":"https:\/\/www.uxpin.com\/studio\/ebooks\/content-wireframes-responsive-design\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.uxpin.com\/studio\/"},{"@type":"ListItem","position":2,"name":"Ebooks","item":"https:\/\/www.uxpin.com\/studio\/ebooks\/"},{"@type":"ListItem","position":3,"name":"Content Wireframing for Responsive Design"}]},{"@type":"WebSite","@id":"https:\/\/www.uxpin.com\/studio\/#website","url":"https:\/\/www.uxpin.com\/studio\/","name":"Studio by UXPin","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.uxpin.com\/studio\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"ja"}]}},"_links":{"self":[{"href":"https:\/\/www.uxpin.com\/studio\/jp\/wp-json\/wp\/v2\/ebooks\/8138","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.uxpin.com\/studio\/jp\/wp-json\/wp\/v2\/ebooks"}],"about":[{"href":"https:\/\/www.uxpin.com\/studio\/jp\/wp-json\/wp\/v2\/types\/ebooks"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/jp\/wp-json\/wp\/v2\/media\/8139"}],"wp:attachment":[{"href":"https:\/\/www.uxpin.com\/studio\/jp\/wp-json\/wp\/v2\/media?parent=8138"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}