Type Scale<\/a><\/h3>\nType Scale ist ein Tool zur Vorschau der Typografie f\u00fcr UI-Designer, das Fonts und Schriftarten einer Website webgerecht skalieren l\u00e4sst. Mit der Live-Vorschau \u00fcberpr\u00fcft Ihr, wie verwendete Google Fonts auf einem Bildschirm aussehen w\u00fcrden und abh\u00e4ngig davon <\/span>k\u00f6nnt Ihr das Schriftgewicht und die Schriftfamilie \u00e4ndern, um auf das 3:4-Verh\u00e4ltnis (perfect-fourth), 6:5-Verh\u00e4ltnis (minor third) oder auf den Goldenen Schnitt zu skalieren. <\/span>Type Scale <\/span>ist ein ausgezeichnetes UI-Tool, mit dem Ihr herausfinden k\u00f6nnt, welche Schriftart f\u00fcr Eure Website am besten geeignet ist. <\/span><\/p>\n![\"\"](\"https:\/\/www.templatemonster.com\/blog\/de\/wp-content\/uploads\/2018\/06\/type-scale.png\")
<\/p>\n
Material Design Resizer<\/a><\/h3>\nMaterial Design Resizer ist ein gro\u00dfartiges Tool zum Testen von Designs auf Desktops, Smartphones und Tablets. Sein Einsatz ist ganz einfach: Man soll nur die URL einer Website eingeben und dann wird genau angezeigt, wie sie auf allen Ger\u00e4ten aussieht. Das ist sehr bequem denn alle drei Screens sind auf einem Bildschirm zu sehen. So braucht Ihr nicht, zwischen mehreren Bildschirmen umzuschalten oder auf einem konkreten Bildschirm zu arbeiten. Dieses UX-Tool tr\u00e4gt zur Benutzerfreundlichkeit der zuk\u00fcnftigen Website bei, denn Ihr k\u00f6nnt auch durch alle Seiten auf jedem Ger\u00e4t navigieren. <\/span>Eine weitere Funktion l\u00e4sst zwischen dem Smartphone-Modus und dem Tablet-Modus wechseln. Im Tablet-Modus kann man zwischen dem Portr\u00e4tformat 720 und dem Landschaftsformat 1024 w\u00e4hlen.<\/span><\/p>\n![\"\"](\"https:\/\/www.templatemonster.com\/blog\/de\/wp-content\/uploads\/2018\/06\/Material-Design-Resizer.png\")
<\/p>\n
UX Project Checklist<\/a><\/h3>\nUX Project Checklist ist eines der umfassendsten Online-UX-Tools f\u00fcr UX-Designer. <\/span>Die Checkliste ist in 27 Schl\u00fcsselbereiche unterteilt: <\/span><\/p>\n\n- Recherchieren<\/span><\/li>\n
- Planen<\/span><\/li>\n
- Erforschen<\/span><\/li>\n
- Kommunizieren<\/span><\/li>\n
- Erstellen<\/span><\/li>\n
- Feedback geben<\/span><\/li>\n
- Abschlie\u00dfen<\/span><\/li>\n
- Zufriedenstellen<\/span><\/li>\n
- Analysieren<\/span><\/li>\n<\/ul>\n
Es werden einige Stufen der Buyer's-Journey in den Entwicklungsprozess einbezogen. Auf der Phase \u201cPlanung\u201d werdet Ihr gefragt, ob Ihr Eure Buyer Personas und Benutzerfl\u00fcsse erstellt habt. Als Designer solltet Ihr wissen, f\u00fcr wen Ihr entwerft, bevor die eigentliche Entwicklung beginnt.<\/span><\/p>\nDie Webentwicklung kann monatelang dauern und mit dieser Checkliste werden alle wesentlichen Fragen abgedeckt, die das Projekt erfolgreich abschlie\u00dfen lassen. Ihr k\u00f6nnt alle Ger\u00e4te mit einem Google-Konto synchronisieren. <\/span><\/p>\nPttrns<\/a><\/h3>\nPttrns ist hilfreich zum Brainstorming beim Design f\u00fcr Mobilger\u00e4te. Das Tool orientiert sich auf diese mobilen Plattformen: Android, iPhone, iPads, und Apple Watch. Der Abschnitt Kategorien bietet viele Patterns, die Ihr in Euer mobile Design implementieren k\u00f6nnt. <\/span>F\u00fcr Airbnb wird beispielsweisedie die Login-Seite auf dem iPhone angezeigt. Dadurch bekommt Ihr Ideen f\u00fcr die Gestaltung von Kommentaren, Nachrichten\u00fcbermittlung, Benachrichtigungen, Fotos, Seitenleisten und anderes mehr. <\/span><\/p>\n![\"\"](\"https:\/\/www.templatemonster.com\/blog\/de\/wp-content\/uploads\/2018\/06\/Pttrns.png\")
<\/p>\n
UserTesting<\/a><\/h3>\nBenutzertests geh\u00f6ren zu den wichtigsten Entwicklungsphasen. UserTesting gibt einen \u00dcberblick \u00fcber St\u00e4rken und \u00fcber das Verbesserungspotenzial Eurer Website. Eure Website oder App werden <\/span>qualifizierte Nutzer testen. <\/span>Mit einem individuellen Plan k\u00f6nnt Ihr auf die Meinung eines Testers h\u00f6ren und dieses Feedback nehmen, um Komponenten zu verbessern. Im Enterprise-Konto werden weitere Funktionen zur Verbesserung der Benutzererfahrung bereitgestellt. Euer pers\u00f6nlicher Projektmanager wird Euch mit der Analyse helfen. Somit erspart Ihr viel Zeit beim Recherchieren und Testen.<\/span><\/p>\n![\"\"](\"https:\/\/www.templatemonster.com\/blog\/de\/wp-content\/uploads\/2018\/06\/UserTesting.png\")
<\/p>\n
GoodUI<\/a><\/h3>\nGoodUI sorgt f\u00fcr eine gute Benutzererfahrung. Die Projekt-Betreiber setzen A\/B Tests von Designs um. Einer der Tipps, die GoodUI gibt, ist es, sich f\u00fcr ein einspaltiges Layout statt eines mehrspaltigen Layouts zu entscheiden. Denn das vermindert die Ablenkung der Benutzer von wichtigen Inhalten. <\/span>Ihr bekommt neueste UI-Tests geteilt und zugesendet, wenn Ihr Euch anmeldet und Updates abonniert. Man wird Euch auch zeigen, wie Ihr Testergebnisse f\u00fcr Eure Ziele benutzen k\u00f6nnt. <\/span><\/p>\n![\"\"](\"https:\/\/www.templatemonster.com\/blog\/de\/wp-content\/uploads\/2018\/06\/GoodUI.png\")
<\/p>\n
Mocksplus<\/a><\/h3>\nMocksplus verspricht, dass Ihr mit dem Design per Drag-und-Drop keine Codierung braucht. Dank einfacher Lernkurve und codefreiem Design geht die Gestaltung viel schneller. Wenn Ihr Zeit sparen und dabei ein gro\u00dfartig aussehendes Design kreieren m\u00f6chtet, ist Mocksplus eines der besten Tools daf\u00fcr. Es ist unwichtig, ob Ihr an einer App oder einer Website arbeitet. <\/span><\/p>\n![\"\"](\"https:\/\/www.templatemonster.com\/blog\/de\/wp-content\/uploads\/2018\/06\/Mocksplus.png\")
<\/p>\n
Marvel<\/a><\/h3>\nMarvel sollte man zu einfachsten Tools f\u00fcr Prototypen z\u00e4hlen. Es l\u00e4sst Features f\u00fcr Seiten\u00fcberg\u00e4nge einfach verwenden oder durch Eure App bzw. Website navigieren. <\/span><\/p>\nEine der besten Funktionen von Marvel ist die Kooperation. Ihr k\u00f6nnt Prototypen in Echtzeit kommentieren, Projekte teilen und ein Feedback auf Eure Designs holen.<\/span><\/p>\nEinige Funktionen erm\u00f6glichen die Synchronisierung mit Google Drive und Dropbox, den Import von Designs aus Photoshop oder Sketch sowie die Vorschau von Beispiel-Prototypen. Mit Marvel werden alle Aspekte der Webentwicklung einfach umgesetzt.<\/span><\/p>\n![\"\"](\"https:\/\/www.templatemonster.com\/blog\/de\/wp-content\/uploads\/2018\/06\/Marvel.png\")
<\/p>\n
Adobe Illustrator<\/a><\/h3>\nAdobe Illustrator ist ein Tool, das UI-Designer zur Erstellung von Formen, Logos und Icons verwenden. Diese Plattform f\u00fcr Vektorgrafik ist die beste M\u00f6glichkeit, um Grafiken f\u00fcr Ihre Website zu erstellen und Objekte zu Fotos hinzuzuf\u00fcgen.<\/span><\/p>\nEs l\u00e4sst sich einfach mit Photoshop und Stock einbinden, um Grafiken zu Bildern oder zu <\/span>Templates<\/span><\/a> hinzuf\u00fcgen. Illustrator ist das beste Werkzeug f\u00fcr die Erstellung von Vektorgrafiken. Die Lernkurve ist einfach und sogar erweiterte Funktionen sollten <\/span>Euch keine Zeit in Anspruch nehmen.<\/span><\/p>\n![\"\"](\"https:\/\/www.templatemonster.com\/blog\/de\/wp-content\/uploads\/2018\/06\/Adobe-Illustrator.png\")
<\/p>\n
Sketch \u2013 nur auf Mac verf\u00fcgbar<\/a><\/h3>\n
<\/p>\n
Material Design Resizer<\/a><\/h3>\nMaterial Design Resizer ist ein gro\u00dfartiges Tool zum Testen von Designs auf Desktops, Smartphones und Tablets. Sein Einsatz ist ganz einfach: Man soll nur die URL einer Website eingeben und dann wird genau angezeigt, wie sie auf allen Ger\u00e4ten aussieht. Das ist sehr bequem denn alle drei Screens sind auf einem Bildschirm zu sehen. So braucht Ihr nicht, zwischen mehreren Bildschirmen umzuschalten oder auf einem konkreten Bildschirm zu arbeiten. Dieses UX-Tool tr\u00e4gt zur Benutzerfreundlichkeit der zuk\u00fcnftigen Website bei, denn Ihr k\u00f6nnt auch durch alle Seiten auf jedem Ger\u00e4t navigieren. <\/span>Eine weitere Funktion l\u00e4sst zwischen dem Smartphone-Modus und dem Tablet-Modus wechseln. Im Tablet-Modus kann man zwischen dem Portr\u00e4tformat 720 und dem Landschaftsformat 1024 w\u00e4hlen.<\/span><\/p>\n<\/p>\n
UX Project Checklist<\/a><\/h3>\nUX Project Checklist ist eines der umfassendsten Online-UX-Tools f\u00fcr UX-Designer. <\/span>Die Checkliste ist in 27 Schl\u00fcsselbereiche unterteilt: <\/span><\/p>\n\n- Recherchieren<\/span><\/li>\n
- Planen<\/span><\/li>\n
- Erforschen<\/span><\/li>\n
- Kommunizieren<\/span><\/li>\n
- Erstellen<\/span><\/li>\n
- Feedback geben<\/span><\/li>\n
- Abschlie\u00dfen<\/span><\/li>\n
- Zufriedenstellen<\/span><\/li>\n
- Analysieren<\/span><\/li>\n<\/ul>\n
Es werden einige Stufen der Buyer's-Journey in den Entwicklungsprozess einbezogen. Auf der Phase \u201cPlanung\u201d werdet Ihr gefragt, ob Ihr Eure Buyer Personas und Benutzerfl\u00fcsse erstellt habt. Als Designer solltet Ihr wissen, f\u00fcr wen Ihr entwerft, bevor die eigentliche Entwicklung beginnt.<\/span><\/p>\nDie Webentwicklung kann monatelang dauern und mit dieser Checkliste werden alle wesentlichen Fragen abgedeckt, die das Projekt erfolgreich abschlie\u00dfen lassen. Ihr k\u00f6nnt alle Ger\u00e4te mit einem Google-Konto synchronisieren. <\/span><\/p>\nPttrns<\/a><\/h3>\nPttrns ist hilfreich zum Brainstorming beim Design f\u00fcr Mobilger\u00e4te. Das Tool orientiert sich auf diese mobilen Plattformen: Android, iPhone, iPads, und Apple Watch. Der Abschnitt Kategorien bietet viele Patterns, die Ihr in Euer mobile Design implementieren k\u00f6nnt. <\/span>F\u00fcr Airbnb wird beispielsweisedie die Login-Seite auf dem iPhone angezeigt. Dadurch bekommt Ihr Ideen f\u00fcr die Gestaltung von Kommentaren, Nachrichten\u00fcbermittlung, Benachrichtigungen, Fotos, Seitenleisten und anderes mehr. <\/span><\/p>\n<\/p>\n
UserTesting<\/a><\/h3>\nBenutzertests geh\u00f6ren zu den wichtigsten Entwicklungsphasen. UserTesting gibt einen \u00dcberblick \u00fcber St\u00e4rken und \u00fcber das Verbesserungspotenzial Eurer Website. Eure Website oder App werden <\/span>qualifizierte Nutzer testen. <\/span>Mit einem individuellen Plan k\u00f6nnt Ihr auf die Meinung eines Testers h\u00f6ren und dieses Feedback nehmen, um Komponenten zu verbessern. Im Enterprise-Konto werden weitere Funktionen zur Verbesserung der Benutzererfahrung bereitgestellt. Euer pers\u00f6nlicher Projektmanager wird Euch mit der Analyse helfen. Somit erspart Ihr viel Zeit beim Recherchieren und Testen.<\/span><\/p>\n<\/p>\n
GoodUI<\/a><\/h3>\nGoodUI sorgt f\u00fcr eine gute Benutzererfahrung. Die Projekt-Betreiber setzen A\/B Tests von Designs um. Einer der Tipps, die GoodUI gibt, ist es, sich f\u00fcr ein einspaltiges Layout statt eines mehrspaltigen Layouts zu entscheiden. Denn das vermindert die Ablenkung der Benutzer von wichtigen Inhalten. <\/span>Ihr bekommt neueste UI-Tests geteilt und zugesendet, wenn Ihr Euch anmeldet und Updates abonniert. Man wird Euch auch zeigen, wie Ihr Testergebnisse f\u00fcr Eure Ziele benutzen k\u00f6nnt. <\/span><\/p>\n<\/p>\n
Mocksplus<\/a><\/h3>\nMocksplus verspricht, dass Ihr mit dem Design per Drag-und-Drop keine Codierung braucht. Dank einfacher Lernkurve und codefreiem Design geht die Gestaltung viel schneller. Wenn Ihr Zeit sparen und dabei ein gro\u00dfartig aussehendes Design kreieren m\u00f6chtet, ist Mocksplus eines der besten Tools daf\u00fcr. Es ist unwichtig, ob Ihr an einer App oder einer Website arbeitet. <\/span><\/p>\n<\/p>\n
Marvel<\/a><\/h3>\nMarvel sollte man zu einfachsten Tools f\u00fcr Prototypen z\u00e4hlen. Es l\u00e4sst Features f\u00fcr Seiten\u00fcberg\u00e4nge einfach verwenden oder durch Eure App bzw. Website navigieren. <\/span><\/p>\nEine der besten Funktionen von Marvel ist die Kooperation. Ihr k\u00f6nnt Prototypen in Echtzeit kommentieren, Projekte teilen und ein Feedback auf Eure Designs holen.<\/span><\/p>\nEinige Funktionen erm\u00f6glichen die Synchronisierung mit Google Drive und Dropbox, den Import von Designs aus Photoshop oder Sketch sowie die Vorschau von Beispiel-Prototypen. Mit Marvel werden alle Aspekte der Webentwicklung einfach umgesetzt.<\/span><\/p>\n<\/p>\n
Adobe Illustrator<\/a><\/h3>\nAdobe Illustrator ist ein Tool, das UI-Designer zur Erstellung von Formen, Logos und Icons verwenden. Diese Plattform f\u00fcr Vektorgrafik ist die beste M\u00f6glichkeit, um Grafiken f\u00fcr Ihre Website zu erstellen und Objekte zu Fotos hinzuzuf\u00fcgen.<\/span><\/p>\nEs l\u00e4sst sich einfach mit Photoshop und Stock einbinden, um Grafiken zu Bildern oder zu <\/span>Templates<\/span><\/a> hinzuf\u00fcgen. Illustrator ist das beste Werkzeug f\u00fcr die Erstellung von Vektorgrafiken. Die Lernkurve ist einfach und sogar erweiterte Funktionen sollten <\/span>Euch keine Zeit in Anspruch nehmen.<\/span><\/p>\n<\/p>\n
Sketch \u2013 nur auf Mac verf\u00fcgbar<\/a><\/h3>\n
<\/p>\n
UX Project Checklist<\/a><\/h3>\nUX Project Checklist ist eines der umfassendsten Online-UX-Tools f\u00fcr UX-Designer. <\/span>Die Checkliste ist in 27 Schl\u00fcsselbereiche unterteilt: <\/span><\/p>\n\n- Recherchieren<\/span><\/li>\n
- Planen<\/span><\/li>\n
- Erforschen<\/span><\/li>\n
- Kommunizieren<\/span><\/li>\n
- Erstellen<\/span><\/li>\n
- Feedback geben<\/span><\/li>\n
- Abschlie\u00dfen<\/span><\/li>\n
- Zufriedenstellen<\/span><\/li>\n
- Analysieren<\/span><\/li>\n<\/ul>\n
Es werden einige Stufen der Buyer's-Journey in den Entwicklungsprozess einbezogen. Auf der Phase \u201cPlanung\u201d werdet Ihr gefragt, ob Ihr Eure Buyer Personas und Benutzerfl\u00fcsse erstellt habt. Als Designer solltet Ihr wissen, f\u00fcr wen Ihr entwerft, bevor die eigentliche Entwicklung beginnt.<\/span><\/p>\nDie Webentwicklung kann monatelang dauern und mit dieser Checkliste werden alle wesentlichen Fragen abgedeckt, die das Projekt erfolgreich abschlie\u00dfen lassen. Ihr k\u00f6nnt alle Ger\u00e4te mit einem Google-Konto synchronisieren. <\/span><\/p>\nPttrns<\/a><\/h3>\nPttrns ist hilfreich zum Brainstorming beim Design f\u00fcr Mobilger\u00e4te. Das Tool orientiert sich auf diese mobilen Plattformen: Android, iPhone, iPads, und Apple Watch. Der Abschnitt Kategorien bietet viele Patterns, die Ihr in Euer mobile Design implementieren k\u00f6nnt. <\/span>F\u00fcr Airbnb wird beispielsweisedie die Login-Seite auf dem iPhone angezeigt. Dadurch bekommt Ihr Ideen f\u00fcr die Gestaltung von Kommentaren, Nachrichten\u00fcbermittlung, Benachrichtigungen, Fotos, Seitenleisten und anderes mehr. <\/span><\/p>\n<\/p>\n
UserTesting<\/a><\/h3>\nBenutzertests geh\u00f6ren zu den wichtigsten Entwicklungsphasen. UserTesting gibt einen \u00dcberblick \u00fcber St\u00e4rken und \u00fcber das Verbesserungspotenzial Eurer Website. Eure Website oder App werden <\/span>qualifizierte Nutzer testen. <\/span>Mit einem individuellen Plan k\u00f6nnt Ihr auf die Meinung eines Testers h\u00f6ren und dieses Feedback nehmen, um Komponenten zu verbessern. Im Enterprise-Konto werden weitere Funktionen zur Verbesserung der Benutzererfahrung bereitgestellt. Euer pers\u00f6nlicher Projektmanager wird Euch mit der Analyse helfen. Somit erspart Ihr viel Zeit beim Recherchieren und Testen.<\/span><\/p>\n<\/p>\n
GoodUI<\/a><\/h3>\nGoodUI sorgt f\u00fcr eine gute Benutzererfahrung. Die Projekt-Betreiber setzen A\/B Tests von Designs um. Einer der Tipps, die GoodUI gibt, ist es, sich f\u00fcr ein einspaltiges Layout statt eines mehrspaltigen Layouts zu entscheiden. Denn das vermindert die Ablenkung der Benutzer von wichtigen Inhalten. <\/span>Ihr bekommt neueste UI-Tests geteilt und zugesendet, wenn Ihr Euch anmeldet und Updates abonniert. Man wird Euch auch zeigen, wie Ihr Testergebnisse f\u00fcr Eure Ziele benutzen k\u00f6nnt. <\/span><\/p>\n<\/p>\n
Mocksplus<\/a><\/h3>\nMocksplus verspricht, dass Ihr mit dem Design per Drag-und-Drop keine Codierung braucht. Dank einfacher Lernkurve und codefreiem Design geht die Gestaltung viel schneller. Wenn Ihr Zeit sparen und dabei ein gro\u00dfartig aussehendes Design kreieren m\u00f6chtet, ist Mocksplus eines der besten Tools daf\u00fcr. Es ist unwichtig, ob Ihr an einer App oder einer Website arbeitet. <\/span><\/p>\n<\/p>\n
Marvel<\/a><\/h3>\nMarvel sollte man zu einfachsten Tools f\u00fcr Prototypen z\u00e4hlen. Es l\u00e4sst Features f\u00fcr Seiten\u00fcberg\u00e4nge einfach verwenden oder durch Eure App bzw. Website navigieren. <\/span><\/p>\nEine der besten Funktionen von Marvel ist die Kooperation. Ihr k\u00f6nnt Prototypen in Echtzeit kommentieren, Projekte teilen und ein Feedback auf Eure Designs holen.<\/span><\/p>\nEinige Funktionen erm\u00f6glichen die Synchronisierung mit Google Drive und Dropbox, den Import von Designs aus Photoshop oder Sketch sowie die Vorschau von Beispiel-Prototypen. Mit Marvel werden alle Aspekte der Webentwicklung einfach umgesetzt.<\/span><\/p>\n<\/p>\n
Adobe Illustrator<\/a><\/h3>\nAdobe Illustrator ist ein Tool, das UI-Designer zur Erstellung von Formen, Logos und Icons verwenden. Diese Plattform f\u00fcr Vektorgrafik ist die beste M\u00f6glichkeit, um Grafiken f\u00fcr Ihre Website zu erstellen und Objekte zu Fotos hinzuzuf\u00fcgen.<\/span><\/p>\nEs l\u00e4sst sich einfach mit Photoshop und Stock einbinden, um Grafiken zu Bildern oder zu <\/span>Templates<\/span><\/a> hinzuf\u00fcgen. Illustrator ist das beste Werkzeug f\u00fcr die Erstellung von Vektorgrafiken. Die Lernkurve ist einfach und sogar erweiterte Funktionen sollten <\/span>Euch keine Zeit in Anspruch nehmen.<\/span><\/p>\n<\/p>\n
Sketch \u2013 nur auf Mac verf\u00fcgbar<\/a><\/h3>\n
- \n
- Recherchieren<\/span><\/li>\n
- Planen<\/span><\/li>\n
- Erforschen<\/span><\/li>\n
- Kommunizieren<\/span><\/li>\n
- Erstellen<\/span><\/li>\n
- Feedback geben<\/span><\/li>\n
- Abschlie\u00dfen<\/span><\/li>\n
- Zufriedenstellen<\/span><\/li>\n
- Analysieren<\/span><\/li>\n<\/ul>\n
Es werden einige Stufen der Buyer's-Journey in den Entwicklungsprozess einbezogen. Auf der Phase \u201cPlanung\u201d werdet Ihr gefragt, ob Ihr Eure Buyer Personas und Benutzerfl\u00fcsse erstellt habt. Als Designer solltet Ihr wissen, f\u00fcr wen Ihr entwerft, bevor die eigentliche Entwicklung beginnt.<\/span><\/p>\n
Die Webentwicklung kann monatelang dauern und mit dieser Checkliste werden alle wesentlichen Fragen abgedeckt, die das Projekt erfolgreich abschlie\u00dfen lassen. Ihr k\u00f6nnt alle Ger\u00e4te mit einem Google-Konto synchronisieren. <\/span><\/p>\n
Pttrns<\/a><\/h3>\n
Pttrns ist hilfreich zum Brainstorming beim Design f\u00fcr Mobilger\u00e4te. Das Tool orientiert sich auf diese mobilen Plattformen: Android, iPhone, iPads, und Apple Watch. Der Abschnitt Kategorien bietet viele Patterns, die Ihr in Euer mobile Design implementieren k\u00f6nnt. <\/span>F\u00fcr Airbnb wird beispielsweisedie die Login-Seite auf dem iPhone angezeigt. Dadurch bekommt Ihr Ideen f\u00fcr die Gestaltung von Kommentaren, Nachrichten\u00fcbermittlung, Benachrichtigungen, Fotos, Seitenleisten und anderes mehr. <\/span><\/p>\n
<\/p>\nUserTesting<\/a><\/h3>\n
Benutzertests geh\u00f6ren zu den wichtigsten Entwicklungsphasen. UserTesting gibt einen \u00dcberblick \u00fcber St\u00e4rken und \u00fcber das Verbesserungspotenzial Eurer Website. Eure Website oder App werden <\/span>qualifizierte Nutzer testen. <\/span>Mit einem individuellen Plan k\u00f6nnt Ihr auf die Meinung eines Testers h\u00f6ren und dieses Feedback nehmen, um Komponenten zu verbessern. Im Enterprise-Konto werden weitere Funktionen zur Verbesserung der Benutzererfahrung bereitgestellt. Euer pers\u00f6nlicher Projektmanager wird Euch mit der Analyse helfen. Somit erspart Ihr viel Zeit beim Recherchieren und Testen.<\/span><\/p>\n
<\/p>\nGoodUI<\/a><\/h3>\n
GoodUI sorgt f\u00fcr eine gute Benutzererfahrung. Die Projekt-Betreiber setzen A\/B Tests von Designs um. Einer der Tipps, die GoodUI gibt, ist es, sich f\u00fcr ein einspaltiges Layout statt eines mehrspaltigen Layouts zu entscheiden. Denn das vermindert die Ablenkung der Benutzer von wichtigen Inhalten. <\/span>Ihr bekommt neueste UI-Tests geteilt und zugesendet, wenn Ihr Euch anmeldet und Updates abonniert. Man wird Euch auch zeigen, wie Ihr Testergebnisse f\u00fcr Eure Ziele benutzen k\u00f6nnt. <\/span><\/p>\n
<\/p>\nMocksplus<\/a><\/h3>\n
Mocksplus verspricht, dass Ihr mit dem Design per Drag-und-Drop keine Codierung braucht. Dank einfacher Lernkurve und codefreiem Design geht die Gestaltung viel schneller. Wenn Ihr Zeit sparen und dabei ein gro\u00dfartig aussehendes Design kreieren m\u00f6chtet, ist Mocksplus eines der besten Tools daf\u00fcr. Es ist unwichtig, ob Ihr an einer App oder einer Website arbeitet. <\/span><\/p>\n
<\/p>\nMarvel<\/a><\/h3>\n
Marvel sollte man zu einfachsten Tools f\u00fcr Prototypen z\u00e4hlen. Es l\u00e4sst Features f\u00fcr Seiten\u00fcberg\u00e4nge einfach verwenden oder durch Eure App bzw. Website navigieren. <\/span><\/p>\n
Eine der besten Funktionen von Marvel ist die Kooperation. Ihr k\u00f6nnt Prototypen in Echtzeit kommentieren, Projekte teilen und ein Feedback auf Eure Designs holen.<\/span><\/p>\n
Einige Funktionen erm\u00f6glichen die Synchronisierung mit Google Drive und Dropbox, den Import von Designs aus Photoshop oder Sketch sowie die Vorschau von Beispiel-Prototypen. Mit Marvel werden alle Aspekte der Webentwicklung einfach umgesetzt.<\/span><\/p>\n
<\/p>\nAdobe Illustrator<\/a><\/h3>\n
Adobe Illustrator ist ein Tool, das UI-Designer zur Erstellung von Formen, Logos und Icons verwenden. Diese Plattform f\u00fcr Vektorgrafik ist die beste M\u00f6glichkeit, um Grafiken f\u00fcr Ihre Website zu erstellen und Objekte zu Fotos hinzuzuf\u00fcgen.<\/span><\/p>\n
Es l\u00e4sst sich einfach mit Photoshop und Stock einbinden, um Grafiken zu Bildern oder zu <\/span>Templates<\/span><\/a> hinzuf\u00fcgen. Illustrator ist das beste Werkzeug f\u00fcr die Erstellung von Vektorgrafiken. Die Lernkurve ist einfach und sogar erweiterte Funktionen sollten <\/span>Euch keine Zeit in Anspruch nehmen.<\/span><\/p>\n
<\/p>\nSketch \u2013 nur auf Mac verf\u00fcgbar<\/a><\/h3>\n
- Planen<\/span><\/li>\n
![\"\"](\"https:\/\/www.templatemonster.com\/blog\/de\/wp-content\/uploads\/2018\/06\/Sketch.png\")
<\/p>\n