CodeFusion

CF Handwerk Teil 1 – wireframing

29.05.2014

Heute werden wir bisschen über unsere Handwerk erzählen. Oft Rätseln die Nicht-Programmierer, was ist so spannend, in den ganzen Tag an das Computer zu sitzen. Na, ja. Es ist einfach das „Kreieren“. Es mag schon langweilig von draußen auszuschauen aber das was wir machen ist echt spannend und Kreativ. Und wir sitzen nicht nur an das Programmieren. Manchmal machen wir etwas mehr augenfällig. Wie z.B. Wireframing. Es ist etwas was wir ziemlich oft bei CODEFUSION benutzen. Wahrend wireframing kreieren wir ein Applikation Mock-up. Es ist eine Art von Model von der Applikation. Der besteht aus den Zeichnungen von der einzelnen Applikation Masken. Oft sind die die Masken interaktiv. Also man kann ein Button drucken und auf andere Maske gelangen. Die wireframes kann man mit Bleistift und Papier erstellen, oder auf dem White Board mit einem Marker zeichnen oder sogar ein Spezielles Programm für das Benutzen. Egal wie die Kreiert sind, sind solche Mock-ups ein ideales mittel um das Kundenfeedback schnell zu bekommen. Durch sowas kennen wir solche Sprüche wie „Zeige mir was du hast und ich sage dir was ich brauche“ vermeiden. Klar könnten wir die erste Version von ein Programm zeigen um auf solche Sprüche zu beantworten, aber es ist unvergleichbar günstiger wireframe zu erzeugen als die erste Version von eine Applikation zu schreiben.

Wir haben vor kurzem die Version 2.0 und unser ExCalc – Leasing Kalkulator in Deutschland veröffentlicht. Bald folgt die Internationale Version. Wir haben die bisherige B2C um die B2B Möglichkeiten erweitert. Es bedeutet das die App nicht mehr nur für die Endkunden verfügbar aber ab jetzt auch für die Handler und Leasinggesellschaft Mitarbeiter auch zu da. Während wir uns für daie Version 2.0 vorbereiteten, mussten wir die alte wireframes für das B2C Version rausgraben. Unten sind paar Screenshots zu sehen. Unten das Microsoft SketchFlow mit das Mock-up und die Screenshots von Android ExCalc Version. Wie man sieht in einige stellen haben wir zugegriffen, aber das meiste wurde beibehalten und die Version war richtig vorberiete.

ExCalc Wireframe Sketchflow 1
ExCalc Wireframe Sketchflow 2
ExCalc Wireframe Sketchflow 3
ExCalc Wireframe Sketchflow 4
ExCalc Wireframe Sketchflow 5
«
»
strzałka do góry