User Interface Design und Icon Library

Ähnliche Dokumente
SSI WHITE PAPER Design einer mobilen App in wenigen Stunden

Der schnelle Weg zu Ihrer eigenen App

Leistungsstarke Enterprise Apps. Für Menschen erdacht. Für Veränderungen entwickelt.

So versprüht man digitalen Lockstoff

modern - sharp - elegant

Online Schulung Anmerkungen zur Durchführung

Migration von statischen HTML Seiten

Eine eigene Seite auf Facebook-Fanseiten einbinden und mit einem Tab verbinden.

SMART Newsletter Education Solutions April 2015

Liferay 6.2. Open Source IT-Dienstleister. Ein modernes Open Source Portal System. forwerts solutions GmbH, Gabriele Maas

POWER YOUR BUSINESS BY QUALIFICATION

Anwendungsbeispiele. Neuerungen in den s. Webling ist ein Produkt der Firma:

Benutzerhandbuch. Leitfaden zur Benutzung der Anwendung für sicheren Dateitransfer.

T Y P O 3 M I T M A G E N T O E C O M M E R C E M I T E N T E R P R I S E C O N T E N T M A N A G E M E N T

InfoPoint vom 9. November 2011

1 Was ist das Mediencenter?

Ihr CMS für die eigene Facebook Page - 1

Präsentation Von Laura Baake und Janina Schwemer

Einleitung: Frontend Backend

Lineargleichungssysteme: Additions-/ Subtraktionsverfahren

Reporting Services und SharePoint 2010 Teil 1

ERPaaS TM. In nur drei Minuten zur individuellen Lösung und maximaler Flexibilität.

VTC CRM Private Cloud

Mit der Maus im Menü links auf den Menüpunkt 'Seiten' gehen und auf 'Erstellen klicken.

Zeichnungskoordination in der Cloud

easytermin App easysolution GmbH 1

Bedienungsanleitung. Einfach kommunizieren.

Erfahrungen mit Hartz IV- Empfängern

Diese Ansicht erhalten Sie nach der erfolgreichen Anmeldung bei Wordpress.

FEHLER! TEXTMARKE NICHT DEFINIERT.

Abenteuer e-commerce Erfolgreich mit dem eigenen Onlineshop.

Homepage Vorlagen - Homepagevorlagen. Klicken Sie auf die Homepage-Vorlage, um sie zu sehen: Erstellen Sie mit Homepagevorlagen Ihre Webseite.

Impulse Inklusion Selbst-bestimmtes Wohnen und Nachbarschaft

4.1 Download der App über den Play Store

Content Management System mit INTREXX 2002.

Auslotung der Gefühle & Wünsche von Eltern und SchülerInnen zum Schuljahr 2011/2012

Wie richten Sie Ihr Web Paket bei Netpage24 ein

Projektsteuerung Projekte effizient steuern. Welche Steuerungsinstrumente werden eingesetzt?

VIP-Programm. Herzlich Willkommen!

AZK 1- Freistil. Der Dialog "Arbeitszeitkonten" Grundsätzliches zum Dialog "Arbeitszeitkonten"

Das Projekt wird durchgeführt von den Bezirksregierungen in Nordrhein- Westfalen in ihrer Funktion als Fachstelle für die öffentlichen Bibliotheken

MHP Mobile Business Solution Ihre Prozessoptimierung, um ortsunabhängig flexibel und hoch produktiv zu agieren!

Vorarlberger Standardschulinstallation Anbindung von Android Mobile Devices

Besten Dank, dass Sie sich überlegen, eine Website von Daynox erstellen zu lassen!

LOS InS netz. Die Lösung für den professionellen Auftritt im Internet

FH-SY Chapter Version 3 - FH-SY.NET - FAQ -

Sehr geehrter Herr Pfarrer, sehr geehrte pastorale Mitarbeiterin, sehr geehrter pastoraler Mitarbeiter!

Die Beschreibung bezieht sich auf die Version Dreamweaver 4.0. In der Version MX ist die Sitedefinition leicht geändert worden.

Welche Gedanken wir uns für die Erstellung einer Präsentation machen, sollen Ihnen die folgende Folien zeigen.

L10N-Manager 3. Netzwerktreffen der Hochschulübersetzer/i nnen Mannheim 10. Mai 2016

ecommerce Deshalb ist es für Unternehmen jeder Grösse wichtig, den Schritt in den Online-Verkauf nicht zu verpassen.

WordPress installieren mit Webhosting

Lernmaterial für die Fernuni Hagen effizient und prüfungsnah

