{"id":122,"date":"2008-12-07T17:00:56","date_gmt":"2008-12-07T15:00:56","guid":{"rendered":"http:\/\/www.christian-listmann.de\/blog\/?p=122"},"modified":"2023-12-14T13:43:44","modified_gmt":"2023-12-14T12:43:44","slug":"website-prototyping-wireframe-tool-rapidrabb","status":"publish","type":"post","link":"https:\/\/www.christian-listmann.de\/blog\/2008\/12\/07\/website-prototyping-wireframe-tool-rapidrabb\/","title":{"rendered":"Website Prototyping \/ Wireframe Tool RapidRabb"},"content":{"rendered":"<p>Vor kurzem habe ich \u00fcber <a class=\"previewlink\" title=\"Lovelycharts\" href=\"http:\/\/www.Lovelycharts.com\" target=\"_blank\" rel=\"noopener\">Lovelycharts<\/a> berichtet, ein Online-Tool, um Diagramme und Wireframes zu erstellen. Nun ist mir ein weiteres Werkzeug \u00fcber den Weg gelaufen, dass noch einen Schritt weiter geht und neben der reinen Erstellung von Diagrammen auch die Abbildung von Workflows und daraus resultierend die Erstellung von Klick-Dummies erm\u00f6glicht. Sehr praktisch ist dies z.B. wenn man Wireframes entwickelt und bestimmte Usecases abbilden m\u00f6chte. Dazu erstellt man in <a class=\"previewlink\" href=\"http:\/\/rapidrabb.it\/de\" target=\"_blank\" rel=\"noopener\">RapidRabb<\/a> einzelne Seiten, die wiederum aus verschiedenen Layern zusammengesetzt werden k\u00f6nnen (so in etwa wie bei Photoshop und Co.) Der Vorteil dieser Modellierung: man kann sehr schnell wiederkehrende Elemente wie z.B. Header oder Footer in verschiedene Seiten einbinden.<\/p>\n<p>Um die so erstellen Seiten miteinander zu verkn\u00fcpfen und so Usecases aufzubauen kann man Elemente &#8211; z.B. einen Button &#8211; mit einem Verweis auf eine andere Seite ausstatten. Der gesamte Usecases inklusive aller Wireframes kann dann am Ende als HTML-Seiten exportiert werden, auf diese Weise hat man schnell einen Klick-Dummy erstellt.<\/p>\n<p><a href=\"http:\/\/www.christian-listmann.de\/blog\/wp-content\/uploads\/2008\/12\/rapidrabb.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-128\" title=\"rapidrabb - Usecase\" src=\"http:\/\/www.christian-listmann.de\/blog\/wp-content\/uploads\/2008\/12\/rapidrabb.jpg\" alt=\"\" width=\"470\" height=\"345\" \/><\/a><\/p>\n<p>Um RapidRabb nutzen zu k\u00f6nnen muss ein Abonnement abgeschlossen werden, allerdings kann man auch erstmal einen Monat testen. Den Ansatz des Tools finde ich sehr interessant und auch praxisrelevant &#8211; mir f\u00e4llt eigentlich nur <a class=\"previewlink\" href=\"http:\/\/www.axure.com\/\">Axure<\/a> ein, das als Desktop-Applikation in diese Richtung geht, wenngleich Axure deutlich m\u00e4chtiger und auch ausgereifter ist.<\/p>\n<p>Bei RapidRabb gibt es noch viel Potential f\u00fcr Verbesserungen, aber man ist ja auch erst seit letzter Woche aus der Betaphase raus. Im Vergleich zu Lovelycharts ist RapidRabb noch sehr rudiment\u00e4r mit M\u00f6glichkeiten der Interfacegestaltung ausgestattet. Im Gegenzug verf\u00fcgt Lovelycharts \u00fcber keinerlei Funktionalit\u00e4t zur Erstellung von Usecases. Eine Melange aus beidem w\u00e4re f\u00fcr mich daher die ideale L\u00f6sung.<\/p>\n<p>Man kann aber auf jeden Fall gespannt sein, was da in Zukunft noch so kommen mag.<\/p>\n<p><a href=\"http:\/\/www.christian-listmann.de\/blog\/wp-content\/uploads\/2008\/12\/rapirabb2.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-129\" title=\"rapirabb - Toolbox\" src=\"http:\/\/www.christian-listmann.de\/blog\/wp-content\/uploads\/2008\/12\/rapirabb2.jpg\" alt=\"\" width=\"470\" height=\"448\" \/><\/a><\/p>\n<p><a class=\"previewlink\" href=\"http:\/\/rapidrabb.it\/de\" target=\"_blank\" rel=\"noopener\">http:\/\/www.rapidrabb.it\/de<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Vor kurzem habe ich \u00fcber Lovelycharts berichtet, ein Online-Tool, um Diagramme und Wireframes zu erstellen. Nun ist mir ein weiteres [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":128,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1,103],"tags":[37,34,36,35],"class_list":["post-122","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-allgemein","category-blog","tag-konzept","tag-saas","tag-usecases","tag-wireframes"],"_links":{"self":[{"href":"https:\/\/www.christian-listmann.de\/blog\/wp-json\/wp\/v2\/posts\/122","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.christian-listmann.de\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.christian-listmann.de\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.christian-listmann.de\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.christian-listmann.de\/blog\/wp-json\/wp\/v2\/comments?post=122"}],"version-history":[{"count":17,"href":"https:\/\/www.christian-listmann.de\/blog\/wp-json\/wp\/v2\/posts\/122\/revisions"}],"predecessor-version":[{"id":1188,"href":"https:\/\/www.christian-listmann.de\/blog\/wp-json\/wp\/v2\/posts\/122\/revisions\/1188"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.christian-listmann.de\/blog\/wp-json\/wp\/v2\/media\/128"}],"wp:attachment":[{"href":"https:\/\/www.christian-listmann.de\/blog\/wp-json\/wp\/v2\/media?parent=122"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.christian-listmann.de\/blog\/wp-json\/wp\/v2\/categories?post=122"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.christian-listmann.de\/blog\/wp-json\/wp\/v2\/tags?post=122"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}