Archiv

Archiv für die Kategorie ‘Tools’

Golden Grid System – 960 ist tot

Inbesondere deshalb, dass die Cross-Plattform Entwicklungen zunehmen – nicht zuletzt aufgrund des stetig wachsenden Mobile-Segments und der Diversität der Endgeräte – sollte man beim Design von Websites häufig vom allseits bekannten 960 Grid-System lösen und auf ein flexibles Grid (auch bekannt unter Responsive Design) zurückgreifen.

Ich habe hier über das Smashing Magazine ein sehr gutes Grid-System gefunden, dass anders wie bei den meisten responsive Grids, eine fixe Spaltenbreite zurgrunde liegt.

Sicherlich ist es schwerer in flexiblen Ausmaßen zu konzipieren und zu layouten (hier muss man dann Prioristäten vergeben) aber es macht sich insbesondere dann bezahlt, wenn man mit unterschiedlichsten Endgeräten auf den gleichen Content zugreift.

Das Grid System findet man hier zum Download:
Golden Grid System.

  • Share/Save/Bookmark

iPhone, iPad, Android und sonstige Templates für Mobile Skizzen

iPhone Sketchpad

Aus gegebenen Anlass hier sehr nützlich für Workshops und erste Grobkonzepte:

Free Printable Sketching, Wireframing and Note-Taking PDF Templates – Smashing Magazine.

  • Share/Save/Bookmark
Categories: Tools Tags:

UserTesting: Quick&Dirty Usability Testing

UserTesting: Remote Usability Testing

UserTesting: Remote Usability Testing

Habe hier ein weiteres Remote Testing Tool gefunden. Hierbei handelt es sich zwar auch um einen unmoderiertes Testverfahren d.h. asynchron, die Vorteile jedoch: Es werdern Tonaufzeichnungen gemacht und die Probanden kommen direkt aus einem Panel.
Der Nachteil: So wie ich das sehe können nur amerikanische Probanden herangezogen werden.
Für das ein oder andere internationale Projekt sicherlich interssant. Insbesondere deswegen, da ein Proband nur ca 30 Dollar kostet.

Das Tool/den Anbieter findet man hier: http://www.usertesting.com/

  • Share/Save/Bookmark

Wirify: Tool zum Adhoc-Erstellen von Wireframes

Wirify ein Tool zum Adhoc erstellen von Wireframes

Ein nettes Tool mit dem man Adhoc Wireframes aus bestehenden Seiten erstellen kann. Sicherlich sinnvoll um z.B. Status Quo mit neuen Konzepten zu vergleichen oder einen Blick auf visuelle Hierarchie und Abstände/Weißräume zu werfen.

Volkside | Introducing Wirify: The web as wireframes.

  • Share/Save/Bookmark

Clueapp: Kollaborativer 5 Sekundentest

Clueapp - 5 Sekunden Test Tool

Clueapp - 5 Sekunden Test Tool

Habe hier ein nettes Tool gefunden mit dem man 5 Sekundentests durchführen kann.
Der Clou: Man kann seine Seite eintragen und auch selbst schnell an anderen Tests teilnehmen,
um Anderen zu helfen. Ganz nach dem Motto “Helf ich dir hilfst du mir”.

Das kostenfreie Tool findet man unter: www.clueapp.com

  • Share/Save/Bookmark

Von Flash zu HTML 5 exportieren…

Mittlerweile wird deutlich, das Flash voraussichtlich
in Zukunft nicht mehr benötigt wird. Hatte Steve Jobs wohl einiges Wahres gesagt.

  • Share/Save/Bookmark
Categories: Tools, Trends Tags: ,

Connect-A-Sketch: Aus Skribbles Prototypen bauen

30. September 2010 Christian Becker Keine Kommentare
Connect-A-Sketch Webservice

Connect-A-Sketch Webservice

Mit dem neuen Webservice kann kostenlos aus diversen Skribbles interaktive Prototypen gebaut werden.

Für die, die wie ich gerne mit Skribbles arbeiten sicherlich
eine schnelle und vor allem kostengünstige Alternative zu Axure.

Das Tool/den Webservice findet man hier:

http://connectasketch.com/

  • Share/Save/Bookmark
Categories: Tools Tags: , ,

Neue webbasierte Prototyping Lösung quplo

quplo

Nach Pidoco ein weiterer interessanter Webservice, der es ermöglicht online Prototypen zu entwickeln und diese auch dem Kunden zur Besprechung zur Verfügung zu stellen.

Damit die erstellten Lösungen nicht einfach nur simple, statische Wireframes sind, hat sich der Hersteller einer neuen Sprache für Nicht-Programmierer einfallen lassen “Flow”.

Ein weiterer positiver Ansatz ist die Wiederverwendung von validem HTML und CSS Code.
Der Prototyp kann direkt in ein entsprechendes Grundgerüst überführt werden. Dies ist bei anderen Lösungen eher bedingt oder garnicht der Fall.

Quplo in der Beta-Version findet man hier:
Web-based prototyping software for interaction designers: quplo.

  • Share/Save/Bookmark
Categories: Tools, Trends Tags: , ,

Kostenlos die Navigation einer Website überprüfen – mit Naview

Ein neues interessantes Tool, mit dem es möglich ist die Navigation einer Seite zu überprüfen – und das auch noch kostenlos.

Sicherlich einen Blick wert!

Naview – Create easier navigations through prototyping and testing.

  • Share/Save/Bookmark

Browser-Kompatibilität prüfen mit… “When Can I Use…”

Ein weiterer techniklastiger aber hilfreicher Fund beim Smashing Magazine:

Hilfreiches Tool...

Hilfreiches Tool...

When Can I Use… is a compatibility table that shows which upcoming Web technologies are compatible with which existing browsers. Select from HTML5, CSS3, SVG and a multitude of other technologies, then specify which browsers and versions you want to know about, and it spits out a table that tells you what’s supported and what’s not (including partial support).

Given the wealth of technologies that are just beginning to be available for general use, this table could be a lifesaver for designers who aren’t sure how compatible certain properties and attributes are. Rather than waste time on development only to find out that your nifty code doesn’t work in half the browsers out there, you can turn here to find out first.

Hier gehts zu When-Can-I-Use.

  • Share/Save/Bookmark
Categories: Tech, Tools Tags: ,