{"id":143,"date":"2015-08-20T11:52:44","date_gmt":"2015-08-20T09:52:44","guid":{"rendered":"https:\/\/www.visionconnect.de\/blog\/?p=143"},"modified":"2015-11-24T10:24:58","modified_gmt":"2015-11-24T09:24:58","slug":"vom-wireframe-uebers-mockup-zum-design","status":"publish","type":"post","link":"https:\/\/www.visionconnect.de\/blog\/2015\/vom-wireframe-uebers-mockup-zum-design\/","title":{"rendered":"Webdesign – vom Wireframe zum Mockup"},"content":{"rendered":"

Design ist mehr als nur bunte Bilder. Der Designprozess durchl\u00e4uft mehrere Schritte, um die Qualit\u00e4t, Benutzerf\u00fchrung und den \u201eJoy-of-use\u201c im gesamten Prozess durchg\u00e4ngig hoch zu halten.<\/p>\n

H\u00e4ufig wird erwartet, das zu einer ersten Pr\u00e4sentation beim Kunden schon fertige, farbige Entw\u00fcrfe durch die Designabteilung geliefert werden. Doch um einen qualitativ hochwertigen Entwurf zu liefern, m\u00fcssen folgende Prozesse durchlaufen werden:<\/p>\n

Workshop zu den Zielen der Website<\/h2>\n

In Zusammenarbeit mit Marketingexperten, der Designabteilung und dem Webdevelopment werden wichtige Zielgruppen, Funktionen und Anwendungen gekl\u00e4rt, die sp\u00e4ter die Corporate Website, die Kampagnensite oder das Intranet abdecken soll.<\/p>\n

Dabei werden den Webdesignern Informationen zur Corporate Identity und zum Corporate Design des Unternehmens zur Verf\u00fcgung gestellt.<\/p>\n

Auf Basis der Informationen aus dem Workshop und dem CI\/CD kann dann von den Webdesignern eine erste funktionale Studie in Form von einfachen Wireframes erstellt werden.<\/p>\n

Wireframes<\/h2>\n
\"Wireframe\"<\/a>
Wireframes dienen der Strukturierung<\/figcaption><\/figure>\n

Mit Hilfe der Wireframes werden alle funktionalen Bereiche der Webseite festgelegt. Hierbei geht es nicht um die optische Anmutung der Webseite, gleichwohl die Aufteilung oder das zugrunde gelegt Raster hier schon ber\u00fccksichtig werden und sp\u00e4ter die Grundlage f\u00fcr die zuk\u00fcnftige Webseite bilden.<\/p>\n

Die Aufgabe des Webdesigners hat sich in den letzten Jahren von der reinen Darstellung einer fertigen Website zu einer Anwendungsentwicklung gewandelt. Der Nutzer erwartet heute eine hohe Funktionalit\u00e4t und eine leicht verst\u00e4ndliche Benutzerf\u00fchrung.<\/p>\n

All diese Punkte k\u00f6nnen im Rahmen des Wireframings erarbeitet werden und in einer ersten Pr\u00e4sentation mit dem Kunden besprochen werden.<\/p>\n

Kein Rot ist hier zu rot, kein Blau zu dunkel oder hell. Keine Farben lenken im Wireframe von der eigentlichen Funktion der Webseite ab.<\/p>\n

Interaktionsmodelle<\/h2>\n
\"Interaktionskonzept\"<\/a>
Interaktionsmodelle helfen bei der Usability<\/figcaption><\/figure>\n

Bei komplexeren Funktionen auf Webseiten werden spezielle Interaktionsdesigner in den Prozess mit einbezogen. Mit Ihrer Hilfe werden Prozesse der Webseite in schriftlicher Form, als Diagramme oder als interaktive Wireframes aufbereitet. Ein typisches Beispiel hierf\u00fcr, wo so etwas notwendig wird, ist ein Bestellvorgang f\u00fcr ein Produkt. Mit Hilfe eines interaktiven Wireframes oder HTML-Prototypen k\u00f6nnen u.a. folgende Fragen gekl\u00e4rt werden:<\/p>\n

 <\/p>\n

    \n
  • \n

    Wie findet die Auswahl der Produkte statt?<\/p>\n<\/li>\n

  • \n

    Was passiert beim Ausf\u00fcllen von Feldern?<\/p>\n<\/li>\n

  • \n

    Wie kann ich die Bestellung ver\u00e4ndern?<\/p>\n<\/li>\n

  • \n

    Welche R\u00fcckmeldungen erh\u00e4lt der Nutzer bei fehlerhaften Eingaben und wann?<\/p>\n<\/li>\n

  • \n

    Was passiert beim Absenden der Bestellung?<\/p>\n<\/li>\n

  • \n

    Wie und welche R\u00fcckmeldungen erh\u00e4lt der Nutzer?<\/p>\n<\/li>\n

  • \n

    \u2026<\/p>\n<\/li>\n<\/ul>\n

    Steht das Interaktionsmodell, ist es ratsam, einen Usability-Test durchzuf\u00fchren. Hierbei werden M\u00e4ngel in der Benutzerf\u00fchrung oder fehlende Informationen aufgedeckt. Usability-Tests sind ein wesentlicher Bestandteil des gesamten Designprozesses und f\u00fchren zu erh\u00f6hter Akzeptanz der Website und auch zu einer h\u00f6heren Konversionsrate.<\/p>\n

    MockUp<\/h2>\n

    Jetzt kommt die Farbe mit ins Spiel. Nun findet der eigentliche Entwurf der Website statt, immer unter Ber\u00fccksichtigung des CI\/CD des Unternehmens. Die Entw\u00fcrfe werden in Form von Grafiken – eben den „MockUps“ – dem Unternehmen zur finalen Abstimmung pr\u00e4sentiert.<\/p>\n

    Danach erfolgt meistens eine Korrekturphase.<\/p>\n

    Das erste MockUp der Website kann zus\u00e4tzlich in Form eines HTML-Prototypen programmiert und f\u00fcr einen weiteren Usabiltiy-Test genutzt werden. Grade auf den \u201eletzten Metern\u201c will man sich ja keinen Fehler erlauben. Eine gute Konversionsrate der Website basiert auf einem durchg\u00e4ngig guten Designprozess.<\/p>\n","protected":false},"excerpt":{"rendered":"

    Der Webdesignprozess durchl\u00e4uft vom Konzept \u00fcber Wireframes bis zum Mockup mehrere Schritte, um die Qualit\u00e4t, Benutzerf\u00fchrung und den \u201eJoy-of-use\u201c im gesamten Prozess durchg\u00e4ngig hoch zu halten.<\/p>\n","protected":false},"author":6,"featured_media":426,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"activitypub_content_warning":"","activitypub_content_visibility":"","activitypub_max_image_attachments":3,"activitypub_interaction_policy_quote":"anyone","activitypub_status":"","footnotes":""},"categories":[1],"tags":[15],"class_list":["post-143","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-design","tag-marketing"],"yoast_head":"\nWebdesign - vom Wireframe zum Mockup - VisionConnect: TYPO3 CMS, Wordpress, Shops - Ihre Agentur in Hannover<\/title>\n<meta name=\"description\" content=\"Vom Konzept \u00fcber das Wireframe zum Mockup \u2013 eine Prozesserkl\u00e4rung\" \/>\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.visionconnect.de\/blog\/2015\/vom-wireframe-uebers-mockup-zum-design\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Webdesign: Konzept \u00fcber das Wireframe zum Mockup \u2013 eine Prozesserkl\u00e4rung\" \/>\n<meta property=\"og:description\" content=\"Design ist mehr als nur bunte Bilder. Der Designprozess durchl\u00e4uft mehrere Schritte, um die Qualit\u00e4t, Benutzerf\u00fchrung und den \u201eJoy-of-use\u201c im gesamten Prozess durchg\u00e4ngig hoch zu halten.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.visionconnect.de\/blog\/2015\/vom-wireframe-uebers-mockup-zum-design\/\" \/>\n<meta property=\"og:site_name\" content=\"VisionConnect GmbH Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/VisionConnectGmbH\" \/>\n<meta property=\"article:author\" content=\"www.facebook.com\/Y.Scherzer\" \/>\n<meta property=\"article:published_time\" content=\"2015-08-20T09:52:44+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2015-11-24T09:24:58+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.visionconnect.de\/blog\/wp-content\/uploads\/2015\/08\/design-webdesign-vom-wireframe-zum-mockup-soc1.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"590\" \/>\n\t<meta property=\"og:image:height\" content=\"331\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Yvonne Scherzer\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:title\" content=\"Webdesign: Konzept \u00fcber das Wireframe zum Mockup \u2013 eine Prozesserkl\u00e4rung\" \/>\n<meta name=\"twitter:description\" content=\"Design ist mehr als nur bunte Bilder. Der Designprozess durchl\u00e4uft mehrere Schritte, um die Qualit\u00e4t, Benutzerf\u00fchrung und den \u201eJoy-of-use\u201c im gesamten Prozess durchg\u00e4ngig hoch zu halten.\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/www.visionconnect.de\/blog\/wp-content\/uploads\/2015\/08\/design-webdesign-vom-wireframe-zum-mockup-soc1.jpg\" \/>\n<meta name=\"twitter:creator\" content=\"@elbeallee\" \/>\n<meta name=\"twitter:site\" content=\"@visionconnect\" \/>\n<meta name=\"twitter:label1\" content=\"Geschrieben von\" \/>\n\t<meta name=\"twitter:data1\" content=\"Yvonne Scherzer\" \/>\n\t<meta name=\"twitter:label2\" content=\"Gesch\u00e4tzte Lesezeit\" \/>\n\t<meta name=\"twitter:data2\" content=\"3\u00a0Minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.visionconnect.de\\\/blog\\\/2015\\\/vom-wireframe-uebers-mockup-zum-design\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.visionconnect.de\\\/blog\\\/2015\\\/vom-wireframe-uebers-mockup-zum-design\\\/\"},\"author\":{\"name\":\"Yvonne Scherzer\",\"@id\":\"https:\\\/\\\/www.visionconnect.de\\\/blog\\\/#\\\/schema\\\/person\\\/a82b6a4e5ceec47e4e9fddf6d9a8ceba\"},\"headline\":\"Webdesign – vom Wireframe zum Mockup\",\"datePublished\":\"2015-08-20T09:52:44+00:00\",\"dateModified\":\"2015-11-24T09:24:58+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.visionconnect.de\\\/blog\\\/2015\\\/vom-wireframe-uebers-mockup-zum-design\\\/\"},\"wordCount\":559,\"commentCount\":2,\"image\":{\"@id\":\"https:\\\/\\\/www.visionconnect.de\\\/blog\\\/2015\\\/vom-wireframe-uebers-mockup-zum-design\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.visionconnect.de\\\/blog\\\/wp-content\\\/uploads\\\/2015\\\/08\\\/design-webdesign-vom-wireframe-zum-mockup1.jpg\",\"keywords\":[\"Marketing\"],\"articleSection\":[\"Design\"],\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.visionconnect.de\\\/blog\\\/2015\\\/vom-wireframe-uebers-mockup-zum-design\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.visionconnect.de\\\/blog\\\/2015\\\/vom-wireframe-uebers-mockup-zum-design\\\/\",\"url\":\"https:\\\/\\\/www.visionconnect.de\\\/blog\\\/2015\\\/vom-wireframe-uebers-mockup-zum-design\\\/\",\"name\":\"Webdesign - vom Wireframe zum Mockup - VisionConnect: TYPO3 CMS, Wordpress, Shops - Ihre Agentur in Hannover\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.visionconnect.de\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.visionconnect.de\\\/blog\\\/2015\\\/vom-wireframe-uebers-mockup-zum-design\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.visionconnect.de\\\/blog\\\/2015\\\/vom-wireframe-uebers-mockup-zum-design\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.visionconnect.de\\\/blog\\\/wp-content\\\/uploads\\\/2015\\\/08\\\/design-webdesign-vom-wireframe-zum-mockup1.jpg\",\"datePublished\":\"2015-08-20T09:52:44+00:00\",\"dateModified\":\"2015-11-24T09:24:58+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.visionconnect.de\\\/blog\\\/#\\\/schema\\\/person\\\/a82b6a4e5ceec47e4e9fddf6d9a8ceba\"},\"description\":\"Vom Konzept \u00fcber das Wireframe zum Mockup \u2013 eine Prozesserkl\u00e4rung\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.visionconnect.de\\\/blog\\\/2015\\\/vom-wireframe-uebers-mockup-zum-design\\\/#breadcrumb\"},\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.visionconnect.de\\\/blog\\\/2015\\\/vom-wireframe-uebers-mockup-zum-design\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\\\/\\\/www.visionconnect.de\\\/blog\\\/2015\\\/vom-wireframe-uebers-mockup-zum-design\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.visionconnect.de\\\/blog\\\/wp-content\\\/uploads\\\/2015\\\/08\\\/design-webdesign-vom-wireframe-zum-mockup1.jpg\",\"contentUrl\":\"https:\\\/\\\/www.visionconnect.de\\\/blog\\\/wp-content\\\/uploads\\\/2015\\\/08\\\/design-webdesign-vom-wireframe-zum-mockup1.jpg\",\"width\":1080,\"height\":407,\"caption\":\"Design Webdesign vom Wireframe zum Mockup\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.visionconnect.de\\\/blog\\\/2015\\\/vom-wireframe-uebers-mockup-zum-design\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.visionconnect.de\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Webdesign – vom Wireframe zum Mockup\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.visionconnect.de\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.visionconnect.de\\\/blog\\\/\",\"name\":\"VisionConnect GmbH Blog\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.visionconnect.de\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"de\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.visionconnect.de\\\/blog\\\/#\\\/schema\\\/person\\\/a82b6a4e5ceec47e4e9fddf6d9a8ceba\",\"name\":\"Yvonne Scherzer\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/7d64f53d285da0cf54ed03465146356a309226e1d76fd837c8cdf6095821bc6c?s=96&d=mm&r=pg\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/7d64f53d285da0cf54ed03465146356a309226e1d76fd837c8cdf6095821bc6c?s=96&d=mm&r=pg\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/7d64f53d285da0cf54ed03465146356a309226e1d76fd837c8cdf6095821bc6c?s=96&d=mm&r=pg\",\"caption\":\"Yvonne Scherzer\"},\"description\":\"Seit mehr als 15 Jahren arbeite ich als Webdesignerin bei VisionConnect GmbH. Eine Aufgabe, die sehr vielf\u00e4ltig ist und wirklich Spa\u00df macht. Neben der virtuellen Arbeit tausche ich in meiner Freizeit gerne Monitor gegen Pinsel und Staffelei.\",\"sameAs\":[\"http:\\\/\\\/www.visionconnect.de\",\"www.facebook.com\\\/Y.Scherzer\",\"https:\\\/\\\/x.com\\\/elbeallee\"],\"url\":\"https:\\\/\\\/www.visionconnect.de\\\/blog\\\/author\\\/scherzer\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Webdesign - vom Wireframe zum Mockup - VisionConnect: TYPO3 CMS, Wordpress, Shops - Ihre Agentur in Hannover","description":"Vom Konzept \u00fcber das Wireframe zum Mockup \u2013 eine Prozesserkl\u00e4rung","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.visionconnect.de\/blog\/2015\/vom-wireframe-uebers-mockup-zum-design\/","og_locale":"de_DE","og_type":"article","og_title":"Webdesign: Konzept \u00fcber das Wireframe zum Mockup \u2013 eine Prozesserkl\u00e4rung","og_description":"Design ist mehr als nur bunte Bilder. Der Designprozess durchl\u00e4uft mehrere Schritte, um die Qualit\u00e4t, Benutzerf\u00fchrung und den \u201eJoy-of-use\u201c im gesamten Prozess durchg\u00e4ngig hoch zu halten.","og_url":"https:\/\/www.visionconnect.de\/blog\/2015\/vom-wireframe-uebers-mockup-zum-design\/","og_site_name":"VisionConnect GmbH Blog","article_publisher":"https:\/\/www.facebook.com\/VisionConnectGmbH","article_author":"www.facebook.com\/Y.Scherzer","article_published_time":"2015-08-20T09:52:44+00:00","article_modified_time":"2015-11-24T09:24:58+00:00","og_image":[{"width":590,"height":331,"url":"https:\/\/www.visionconnect.de\/blog\/wp-content\/uploads\/2015\/08\/design-webdesign-vom-wireframe-zum-mockup-soc1.jpg","type":"image\/jpeg"}],"author":"Yvonne Scherzer","twitter_card":"summary_large_image","twitter_title":"Webdesign: Konzept \u00fcber das Wireframe zum Mockup \u2013 eine Prozesserkl\u00e4rung","twitter_description":"Design ist mehr als nur bunte Bilder. Der Designprozess durchl\u00e4uft mehrere Schritte, um die Qualit\u00e4t, Benutzerf\u00fchrung und den \u201eJoy-of-use\u201c im gesamten Prozess durchg\u00e4ngig hoch zu halten.","twitter_image":"https:\/\/www.visionconnect.de\/blog\/wp-content\/uploads\/2015\/08\/design-webdesign-vom-wireframe-zum-mockup-soc1.jpg","twitter_creator":"@elbeallee","twitter_site":"@visionconnect","twitter_misc":{"Geschrieben von":"Yvonne Scherzer","Gesch\u00e4tzte Lesezeit":"3\u00a0Minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.visionconnect.de\/blog\/2015\/vom-wireframe-uebers-mockup-zum-design\/#article","isPartOf":{"@id":"https:\/\/www.visionconnect.de\/blog\/2015\/vom-wireframe-uebers-mockup-zum-design\/"},"author":{"name":"Yvonne Scherzer","@id":"https:\/\/www.visionconnect.de\/blog\/#\/schema\/person\/a82b6a4e5ceec47e4e9fddf6d9a8ceba"},"headline":"Webdesign – vom Wireframe zum Mockup","datePublished":"2015-08-20T09:52:44+00:00","dateModified":"2015-11-24T09:24:58+00:00","mainEntityOfPage":{"@id":"https:\/\/www.visionconnect.de\/blog\/2015\/vom-wireframe-uebers-mockup-zum-design\/"},"wordCount":559,"commentCount":2,"image":{"@id":"https:\/\/www.visionconnect.de\/blog\/2015\/vom-wireframe-uebers-mockup-zum-design\/#primaryimage"},"thumbnailUrl":"https:\/\/www.visionconnect.de\/blog\/wp-content\/uploads\/2015\/08\/design-webdesign-vom-wireframe-zum-mockup1.jpg","keywords":["Marketing"],"articleSection":["Design"],"inLanguage":"de","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.visionconnect.de\/blog\/2015\/vom-wireframe-uebers-mockup-zum-design\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.visionconnect.de\/blog\/2015\/vom-wireframe-uebers-mockup-zum-design\/","url":"https:\/\/www.visionconnect.de\/blog\/2015\/vom-wireframe-uebers-mockup-zum-design\/","name":"Webdesign - vom Wireframe zum Mockup - VisionConnect: TYPO3 CMS, Wordpress, Shops - Ihre Agentur in Hannover","isPartOf":{"@id":"https:\/\/www.visionconnect.de\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.visionconnect.de\/blog\/2015\/vom-wireframe-uebers-mockup-zum-design\/#primaryimage"},"image":{"@id":"https:\/\/www.visionconnect.de\/blog\/2015\/vom-wireframe-uebers-mockup-zum-design\/#primaryimage"},"thumbnailUrl":"https:\/\/www.visionconnect.de\/blog\/wp-content\/uploads\/2015\/08\/design-webdesign-vom-wireframe-zum-mockup1.jpg","datePublished":"2015-08-20T09:52:44+00:00","dateModified":"2015-11-24T09:24:58+00:00","author":{"@id":"https:\/\/www.visionconnect.de\/blog\/#\/schema\/person\/a82b6a4e5ceec47e4e9fddf6d9a8ceba"},"description":"Vom Konzept \u00fcber das Wireframe zum Mockup \u2013 eine Prozesserkl\u00e4rung","breadcrumb":{"@id":"https:\/\/www.visionconnect.de\/blog\/2015\/vom-wireframe-uebers-mockup-zum-design\/#breadcrumb"},"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.visionconnect.de\/blog\/2015\/vom-wireframe-uebers-mockup-zum-design\/"]}]},{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/www.visionconnect.de\/blog\/2015\/vom-wireframe-uebers-mockup-zum-design\/#primaryimage","url":"https:\/\/www.visionconnect.de\/blog\/wp-content\/uploads\/2015\/08\/design-webdesign-vom-wireframe-zum-mockup1.jpg","contentUrl":"https:\/\/www.visionconnect.de\/blog\/wp-content\/uploads\/2015\/08\/design-webdesign-vom-wireframe-zum-mockup1.jpg","width":1080,"height":407,"caption":"Design Webdesign vom Wireframe zum Mockup"},{"@type":"BreadcrumbList","@id":"https:\/\/www.visionconnect.de\/blog\/2015\/vom-wireframe-uebers-mockup-zum-design\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.visionconnect.de\/blog\/"},{"@type":"ListItem","position":2,"name":"Webdesign – vom Wireframe zum Mockup"}]},{"@type":"WebSite","@id":"https:\/\/www.visionconnect.de\/blog\/#website","url":"https:\/\/www.visionconnect.de\/blog\/","name":"VisionConnect GmbH Blog","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.visionconnect.de\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"de"},{"@type":"Person","@id":"https:\/\/www.visionconnect.de\/blog\/#\/schema\/person\/a82b6a4e5ceec47e4e9fddf6d9a8ceba","name":"Yvonne Scherzer","image":{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/secure.gravatar.com\/avatar\/7d64f53d285da0cf54ed03465146356a309226e1d76fd837c8cdf6095821bc6c?s=96&d=mm&r=pg","url":"https:\/\/secure.gravatar.com\/avatar\/7d64f53d285da0cf54ed03465146356a309226e1d76fd837c8cdf6095821bc6c?s=96&d=mm&r=pg","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/7d64f53d285da0cf54ed03465146356a309226e1d76fd837c8cdf6095821bc6c?s=96&d=mm&r=pg","caption":"Yvonne Scherzer"},"description":"Seit mehr als 15 Jahren arbeite ich als Webdesignerin bei VisionConnect GmbH. Eine Aufgabe, die sehr vielf\u00e4ltig ist und wirklich Spa\u00df macht. Neben der virtuellen Arbeit tausche ich in meiner Freizeit gerne Monitor gegen Pinsel und Staffelei.","sameAs":["http:\/\/www.visionconnect.de","www.facebook.com\/Y.Scherzer","https:\/\/x.com\/elbeallee"],"url":"https:\/\/www.visionconnect.de\/blog\/author\/scherzer\/"}]}},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/www.visionconnect.de\/blog\/wp-json\/wp\/v2\/posts\/143","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.visionconnect.de\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.visionconnect.de\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.visionconnect.de\/blog\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/www.visionconnect.de\/blog\/wp-json\/wp\/v2\/comments?post=143"}],"version-history":[{"count":14,"href":"https:\/\/www.visionconnect.de\/blog\/wp-json\/wp\/v2\/posts\/143\/revisions"}],"predecessor-version":[{"id":259,"href":"https:\/\/www.visionconnect.de\/blog\/wp-json\/wp\/v2\/posts\/143\/revisions\/259"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.visionconnect.de\/blog\/wp-json\/wp\/v2\/media\/426"}],"wp:attachment":[{"href":"https:\/\/www.visionconnect.de\/blog\/wp-json\/wp\/v2\/media?parent=143"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.visionconnect.de\/blog\/wp-json\/wp\/v2\/categories?post=143"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.visionconnect.de\/blog\/wp-json\/wp\/v2\/tags?post=143"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}