Anleitung zur Erstellung und Bearbeitung von Seiten in Typo3. Typo3. Anleitung. Wenpas Informatik

Win-Digipet V 9.2 Premium Edition Wie bastele ich mir steuerbare Kontakte. Wie bastele ich mir steuerbare Kontakte? -Quick-And-Dirty-Lösung-

Kommunikation als kreativer Prozess: Im Dialog mit dem Kunden

Online-Befragungen. cogitaris GmbH, Eltville. Online-Befragungen

Web Interface für Anwender

Copyright 2015 CADRela?ons.de. 5 GUTE GRÜNDE ein Integriertes CAD/CAM- System zu nutzen

Glaube an die Existenz von Regeln für Vergleiche und Kenntnis der Regeln

Anleitung: Sammel-Rechnungen für Lizenzen bei Swiss Basketball

Version smarter mobile(zu finden unter Einstellungen, Siehe Bild) : Gerät/Typ(z.B. Panasonic Toughbook, Ipad Air, Handy Samsung S1):

Zertifikat in dakota einlesen Wie lese ich mein Zertifikat in dakota.le ein?

tentoinfinity Apps 1.0 EINFÜHRUNG

ROFIN App Benutzerhandbuch. Version 1.0

Ferngesteuerte Logistikprozesse

TYPO3 Slide Lightwerk GmbH

Referenzen Typo3. Blog der Internetagentur Irma Berscheid-Kimeridze Stand: Juni 2015

Fotos verkleinern mit Paint

Konzentration auf das. Wesentliche.

Wo finde ich die Software? - Jedem ProLiant Server liegt eine Management CD bei. - Über die Internetseite

Agiles Design. Dr.-Ing. Uwe Doetzkies Gesellschaft für Informatik mail:

Nominari. Firmenportrait

Auswahl alter Klausuraufgaben aus einer ähnlichen Vorlesung Maßgeblich für die Prüfung sind die Vorlesungsinhalte!

Mobile Fundraising. Praxisbeispiele. Katja Prescher Fundraiserin, Marketing- und Kommunikationsexpertin. Mobile Fundraising Katja Prescher

Erhöhung der Online-Präsenz mit Google My Business (GMB)

Jeopardy and andere Quizformate im bilingualen Sachfachunterricht Tipps zur Erstellung mit Powerpoint

Windows 10. Vortrag am Fleckenherbst Bürgertreff Neuhausen.

Die Coaching-Lösung der Nächsten Generation

Was macht Layer2 eigentlich? Erfahren Sie hier ein wenig mehr über uns.

Leichte-Sprache-Bilder

BEDIENUNGSANLEITUNG: EINREICH-TOOL

Tutorial. Wie kann ich meinen Kontostand von meinen Tauschpartnern in. übernehmen? Zoe.works - Ihre neue Ladungsträgerverwaltung

Privatinsolvenz anmelden oder vielleicht sogar vermeiden. Tipps und Hinweise für die Anmeldung der Privatinsolvenz

Inhaltsverzeichnis U M S T E L L U N G A U F O F F I C E 3 6 5

Integration mit. Wie AristaFlow Sie in Ihrem Unternehmen unterstützen kann, zeigen wir Ihnen am nachfolgenden Beispiel einer Support-Anfrage.

Innovative Software und Beratung für Veranstaltungsmanagement, Ticketing und Eintrittskontrolle.

B12-TOUCH VERSION 3.5

Meet Magento,

SCHRITT 1: Öffnen des Bildes und Auswahl der Option»Drucken«im Menü»Datei«...2. SCHRITT 2: Angeben des Papierformat im Dialog»Drucklayout«...

6 Beiträge zum Platz "Steuerberater Kanzlei Schelly - Hamburg Nord" auf Deutsch. robzim Hamburg 1 Beitrag. Kommentieren 1 Kommentar zu diesem Beitrag

Dokumentenverwaltung im Internet

Visuelles Programmieren. mit der neuen. Moskito Workbench

Wenn Sie das T-Online WebBanking das erste Mal nutzen, müssen Sie sich zunächst für den Dienst Mobiles Banking frei schalten lassen.

Elternumfrage Kita und Reception. Campus Hamburg

Transkript:

Clemens Grossmann - TouchingCode GmbH User Interface Design und Icon Library www.apmato.com

Auftraggeber TouchingCode GmbH Wir sind spezialisiert auf die Entwicklung von Smartphone Apps und die dazugehörigen Backend Server Funktionen Flagship product: Unser Online tool zum Erstellen, Erweitern und Pflegen von nativen Apps: APMATO (App Publishing with a Modular Authoring Tool as an Online platform)

