Hallo,

inzwischen ist mein größeres Projekt, indem ich lediglich ein größeres Team unterstützt habe, zu Ende. Daher erstelle ich wieder eigene Anwendungen, mit allen Schritten, wie Analyse, Konzeption, Entwicklung, Test, Dokumentation – einfach alles, was so zum Erstell-Zyklus einer Anwendung gehört.

Dazu gehört ja meist auch entweder einen Klick-Dummy zu erstellen, oder ein GUI-Design. Jetzt kann man sicherlich bei Web-Anwendungen das ganze über HTML machen und mit Default-Werte füllen, bei Desktop- oder Embedded-Anwendungen sieht das meist schwieriger aus.

Vor etlichen Jahren, als der Cutworks-Webshop konzipiert wurde, wurde ein Usability-Konzept als Wireframe von Centigrade erstellt, was eigentlich genau richtig war, um die wesentlichen Sachen ohne großartig mit Farben ins Detail zu gehen, zu visualisieren. Mit welchem Tool Sie das erstellt haben, weiß ich leider nicht mehr, aber die Art und Weise hat mir damals sehr gut gefallen. Im Web habe ich dann mal gesucht, ob es Freeware oder Open-Source-Software gibt, die solche Wireframe-Grafiken erstellen kann und dabei bin ich auf das Pencil-Projekt von Evolus gestoßen, was für viele Betriebssysteme, d.h. sowohl Linux, Mac OS als auch Windows zur Verfügung steht.

Damit kann man wirklich erstklassig Gui-Konzepte erstellen und in verschiedene Formate exportieren. Inzwischen hat sich Pencil wirklich stark gemausert, es bietet in der aktuellen Version auch die Möglichkeiten, eigene bzw. fertige Collections einzubinden und Cliparts online zu suchen, mit denen man seine GUI-Entwürfe noch einfacher und schöner erstellen kann. Neben “Desktop-Guis” könnt ihr auch Webseiten-Layouts, IPhone / IPad-Layouts und noch viele andere Arten von GUI’s entwerfen. So könnt ihr in wenigen Minuten Oberflächen gestalten und in PNG, PDF, Inkscape-Dateien, OpenOffice-Dokumente oder als Webseite exportieren.

Hier mal zwei Beispiele:

Die Bedienung ist relativ selbst-erklärend, lediglich mit dem Einbinden von eigenen Bildern hatte ich anfangs Probleme. Bilder bindet ihr ein, indem man diese per Drag & Drop ins Pencil zieht. Eine andere Möglichkeit habe ich bisher noch gar nicht gefunden.

Sogar einer meiner Kunden nutzt das inzwischen um seine Ideen den Entwicklern zu präsentieren.

In Kürze werde ich mal ein kurzes Tutorial über Pencil online stellen, damit ihr Eure ersten Gui-Entwürfe erstellen könnt.

Dieser Beitrag hat 12 Kommentare

  1. Kristen

    bookmarked!!, I love your site! Saved as a
    favorite, I love your web site! I’ve been browsing online more
    than three hours as of late, yet I by no means found any attention-grabbing article like yours.
    It’s lovely price sufficient for me. Personally, if all website owners and bloggers
    made excellent content as you probably did, the internet will probably be much more helpful than ever
    before. http://pepsi.net

  2. I have read so many articles regarding the blogger lovers but this post is in fact a pleasant post, keep it up.

    1. crypti

      Thank’s very much for the compliment.

  3. Heya this is somewhat of off topic but I was wanting
    to know if blogs use WYSIWYG editors or if you have to manually code with
    HTML. I’m starting a blog soon but have no coding experience so I wanted to get advice from someone with experience.
    Any help would be enormously appreciated!

    1. crypti

      Hi, I use WordPress for blogging, so you will not need any HTML-Experience. WordPress has a nice and easy to use WYSIWYG-Editor with a lot of nice features and the ability to be extended by a lot of plugins.

  4. I’m not that much of a internet reader to be honest but your blogs really nice,
    keep it up! I’ll go ahead and bookmark your website to come
    back down the road. Many thanks

    1. crypti

      Thanks very much for this comment.

  5. g

    Hi! Do you know if they make any plugins to assist with
    Search Engine Optimization? I’m trying to get my
    blog to rank for some targeted keywords but I’m not seeing very good success.

    If you know of any please share. Thank you!

  6. g

    Heya are using WordPress for your blog platform? I’m new
    to the blog world but I’m trying to get started and create my
    own. Do you require any coding expertise to make your own blog?
    Any help would be really appreciated!

    1. crypti

      Hi,
      yes, I’m using WordPress for Blogging. Getting a WordPress-blog up and running is relatively easy, some providers of webspace offer a “one-click”-installer, there is no much easier way to create a wordpress-site.
      You will not require any coding expertise to make a blog, it’s as simple as writing word documents. WordPress provide a lot of themes and plugins mostly for free, that will allow you to create beautiful looking sites / blogs.
      Before creating your blog site, I recommend you to watch some video tutorials on youtube. There are a plenty of really good tutorial videos teaching you how to start and how to customize your blog.
      Regards,
      Carsten

  7. g

    Thanks for your marvelous posting! I seriously enjoyed reading it, you may be a great author.I will
    remember to bookmark your blog and definitely will come back very soon. I want to encourage
    you to ultimately continue your great job, have a nice evening!

    1. crypti

      Thank you very much for your comment.

Schreibe einen Kommentar

Artikel, die Dir auch gefallen könnten

Sicherung eines Windows-Server-Systems

In den Desktop-Umgebungen (Windows 7, 8, 10) gibt es die Möglichkeiten, vor Installation einer Software einen Wiederherstellungspunkt zu erstellen, um mögliche Probleme bei der Installation

mehr...