{"id":35050,"date":"2022-03-11T08:31:34","date_gmt":"2022-03-11T08:31:34","guid":{"rendered":"https:\/\/g9hq0oamq8.onrocket.site\/method\/wireframing\/"},"modified":"2023-08-21T10:50:02","modified_gmt":"2023-08-21T10:50:02","slug":"wireframing","status":"publish","type":"methode","link":"https:\/\/www.innovation.wiki\/de\/method\/wireframing\/","title":{"rendered":"Wireframing"},"content":{"rendered":"

Ein Wireframe ist eine ganz simple, auf funktionale Aspekte beschr\u00e4nkte Darstellung von User Interfaces auf digitalen Ger\u00e4ten (Computern, Tablets, Smartphones oder Smartwatches). Schaltfl\u00e4chen, Navigations-Icons, Anordnungen und Anzeigen werden hier gezeigt, um damit von Test-Usern erste Feedbacks zu den Ideen einsammeln zu k\u00f6nnen.<\/p>\n

Das Ziel ist, \u00fcber diese Wireframes m\u00f6glichst schnell Funktionen und Anordnungen f\u00fcr weitere Prototypen zu bestimmen. Zum Einsatz kommen dabei meist einfache Zeichnungen auf Papier, Post-it oder Pappe.<\/p>\n

\n
\n
\n
\n

Ein Wireframe ist ein schematischer Entwurf, der definiert, welche Elemente an welchen Stellen verwendet werden und wie die Navigation zwischen den Elementen auf einzelnen oder verschiedenen Webseiten oder Screens einer Anwendung funktioniert. Den Prozess zur Erstellung eines Wireframes wird als Wireframing bezeichnet. \u00dcbersetzt hei\u00dft Wireframe \u201eDrahtger\u00fcst\u201c und kommt urspr\u00fcnglich von dem Begriff der \u201eSchneiderpuppe\u201c.<\/p>\n

Wireframing ist ein wichtiger Bestandteil des Entwicklungsprozesses von Software. Es erlaubt dem Designer die Planung des Layouts und der Interaktion mit den Schnittstellen, ohne von Farben, Schriftbild oder sogar Texten abgelenkt zu werden.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"

Visualisierung von Design und Funktion einer Anwendung im Prototyping.<\/p>\n","protected":false},"featured_media":35127,"template":"","meta":{"_surecart_dashboard_logo_width":"180px","_surecart_dashboard_show_logo":true,"_surecart_dashboard_navigation_orders":true,"_surecart_dashboard_navigation_invoices":true,"_surecart_dashboard_navigation_subscriptions":true,"_surecart_dashboard_navigation_downloads":true,"_surecart_dashboard_navigation_billing":true,"_surecart_dashboard_navigation_account":true,"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":""},"working-guide":[],"transformation-blocks":[66],"innovation-stage":[15],"class_list":["post-35050","methode","type-methode","status-publish","has-post-thumbnail","hentry","transformation-blocks-exploring","innovation-stage-early-prototyping"],"_links":{"self":[{"href":"https:\/\/www.innovation.wiki\/de\/wp-json\/wp\/v2\/methode\/35050","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.innovation.wiki\/de\/wp-json\/wp\/v2\/methode"}],"about":[{"href":"https:\/\/www.innovation.wiki\/de\/wp-json\/wp\/v2\/types\/methode"}],"version-history":[{"count":0,"href":"https:\/\/www.innovation.wiki\/de\/wp-json\/wp\/v2\/methode\/35050\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.innovation.wiki\/de\/wp-json\/wp\/v2\/media\/35127"}],"wp:attachment":[{"href":"https:\/\/www.innovation.wiki\/de\/wp-json\/wp\/v2\/media?parent=35050"}],"wp:term":[{"taxonomy":"working-guide","embeddable":true,"href":"https:\/\/www.innovation.wiki\/de\/wp-json\/wp\/v2\/working-guide?post=35050"},{"taxonomy":"transformation-blocks","embeddable":true,"href":"https:\/\/www.innovation.wiki\/de\/wp-json\/wp\/v2\/transformation-blocks?post=35050"},{"taxonomy":"innovation-stage","embeddable":true,"href":"https:\/\/www.innovation.wiki\/de\/wp-json\/wp\/v2\/innovation-stage?post=35050"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}