Designer Peter Scherbarth Schwerpunkt meiner Arbeit ist die Konzeption und Gestaltung von Graphiken (hier insbesondere Logos) und Webseiten, wobei ich letztere fast ausschließlich mit dem Content Management System WordPress umsetze. Ich photographiere Landschaft und Architektur. (Auch als 360 -Bilder.)

Das apmato System bietet: Online selbst Apps erstellen und bearbeiten Content server für Content Updates, User Daten und Push Notifications Automatisiertes Erstellen von nativen Apps Erweiterbar: eigene Module (HTML / Objective-C / Java) erstellen und integrieren Wir bieten auch an, die Veröffentlichung der Apps durchzuführen

Vorlagen Als ersten Schritt bei der App Erstellung wählt der User eine Vorlage. Diese kann danach visuell, inhaltlich und strukturell beliebig angepasst werden.

Editor Kernstück ist apmato-create, der Editor für die App

Module Bei apmato wird die App durch das Kombinieren von Modulen flexibel erstellt.

www.apmato.com einfach ausprobieren! freemium Modell, kostenlos zum Prototyp oder privater App

Anforderungen Design Für unseren App Editor benötigten wir Vorlagen, die unsere User als Startpunkt für eigene Apps verwenden können Die Aufgabe bestand darin, die Vorlagen so allgemein zu erstellen, dass sie für viele verschiedene Apps verwendet werden können, aber trotzdem konkret genug, dass sie als beispielhaft verstanden werden können Entwicklung einer Ikon Bibliothek, für die Vorlagen und als Bibliothek für unsere User

Vorlagen Design

Vorlagen Design

Vorlagen Illustrationen

Ikon Bibliothek - Anforderungen Bibliothek, um alle Navigationseventualitäten möglicher Apps mittels Symbolen abzubilden Strukturierung und Gliederung der Symbole Produktion vom Üblichen zum Speziellen Darstellungsstil, der eine beliebige Erweiterung der Bibliothek ermöglicht Plattformübergreifend, viele verschiedene Größen

Ikon-Bibliothek

Ikon Bibliothek - Design Starke Abstraktion: 2D, formale Reduktion, wenige bis keine Schattierungen, vorgegeben durch die mobilen Systeme Möglichkeit der illustrativeren, weniger abstrakten Darstellung durch Fortschritte in der Hardware (höher auflösende Displays) Anwendung als redundante Wort-Bildkombination in den Apps, somit müssen die Ikons nicht zwingend selbsterklärend sein Aufgreifen von im Computerkontext üblichen, plattformübergreifenden Symbolen und Darstellung im bibliothekstypischen räumlich-illustrativen Stil Die Icons stellen einen wichtigen visuellen Kontrast zur, technisch bedingten, formalen Simplizität der Apps dar.

Design Fazit: das Design wurde termingerecht geliefert, und konnte sehr gut in das Produkt eingebaut werden. Die Ikon Bibliothek bereichert die mit apmato erstellten Apps. Die Kombination der beiden Bibliotheken in einer Gestaltungsaufgabe erwies sich als sehr praktikabel. Die Templates bedurften der Symbole und lieferten im laufenden Projektfortschritt wiederum konkrete Anforderungen an die Ikon-Bibliothek. Die Symbole konnten ohne Umschweife im konkreten Anwendungsfall auf ihre Symbolkraft und Darstellungsqualität überprüft werden.

Design Transfer Bonus Zeitlicher Verlauf 2013 ab 7. Januar: Formulieren der Aufgabe, Kontaktieren von Designern und Einholen von Angeboten 21. Januar: Abgabe des Antrages 26. März: Bewilligung des Antrages 1. April - 31 Mai: Durchführung Zahlung von TouchingCode an den Designer: 11. Juni Abruf / Sachbericht von TouchingCode: 25. Juni Auszahlung der Förderung: Anfang Juli

Design Transfer Bonus zusätzlicher Aufwand 3 schriftliche Angebote Förderantrag Abruf der Förderung inkl. schriftlichem Abschlussbericht Do the math: wir haben 4-5 Tage zusätzlichen Aufwand gehabt

Design Transfer Bonus Fazit: lohnendes Förderprogramm Was uns gefällt: Transparentes Verfahren Jederzeit ansprechbare Partner bei B.&S.U. mbh Zügige Auszahlung Was man bedenken muss: Starres Projektziel 3 abgegebene Angebote - nicht jeder, den man anfragt, gibt ein Angebot ab

Vielen Dank fürs zuhören! Clemens Grossmann: cg@apmato.com Peter Scherbarth: info@merzhase.com