Webdesign | t3n News News, Infos, Tipps und aktuelle Artikel zu Webdesign 2015-07-28T10:12:14Z t3n Redaktion http://t3n.de/tag/webdesign Zeit für Veränderungen? TWT, Spiele Max, Goodgame Studios, Flixbus und viele mehr suchen Verstärkung http://t3n.de/news/zeit-fuer-veraenderungen-twt-625875/ 2015-07-28T10:12:14Z
Einmal pro Woche verweisen wir hier auf aktuelle und interessante Jobangebote aus unserer Stellenbörse „t3n JOBS“. Diesmal können wir euch 55 Angebote aus verschiedenen Bereichen vorstellen.

Einmal pro Woche verweisen wir hier auf aktuelle und interessante Jobangebote aus unserer Stellenbörse „t3n JOBS“. Diesmal können wir euch 55 Angebote aus verschiedenen Bereichen vorstellen. Heiß begehrt: Webentwickler, Webdesigner und Marketing-Spezialisten.

TYPO3-Entwickler /// Web-Entwickler (m/w)econsor

  • econsor GmbH
  • 70178 Stuttgart

Zur Stellenanzeige...

Application Consultant (m/w) Online-MarketingTeradata

  • Teradata GmbH
  • 80335 München

Zur Stellenanzeige...

Digital Portfolio Audio Manager (m/w)Antenne Bayern

  • Antenne Bayern GmbH & Co. KG
  • 85737 München, Unterföhring, Zwillingshof

Zur Stellenanzeige...

(Junior) Category Manager E-CommerceSpiele Max

  • Spiele Max AG
  • 10115 Berlin

Zur Stellenanzeige...

Web Programmierer (PHP, MySQL) (m/w) - eCommerce bei TWTtwt

  • TWT Interactive GmbH
  • 40215 Düsseldorf

Zur Stellenanzeige...

SEO Manager m/wadesso AG

  • adesso AG
  • 44269 Dortmund oder Köln

Zur Stellenanzeige...

Frontend Entwickler (m/w) bei TWTtwt

  • TWT Interactive GmbH
  • 40215 Düsseldorf

Zur Stellenanzeige...

Web-Designer / Mediengestalter (m/w) Digital-/Printmedien - MediendesignInnoCigs

  • InnoCigs GmbH & Co. KG
  • 22761 Hamburg

Zur Stellenanzeige...

Software Entwickler PHP (w/m)itabs

  • itabs GmbH
  • 72622 Nürtingen

Zur Stellenanzeige...

Frontend Webentwickler in Hamburgmindsmash

  • mindsmash GmbH
  • 22767 Hamburg

Zur Stellenanzeige...

Konzeptioner Social Media/ Marketing / FußballGoalgetter

  • Goalgetter Deutschland GmbH
  • 10178 Berlin

Zur Stellenanzeige...

Junior Software-Entwickler (m/w) in VollzeitNEWI-Solar

  • NEWI-Solar GmbH
  • 88410 Bad Wurzach

Zur Stellenanzeige...

Brand Manager Bondex (m/w)PPG Coatings

  • PPG Coatings Deutschland GmbH
  • 44805 Bochum

Zur Stellenanzeige...

Marketing Specialist (m/w)SoftwareONE

  • SoftwareONE Deutschland GmbH
  • 74080 Heilbronn

Zur Stellenanzeige...

Junior Webanalyst E-Commerce (m/w)Baumarkt direkt

  • baumarkt direkt GmbH & Co. KG
  • 22081 Hamburg

Zur Stellenanzeige...

Mediengestalter (m/w)Agenda

  • Agenda Informationssysteme GmbH & Co. KG
  • 83026 Rosenheim

Zur Stellenanzeige...

Senior Digital Media Designer (m/w)logo_goodgamestudios

  • Goodgame Studios
  • 22761 Hamburg

Zur Stellenanzeige...

Chief Technical Officer (m/f) Digitaldeloitte-und-touche

  • Deloitte & Touche GmbH
  • 60486 Frankfurt

Zur Stellenanzeige...

Head of E-Commerce/Online Technology (m/w)infolox

  • infolox GmbH
  • 88131 Lindau (Bodensee)

Zur Stellenanzeige...

(Senior) Web Entwickler TYPO3 (m/w) bei TWTtwt

  • TWT Interactive GmbH
  • 40215 Düsseldorf

Zur Stellenanzeige...

Consultant Web Analytics (m/w) bei TWTtwt

  • TWT Interactive GmbH
  • 40215 Düsseldorf

Zur Stellenanzeige...

Webentwickler (m/w) in FestanstellungKOMMA-D

  • KOMMA-D
  • 85049 Ingolstadt

Zur Stellenanzeige...

Conversion Optimierer (m/w)FlixBus

  • FlixBus GmbH
  • 80335 München

Zur Stellenanzeige...

Junior Web-Entwickler (m/w)alle Freiheit

  • alle freiheit Werbeagentur GmbH
  • 50825 Köln

Zur Stellenanzeige...

Communication Manager (m/w)LR Health & Beauty

  • LR Health & Beauty Systems GmbH
  • 59227 Ahlen

Zur Stellenanzeige...

Programmierer PHP (m/w)inxmail 200 x 200

  • Inxmail GmbH
  • 79098 Freiburg im Breisgau

Zur Stellenanzeige...

Web Developer (m/w)sprylab

  • sprylab technologies GmbH
  • 10787 Berlin

Zur Stellenanzeige...

Maintenance Manager Web/Apps (m/w)BMW Group

  • BMW Group
  • 80809 München

Zur Stellenanzeige...

Web Design & Grafik Lead (m/w)econa 200 x 200

  • ECONA Nutrition Holding
  • 10115 Berlin

Zur Stellenanzeige...

Senior User Interface Designer (m/w) - für GMX, WEB.DE und mail.comlogo_1und1

  • 1&1
  • 76135 Karlsruhe

Zur Stellenanzeige...

Junior Web Designer (m/f) Hamburgkreditech 200 x 200

  • Kreditech Holding SSL GmbH
  • 20459 Hamburg

Zur Stellenanzeige...

Community / Social Media Manager/inmake relations

  • make relations GmbH
  • 60325 Frankfurt am Main

Zur Stellenanzeige...

Online-Marketingmanager (SEM) (m/w)TravelWorks

  • TravelWorks (Travelplus Group GmbH)
  • 48155 Münster

Zur Stellenanzeige...

Junior Digital Manager (m/w) Marketing InternationalWarsteiner Brauerei

  • Warsteiner Brauerei Haus Cramer KG
  • 59581 Warstein

Zur Stellenanzeige...

E-Commerce Manager/ManagerinAhrens + Sieberz

  • Ahrens + Sieberz
  • 53721 Siegburg

Zur Stellenanzeige...

Content Manager / Content ManagerinORSAY

  • ORSAY GmbH
  • 77731 Willstätt

Zur Stellenanzeige...

Social Media Manager (m/w)BITZER

  • BITZER Kühlmaschinenbau GmbH
  • 71065 Sindelfingen

Zur Stellenanzeige...

Online Marketing Analyst (m/w)logo_goodgamestudios

  • Goodgame Studios
  • 22761 Hamburg

Zur Stellenanzeige...

Produkt-/Grafik-Designer (m/ w)cycle union

  • cycle union GmbH
  • 26135 Oldenburg

Zur Stellenanzeige...

Frontend Entwickler Javascript (m/w)SilverTours - billiger-mietwagen

  • SilverTours GmbH - billiger-mietwagen.de
  • 50667 Köln

Zur Stellenanzeige...

Art Director (m/w)inovex

  • inovex GmbH
  • 76131 Karlsruhe

Zur Stellenanzeige...

Deloitte Digital - Web Developer (m/f)deloitte-und-touche

  • Deloitte & Touche GmbH
  • 60486 Frankfurt

Zur Stellenanzeige...

Chief Digital Officer (m/f) E-CommerceÖsterreichische Post

  • Österreichische Post AG
  • 1030 Wien, Österreich

Zur Stellenanzeige...

SEA-Manager (m/w)LaVita

  • LaVita GmbH
  • 84036 Kumhausen

Zur Stellenanzeige...

Senior Account Manager SEA (m/w)Quisma

  • Quisma GmbH
  • 81671 München, Düsseldorf

Zur Stellenanzeige...

Mediengestalter (m/w) Digital und PrintBELLIN

  • BELLIN Holding GmbH
  • 77955 Ettenheim

Zur Stellenanzeige...

Mitarbeiter / Mitarbeiterin für das Content Management / MarketingLechler

  • Lechler GmbH & Co. KG
  • 72555 Metzingen

Zur Stellenanzeige...

Product Development Manager (m/w) E-CommerceUnister

  • UNISTER
  • 04109 Leipzig

Zur Stellenanzeige...

Big-Data Engineer / Backend Developer (m/f)Software Diagnostics

  • Software - Diagnostics Technology GmbH
  • 14482 Berlin

Zur Stellenanzeige...

Grafik / Web Designer (m/w)itdesign 200 x 200

  • itdesign GmbH
  • 72072 Tübingen

Zur Stellenanzeige...

Senior Information Designer (m/w)deloitte-und-touche

  • Deloitte & Touche GmbH
  • 10719 Berlin

Zur Stellenanzeige...

Web Designer (m/f)Sixt

  • Sixt GmbH & Co Autovermietung KG
  • 82049 Pullach bei München

Zur Stellenanzeige...

Screendesigner (m/w)Unister

  • UNISTER
  • 04109 Dresden

Zur Stellenanzeige...

Senior PHP-Webdeveloper (m/w)SAITOW

  • SAITOW AG
  • 67661 Kaiserslautern

Zur Stellenanzeige...

System-Administrator / PHP- / JavaScript Developer (w/m)Verlagsgruppe NEWS

  • Verlagsgruppe NEWS GmbH
  • 1020 Wien, Österreich

Zur Stellenanzeige...

Noch mehr Stellenanzeigen gibt es in der Stellenbörse t3n Jobs. Wer selbst gerne ein Jobangebot aufgeben möchte, findet unter „Stellenanzeige schalten“ alle notwendigen Informationen.

]]>
Alina Jordan
Schicke kostenlose Social-Media-Buttons im Responsive Design für deine Website http://t3n.de/news/social-media-buttons-responsive-622953/ 2015-07-13T08:38:12Z
An Social-Media-Buttons scheiden sich die Geister. Bei diesen schicken Buttons im Responsive Design dürften aber selbst Zweifler schwach werden.

An Social-Media-Buttons scheiden sich die Geister. Bei diesen schicken Buttons im Responsive Design dürften aber selbst Zweifler schwach werden.

Social-Media-Buttons können schick sein, sie können Besucher aber auch schrecklich nerven. Aus der aktuellen Webwelt wegzudenken sind sie aber trotzdem nicht. Aus der Sicht der Webdesigner kann es außerdem nervig sein, die Social-Media-Buttons für jedes einzelne Projekt neu zu designen. Damit das künftig nicht mehr nötig ist, hat das Design-Team KNI ein Set von flexiblen Social-Media-Buttons im Responsive Design erstellt.

Social-Media-Buttons: Einfach anpassbar

Die Buttons wurden mit der Stylesheet-Sprache Sass entwickelt, sie sind daher einfach anzupassen. Laut den Designern brauchen lediglich ein paar Variablen ausgetauscht werden. Der Button-Container soll sich auf Displays aller Größen, von kleinen Geräten bis hin zu Retina, entsprechend anpassen. Wird ein Button entfernt, weil er nicht benötigt wird, füllen die restlichen Buttons diesen Platz aus.

Social-Media-Buttons im Responsive Design kostenlos zum Download. (Bild: KNI)
Social-Media-Buttons im Responsive Design kostenlos zum Download. (Bild: KNI)

Getestet wurden die Social-Media-Buttons im Responsive Design bisher in der Größe von 130 bis 15.465 Pixeln auf den aktuellen Versionen der Browser Chrome, Safari, Firefox, Opera und Internetexplorer. SVG-Support wird vorausgesetzt. Wie das Ganze ausschaut, kann man auf dieser Website selbst testen – dazu einfach die Seite größer und kleiner ziehen, die Social-Media-Buttons passen sich entsprechend an.

Social-Media-Buttons gratis zum Download

KNI hat den Code für die Social-Media-Buttons im Responsive Design auf Github zum Download zur Verfügung gestellt. Dort gibt es auch weitere Anweisungen zur Installation und zur Anpassung der Buttons.

Wenn ihr vor dem Installieren von Social-Media-Buttons noch auf der Suche nach WordPress-Themes seid, dann schaut euch unseren Artikel „30 kostenlose WordPress-Themes für Responsive Design“ an.

]]>
Jörn Brien
30 kostenlose WordPress-Themes für Responsive Design http://t3n.de/news/kostenlose-wordpress-themes-responsive-webdesign-376838/ 2015-07-13T08:11:24Z
Das Angebot an kostenlosen Templates für die eigene Website wächst stetig. Auch die Auswahl an Wordpress-Themes, die Responsive Webdesign unterstützen, ist inzwischen beachtlich.

Das Angebot an kostenlosen für die eigene Website wächst stetig. Auch die Auswahl an , die unterstützen, ist inzwischen beachtlich. Zur besseren Übersicht hier eine Auswahl von 40 kostenlosen und responsiven WordPress-Themes.

Responsive Design bei WordPress-Themes

Immer mehr Nutzer surfen über mobile Endgeräte im Internet. Ob unterwegs mit dem Smartphone oder auf der Couch mit dem Tablet: Neue Nutzungsgewohnheiten verändern die Anforderungen an Websites jedweder Machart. Mit einem responsiven WordPress-Theme verbessert ihr die Usability und Lesbarkeit eurer jetzigen und eurer zukünftigen Besucher.

Schon jetzt haben Notebooks und Smartphones den Desktop als beliebtesten Zugangsweg ins Internet hinter sich gelassen, wie die ARD/ZDF-Onlinestudie 2014 zeigt. Und auch der Anteil der Nutzer, die Internetinhalte über das Tablet abrufen, hat sich von 16 Prozent im Jahr 2013 auf 28 Prozent im Jahr 2014 gesteigert.

Vieles spricht daher für ein WordPress-Theme, das auch für mobile Endgeräte optimiert wurde.

30 WordPress-Themes für Responsive Design

Die folgenden WordPress-Themes sind durch Responsive Webdesign für alle Endgeräte optimiert. Wer auf eigene Faust eine responsive Website erstellen will, sollte sich stattdessen in die Einzelteile der folgenden Artikelserie einlesen:

  1. Responsive Webdesign, Teil 1: Layout- und Textdarstellung
  2. Responsive Webdesign, Teil 2: Das Navigationsmenü
  3. Responsive Webdesign, Teil 3: Darstellung von Galerien und Videos

1. Twenty Fifteen von WordPress

Twenty Fifteen ist das neuste Theme der WordPress-Macher. (Screenshot: WordPress.org)
Twenty Fifteen ist das neuste Theme der WordPress-Macher. (Screenshot: WordPress.org)

2. Match von DoveThemes

Responsive WordPress-Theme: Match.
Schön für persönliche Webseiten: Das responsive WordPress-Theme Match. (Screenshot: Match)

3. RestImpo von Tomas Toman

Responsive WordPress-Theme: RestImpo.
Das Theme RestImpo bietet unter anderem sechs vorgefertigte Farbschemata, 220 Schriftarten und Unterstützung für viele populäre Plugins. (Screenshot: RestImpo)

4. Spacious von ThemeGrill

Responsive WordPress-Theme: Spacious. (Screenshot: Spacious)
Spacious gehört zu den WordPress-Themes, die besonders aufgeräumt daher kommen. (Screenshot: Spacious)

5. Radiate von ThemeGrill

Responsive WordPress-Theme: Radiate. (Screenshot: Radiate)
Mit Radiate holt ihr euch ein modernes WordPress-Theme im klaren Look ins Haus. (Screenshot: Radiate)

6. GeneratePress von Tom

GeneratePress. (Screenshot: WordPress.org)
GeneratePress. (Screenshot: WordPress.org)

7. Forefront von Thomas Usborne (Child-Theme für GeneratePress)

Responsive WordPress-Theme: Forefront. (Screenshot: Forefront)
Responsive WordPress-Theme: Forefront. (Screenshot: Forefront)

8. Ignite von Compete Themes

Responsive WordPress-Theme: Ignite. (Screenshot: Ignite)
Die Nutzer des WordPress-Themes Ignite loben vor allem den guten Support. (Screenshot: Ignite)

9. Drop von Compete Themes

Responsive WordPress-Theme: Drop. (Screenshot: Drop)
Responsive WordPress-Theme: Drop. (Screenshot: Drop)

10. Vito von Nico Andrade

Das Vito-Theme. (Screenshot: WordPress.org)
Das Vito-Theme. (Screenshot: WordPress.org)

11. Basserie von Template Express

Für Restaurant-Seiten: Brasserie. (Screenshot: WordPress.org)
Für Restaurant-Seiten: Brasserie. (Screenshot: WordPress.org)

12. The Huxley von deucethemes

The Huxley. (Screenshot: WordPress.org)
The Huxley. (Screenshot: WordPress.org)

13. Ghazale von ghazale

WordPress-Theme Ghazale. (Screenshot: WordPress.org)
WordPress-Theme Ghazale. (Screenshot: WordPress.org)

14. Resonar von automattic

Resonar. (Screenshot: WordPress.org)
Resonar. (Screenshot: WordPress.org)

15. Patio von fikrirasyid

Patio-WordPress-Theme. (Screenshot: WordPress.org)
Patio-WordPress-Theme. (Screenshot: WordPress.org)

16. Founder von Ben Sibley

Founder-Theme. (Screenshot: WordPress.org)
Founder-Theme. (Screenshot: WordPress.org)

17. Sydney By athemes

Sydney. (Screenshot: WordPress.org)
Sydney. (Screenshot: WordPress.org)

18. Bistro By athemes (Child-Theme von Sydney)

Child-Theme von Sydney: Bistro. (Screenshot: WordPress)
Child-Theme von Sydney: Bistro. (Screenshot: WordPress)

19. Author von Ben Sibley

WordPress-Theme „Author“. (Screenshot: WordPress.org)
WordPress-Theme „Author“. (Screenshot: WordPress.org)

20. Poet von Ben Sibley (Child-Theme von Author)

Poet. (Screenshot: WordPress.org)
Poet. (Screenshot: WordPress.org)

21. Ambition By Theme Horse

Ambition. (Screenshot: WordPress.org)
Ambition. (Screenshot: WordPress.org)

22. Coherent von automattic

Coherent-Theme. (Screenshot: WordPress.org)
Coherent-Theme. (Screenshot: WordPress.org)

23. Princess By ThemePrince

Princess. (Screenshot: WordPress.org)
Princess. (Screenshot: WordPress.org)

24. Studio By Catch Themes

Studio. (Screenshot: WordPress.org)
Studio. (Screenshot: WordPress.org)

25. Receptar von WebMan Design | Oliver Juhas

Receptar-Theme. (Screenshot: WordPress.org)
Receptar-Theme. (Screenshot: WordPress.org)

26. Rara Clean von raratheme

Rara Clean. (Screenshot: WordPress.org)
Rara Clean. (Screenshot: WordPress.org)

27. Quidus von QerraPress

Quidus. (Screenshot: WordPress.org)
Quidus. (Screenshot: WordPress.org)

28. Aries von wplovin

Aries. (Screenshot: WordPress.org)
Aries. (Screenshot: WordPress.org)

29. Dispatch von wpHoot

Dispatch. (Screenshot: WordPress.org)
Dispatch. (Screenshot: WordPress.org)

30. Yuuta von felixdorner

Yuuta. (Screenshot: WordPress.org)
Yuuta. (Screenshot: WordPress.org)

Wir hoffen, dass wir euch einige neue Themes zeigen konnten.

Kennt ihr weitere kostenlose WordPress-Themes, die responsive sind und hier nicht fehlen dürfen?

Letztes Update des Artikels: 10. Juli 2015. Der Originalartikel stammt von Lars Budde.

]]>
Florian Brinkmann
UX Hero: Geniales Comic erzählt vom Leben eines Webdesigners http://t3n.de/news/ux-hero-comic-webdesign-617210/ 2015-06-19T06:00:55Z
Du bist Webdesigner? Dann wird dir diese wunderschön gestaltete Comic-Reihe „UX Hero“ förmlich aus der Seele sprechen.

Du bist Webdesigner? Dann wird dir diese wunderschön gestaltete Comic-Reihe „UX Hero“ förmlich aus der Seele sprechen.

Zwei Jahre soll dran gearbeitet worden sein, jetzt ist zumindest die erste von insgesamt sechs geplanten Ausgaben fertig: Mit „UX Hero“ hat der Israeli Tal Florentin eine aufwändige Comic-Reihe produziert, die vom Leben eines Webdesigners erzählt.

UX Hero: Dieser Comic spricht Webdesigner heilig

UX Hero ist ein Comic, der ein Loblied auf den Beruf des UX- und Webdesigners singt. (Bild: UX Hero)
UX Hero ist ein Comic, der ein Loblied auf den Beruf des Webdesigners singt. (Bild: UX Hero)

In der 30-seitigen Erstausgabe geht es unter anderem um ein fünfköpfiges Startup, das mit schlechten Konversionsraten auf der Website zu kämpfen hat. Dabei steht der Launch einer App kurz bevor und die Investoren machen schon Druck. Mit dem Bild eines verzweifelten Gründerteams und hysterischen Ausrufen wie „Our conversion sucks!“ und „How we can get people to complete the registration process?“ steigt der Comic in die erste von insgesamt drei Kurzgeschichten ein.

Dabei geht es natürlich um Wireframes, Flow Charts, Conversion Funnels und vieles mehr. Die zweite Handlung erzählt etwa von einen Verlag, dessen E-Book-Verkäufe auf der Website plötzlich auf Talfahrt gehen. Ein ähnliches Bild in der dritten Geschichte: Hier ziehen Mitarbeiter eines Callcenters den Zorn der Anrufer auf sich, weil sie die richtigen Lösungen für Kundenprobleme nicht schnell genug auf der Website nachschlagen und kommunizieren können.

Alle drei Geschichten von UX Hero aber haben eines gemeinsam: des Rätsels Lösung ist am Ende immer ein Web- beziehungsweise UX-Designer. Er kann sich in die Emotionen und Erwartungen sowie das Verhalten von Website-Besuchern hineinversetzen. Mit einem Sinn für Gestaltung und Funktionalität einer App beziehungsweise Website legt er den Grundstein für ein erfolgreiches Digitales Business. Der Comic rührt unterm Strich also kräftig die Werbetrommel für den Beruf und macht ganz nebenbei auch noch Spaß.

Wer die komplette erste Ausgabe als PDF lesen möchte, kann sich diese auf der Website von UX Hero unter Angabe der E-Mail-Adresse kostenlos herunterladen. Alle zwei Monate soll eine neue Ausgabe erscheinen. Wer diese ebenfalls lesen will, kann vorsorglich ein Abo für 39 US-Dollar abschließen.

Anm. d. Red.: In einer früheren Version des Artikels waren alle Seiten der Erstausgabe in der Bildergalerie mit entsprechendem Quellenverweis eingebunden. Das war vom Urheber auch so genehmigt worden. Nach einer weiteren Rücksprache mit dem Autor haben wir uns aber dazu entschieden, nur die ersten fünf Seiten von UX Hero zur Verfügung zu stellen.

]]>
Daniel Hüfner
t3n-Community-Umfrage: Welchen Grafik-Monitor nutzt du? http://t3n.de/news/grafik-monitor-webdesigner-616334/ 2015-06-16T06:40:16Z
In dieser Woche wollen wir von den Webdesignern unter euch wissen, welchen Grafik-Monitor ihr an eurem Arbeitsplatz stehen habt. Für die von euch, die grad auf der Suche nach einem neuen Monitor …

In dieser Woche wollen wir von den Webdesignern unter euch wissen, welchen Grafik-Monitor ihr an eurem stehen habt. Für die von euch, die grad auf der Suche nach einem neuen Monitor sind, könnten die Ergebnisse nächste Woche auch spannend sein.

Grafik-Monitor: Design, Reaktionszeit oder Auflösung?

Welche Aspekte beim Monitorkauf im Vordergrund stehen, hängt ganz von den Vorlieben des Webdesigners ab. Ob der Screen matt oder glossy sein soll, ob es wirklich die höchste Auflösung sein muss oder welche Anschlüsse und Zusatzfeatures er mitbringen sollte – da scheiden sich die Geister. Bei den meisten Webdesignern ist es sicherlich auch ein Kompromiss aus den wichtigsten Features und einem erschwinglichen Preis. Wer sich heutzutage nach einem Monitor umsieht, sieht sich einem gigantischen Angebot gegenüber, da fällt es nicht leicht, eine Entscheidung zu treffen. Wir wollen in unserer t3n-Community-Umfrage deswegen diese Woche wissen, wofür du dich beim Kauf deines letzten Monitors entschieden hast.

Der Beste Grafik Monitor Fuer Webdesigner
Wie sieht dein Grafik-Monitor aus? (Foto: Shutterstock)

Wie sieht dein Grafik-Monitor aus?

Im Grunde gibt es eine handvoll Kriterien, über die man nachdenken sollte, bevor man sich einen neuen Monitor anschafft: Welche Auflösung brauche ich für meine Arbeit? Wie groß soll der Monitor sein? Möchte ich ein glänzendes oder ein mattest Display? Auf welcher Technologie soll das Display basieren? Und wieviel kann ich dafür ausgeben? Vermutlich die wenigsten werden die Optik des Monitors als höchste Priorität erachten. Zu den wichtigsten Punkten würden wir von euch gerne wissen, wie ihr euch entschieden habt.

Wir sind gespannt, welche Monitore am häufigsten bei euch zum Einsatz kommen. In einer Woche verraten wir euch dann natürlich auch das Ergebnis der Umfrage. Und damit das Ergebnis möglichst repräsentativ wird: Teilt die , was das Zeug hält. Jede Stimme zählt!

]]>
Melanie Petersen
Arbeiten im Startup: 8 Faktoren die dir zum nächsten Traumjob verhelfen http://t3n.de/news/startup-job-arbeiten-616134/ 2015-06-16T06:25:35Z
Heutzutage wird man als fähiger Entwickler beziehungsweise Webdesigner nicht selten für eine Stelle in einem Startup angesprochen. Obwohl die Bezahlung meistens eher schlecht als recht ist, gibt es …

Heutzutage wird man als fähiger beziehungsweise nicht selten für eine Stelle in einem Startup angesprochen. Obwohl die Bezahlung meistens eher schlecht als recht ist, gibt es dennoch Gründe für das Arbeiten in einem Startup. Im Artikel lest ihr worauf ihr achten müsst.

Schlechtes Gehalt, lange Arbeitszeiten, ausbeuterische Unternehmenskultur – das sind die Vorurteile auf der Schattenseite der hippen Startup-Medaille. Dass nicht jedes Startup zum nächsten Millionen-Seller avanciert dürfte klar sein, trotzdem bedeutet das nicht, dass eine Stelle in einem Startup schlecht ist. Die nachfolgenden Tipps sollen euch helfen die Entscheidung leichter fällen zu können.

Startup-Faktor 1: Fähige Geschäftsführung

„Versprechungen alleine reichen nicht aus.“

Ausnahmen wie Mark Zuckerberg ausgenommen – hat der Geschäftsführer schon mal ein erfolgreiches Unternehmenskonzept gegründet und aufgebaut? Oder sogar verkauft? Tatsächlich reicht es nicht eine „Wahnsinns-Idee“ zu haben – ein Startup braucht Erfahrung, Wissen und vor allem Führung – jedenfalls in 99 Prozent der Fälle. Denn: Versprechungen alleine reichen nicht aus.

Fehlt es dem Startup an einem erfahrenen und seriösem Geschäftsführer würde ich die Finger davon lassen.

Startup-Faktor 2: Glaubst du an die Vision?

Überzeugt dich das Produkt beziehungsweise die Vision des Startups? Kannst du dich damit identifizieren? Wenn du das Produkt selbst nutzen würdest, oder dir die angestrebten Zielgruppen plausibel erscheinen dann: Go. Wenn du nicht ganz überzeugt sein solltest, stell Fragen! Es geht immerhin um die nächsten Monaten oder sogar Jahre – und vor allem darum, wie du dein Leben ausrichten musst. Wenn dich die Antworten nicht zufriedenstellen, würde ich die Finger davon lassen: Wie sollen Kunden überzeugt werden, wenn nicht einmal die Mitarbeiter überzeugt werden können? Du musst – genauso wie der oder die Gründer – an die Vision glauben, sonst wird es dir mittelfristig an Motivation fehlen um dafür zu arbeiten.

Startup-Faktor 3: Beteiligung am Startup

Ja, die Bezahlung ist meistens sehr schlecht. Liegt zum einen daran, dass einfach nicht genug Geld im Unternehmen ist, oder auch daran, dass Gründer an die Zahlung von Maximalgehältern gebunden sein können.

Nichts desto trotz muss kein Full-Stack-Entwickler für ein Praktikanten-Gehalt arbeiten: Es gibt schließlich Beteiligungen am Unternehmen. Diese Möglichkeit ändert zwar nichts an schlechter Bezahlung in der Gegenwart, kann sich aber zukünftig auszahlen. Allerdings solltest du beachten, dass „viel von Nichts auch nichts ist.“ Soll heißen: Wenn andere Faktoren im Startup nicht stimmen oder das Startup einfach scheitert, dann hilft dir die gesamte Beteiligung nichts. Auf der anderen Seite ist es kein gutes Zeichen, wenn Beteiligungen regelrecht an Mitarbeiter verschleudert werden – auch hier sollten die Alarmglocken klingeln.

Startup-Faktor 4: Kannst du etwas dazu lernen?

startup
Sich weiterentwickeln: Das Startup kann der ideale Ort dafür sein. (Foto: © Maksim Kostenko - Fotolia.com)

„Praktikanten mit 'hands on-Mentality'.“

Die Frage, die du dir stellen solltest ist: Bringt mich das Startup weiter? Nicht nur im Lebenslauf mit einer hoher Position innerhalb eines , sondern auch menschlich sowie fachlich. Startups können ideale Orte sein, um neues auszuprobieren und den eigenen Horizont zu erweitern. Eine Chance die du in einem 9-to-5-Job selten hast. Somit kannst du deine Zeit innerhalb eines Startups – selbst wenn es scheitern sollte – als eine Art Investment in deine Bildung ansehen.

Dem entsprechend solltest du dich von Startups fernhalten, die dich primär als „Praktikanten mit 'hands on-Mentality'“ sehen, der als „Head of Packaging“ hauptsächlich Kisten im Keller sortieren soll.

Startup-Faktor 5: Das Klima

Werden Mitarbeiter als Arbeitssklaven gehalten oder handelt es sich um schlecht bezahlte, aber seriöse Jobs? Wie wird mit Kunden, Mitarbeitern und Partnern umgegangen?

Ein Startup funktioniert top-down: Wenn sich die Gründer nicht verstehen, wie soll dann das Startup funktionieren? Natürlich gibt es Unternehmen in denen sich die Gründer nicht mehr so blendend verstehen wie in ihrer Studienzeit, allerdings wäre mir der Einstieg in ein Startup, das Probleme mit der Führungsetage hat, zu risikoreich.

Startup-Faktor 6: Zukunftspläne

„Lass dich nicht mit fadenscheinigen Antworten abwimmeln.“

Wie sieht der Zukunftsplan aus? Exit, Börsengang oder Eigentümergeführte-Festanstellung im Traumunternehmen? Startups können sich in verschiedenste Richtungen entwickeln – es sollte aber ein grundlegender Plan vorhanden sein.

Vor allem muss klar sein, was mit Mitarbeitern passiert, sollte das Unternehmen verkauft oder sonst irgendwie umgewandelt werden.

Lass dich nicht mit fadenscheinigen Antworten abwimmeln: Es muss einen groben Plan geben. Denn wer im Startup nicht voraus plant, der wird früher oder später an der „Burning Rate“ zu Grunde gehen. Die monetären Mittel sind begrenzt, also sollte der Gründer ein wirtschaftliches Ziel ins Auge gefasst haben.

Startup-Faktor 7: Gibt es Investoren?

investor
Die Startup-Pläne werden genauestens überprüft. (© DragonImages - Fotolia.com)

Meiner Meinung nach, reicht es nicht, wenn ein Unternehmen Investoren über Crowd-Funding erreicht. Ja natürlich, man kann jetzt argumentieren, dass hier die Zielgruppe spricht und auf deren Wünsche eingegangen wird. Allerdings kann das auch heißen, dass der CEO einfach das Publikum um seinen Finger gewickelt hat. Negative Beispiel habe wir in letzter Zeit oft genug gesehen – sei es Vibewriter oder Crowdfunding-Kampagnen deren Einnahmen in der private Miete des „Gründers“ verschwunden sind.

Anders sieht die Sache aus, wenn erfahrene Investoren im Startup-Boot sitzen. Meistens fordern diese Investoren das Startup auf, Fortschritte zu dokumentieren und zu präsentieren sowie handfeste Pläne geschmiedet zu haben. Das gibt es beim Crowd-Funding auch, aber der 100-Euro-Teilhaber wird – praktisch gesehen – nicht die selben Möglichkeiten haben wie ein 26-%-Investor in einem Startup.

Startup-Faktor 8: Dein Bauchgefühl

„ ... oder schlichtweg ausbrennt.“

Fühlt es sich gut an, in und mit diesem Startup zu arbeiten? Bist du dir sicher, dass du auch noch in zehn Monaten in diesem Startup arbeiten möchtest? Ist dir bewusst, dass du wo anders vielleicht mehr verdienen könntest – teilweise aber zu schlechteren Konditionen, die Work/Life-Balance betreffen? Du musst dir im Klaren sein, dass ein Startup plötzlich vom Erdboden verschwiden kann – weil es gekauft wird oder schlichtweg „ausbrennt“. Natürlich hat die Arbeit innerhalb eines Startups Risiken – aber auch Vorteile. Ob ihr die tragen könnt müsst ihr aber selbst entscheiden.

Fazit: No Guts no Glory

Harte Arbeit und Versprechen, die nicht gehalten werden können – das Ganze gepaart mit extrem hohen Risiken. Startup-Mentalität hat nicht jeder und somit ist auch nicht jeder für eine Stelle innerhalb eines Startups geeignet.

Wer sich aber auf ein Startup einlässt, kann davon ungemein profitieren: Unternehmensbeteiligung, Erfahrungen sammeln und natürlich das Abenteuer miterleben zu können – das alles sind Gründe, die absolut für einen Arbeitsplatz im Startup sprechen. Ich persönlich empfehle, die Chance wahrzunehmen, für ein seriöses Startup zu arbeiten – diese Liste kann dir zwar helfen, aber die Entscheidung musst du dennoch für dich selbst treffen.

Vielleicht auch interessant: Hier findet ihr Beispiele für beeindruckende Online-Bewerbungen und-Lebensläufe

]]>
Mario Janschitz
So geht Mobile-Design heute: Typografie, Blur-Effekte und die Anforderungen von Wearables http://t3n.de/magazin/mobile-design-238281/ 2015-06-11T07:22:33Z
Die digitale Welt ist mobil. Der klassische Desktop verliert zumindest im Consumer-Bereich zunehmend an Relevanz. Immer mehr Menschen ziehen mobile Geräte vor. Neue Trends für Mobile- und …

Die digitale Welt ist mobil. Der klassische Desktop verliert zumindest im Consumer-Bereich zunehmend an Relevanz. Immer mehr Menschen ziehen mobile Geräte vor. Neue Trends für Mobile- und Responsive-Design tragen dem Rechnung. Ein Trend-Bericht mit Best Practices.

Eine der ersten Reaktionen von Designern und Entwicklern auf die steigende Relevanz mobiler Webnutzung war die Entwicklung responsiver Webdesigns. Sie sorgen dafür, dass sich die Nutzeroberfläche von Websites und Apps an die unterschiedlichen Bildschirmgrößen anpasst. Während anfangs noch Adaptive Designs mit drei Varianten (Breakpoints) für Desktop, Tablet und Handy ausreichten, setzen moderne Websites und Apps heute zunehmend ein fließendes (fluides) Responsive Webdesign voraus, um alle aktuellen und auch zukünftige Monitorgrößen bedienen zu können.

Auch das 2013 populär gewordene Flat Design kommt mobilen Anwendungen zugute. Es setzt – wie der Name schon sagt – auf zweidimensionale, kontrastreiche, aber detailarme und somit fingerfreundlich vereinfachte Gestaltungselemente und sieht fantastisch aus, wenn es gut und durchdacht ist. Gleiches gilt für den Off-Canvas-Flyout: Er ist eine Erfindung, der die responsive Gestaltung verbessern soll. Da hierbei die Navigation erst beim Tap des Users im sichtbaren Display-Bereich erscheint, verdoppelt es die Fläche für die Darstellung der eigentlichen Seiteninhalte.

Derlei Mobile Designelemente sind mittlerweile fast schon Standard und finden auch zunehmend im Web-Design für große Screens Anwendung – beispielsweise bei Uber. Doch mittlerweile gibt es eine Reihe neuer Entwicklungen, die Web-Designer und -Entwickler in ihr mobiles Repertoire aufnehmen sollten: Von schlichter Typografie über großzügige Bilder und Videos bis hin zur Berücksichtigung von Contextual Awareness und App-Designs für Wearables.

Das Foto-Netzwerk Utravisual verbindet gutes, visuelles Design mit technischer Raffinesse: Die über die Bilder gelegten Texte lassen sich mit einem Fingertipp ausblenden. (Screenshot: ultravisual.com)
Das Foto-Netzwerk Utravisual verbindet gutes, visuelles Design mit technischer Raffinesse: Die über die Bilder gelegten Texte lassen sich mit einem Fingertipp ausblenden. (Screenshot: ultravisual.com)

Anspruchsvolle Typografie

Gute Typografie ist ein wesentlicher Bestandteil guten Designs. Dabei war eine ausgefallene Typografie lange dem Print-Bereich vorbehalten. Doch heute haben auch Webdesigner eine riesige Auswahl an Schriftarten für ihre Webprojekte. Im Mobile-Design zeichnet sich gute Typografie allerdings meistens durch eine gewisse Schlichtheit aus.

Das mobile Video-Netzwerk Vine punktet auf seiner Startseite mit einem im Hintergrund ablaufenden, weichgezeichnete Video. (Screenshot: vine.co)
Das mobile Video-Netzwerk Vine punktet auf seiner Startseite mit einem im Hintergrund ablaufenden, weichgezeichnete Video. (Screenshot: vine.co)

Eine gute Typografie zeichnet sich nicht nur durch die Lesbarkeit eines Textes aus, sondern ist ein fester und unverkennbarer Bestandteil der Designsprache: Schlechte Typografie signalisiert Unprofessionalität, die sich auf das gesamte Produkt übertragen lässt.

Ein gutes Beispiel liefert das Foto-Netzwerk Ultravisual. Die Site kombiniert große Bilder mit Typografie und erzielt so einen Magazin-Look, bei dem sowohl die Motive als auch die Texte gleichermaßen ins Auge fallen. Mit einem Tap kann der Nutzer die über das Bild gelegte Typografie ausblenden. Die transluzente Navigations-Leiste lässt das nächste Bild mit einem Blur-Effekt durchschimmern. Es entsteht ein angenehmer Effekt, der gleichzeitig die Orientierung in der App unterstützt.

Große Bilder und Videos: Fast besser als auf großen Screens

Der Mensch ist ein visuelles Wesen und mobile Geräte bieten uns die perfekte Spielwiese dafür: Ein Smartphone-Display verfügt nämlich über eine weitaus höhere Pixeldichte als jeder andere Bildschirm, und hat eine gleichmäßigere Ausleuchtung und bessere Farbwiedergabe als mancher High-End-Fernseher. Mit großen (Bewegt-)Bildern können mobile Apps und Websites erstaunliche Wirkungen erzielen – und mit Unterstützung der besseren High-End Mobile-Displays zum Teil ihre Desktop-Versionen trotz kleinerer Bildschirme in den Schatten stellen.

So setzt zum Beispiel Expedia auf dem Begrüßungsbildschirm seiner mobilen iOS-App auf große Bilder, um beliebte Hotels und Resieziele anzubieten. Das soziale Netzwerk Vine begrüßt in der mobilen Applikation gar mit einem weichgezeichneten Hintergrundvideo. Innerhalb des Netzwerks nehmen die kurzen Video-Clips – die so genannten Vines – ebenfalls den maximal verfügbaren Monitorplatz ein.

Orientierung durch Blur-Effekte

So schön große Bilder sind – sie nehmen viel Platz auf einem meist doch kleinen Display ein. Um dennoch Platz für Text – auch im direkt sichtbaren Bereich – zu schaffen, greifen viele Designer zum so genannten Blur-Effekt, der seinen Ursprung nach Ansicht etlicher Designer in der Design-Umstellung von iOS 7 hat. Allerdings hat selbst Windows Vista schon auf einen ähnlichen Effekt in kleineren Bereichen der Fenster gesetzt.

Die iOS-App des Hotels Tonight zeigt, wie der Blur-Effekt funktioniert: Die Bilder sind verschwommen, sobald sich der Text darüberlegt. Dieser ist dann gut lesbar, dennoch bleibt der Bezug zum Bildinhalt bestehen. (Screenshot: Hotel-Tonight-App)
Die iOS-App des Hotels Tonight zeigt, wie der Blur-Effekt funktioniert: Die Bilder sind verschwommen, sobald sich der Text darüberlegt. Dieser ist dann gut lesbar, dennoch bleibt der Bezug zum Bildinhalt bestehen. (Screenshot: Hotel-Tonight-App)

Der Blur-Effekt besteht aus einer transluzenten Textfläche, die über weichgezeichneten Bildern liegt. Das sorgt für eine gute Lesbarkeit bei einer angenehmen Gesamtoptik. Wer den Blur-Effekt clever einsetzt, kann beispielsweise Navigation-Overlays realisieren, die sich auf das vorhergehende Element beziehen.

Ein Beispiel dafür ist der Einsatz des Blur-Effekts in Apples iOS. Untergeordnete Inhalte scheinen unter den Bedienelementen durch und erleichtern dem Nutzer so die Orientierung. Auch die iOS-App des Hotels Tonight zeigt, wie das aussehen kann: Untermenüs legen sich hier als Overlay über die Bilder, die dabei mit einem Blur versehen werden.

Gesten, Gesten, Gesten: Experience per Finger und Geste

Designer und Entwickler müssen schon lange über das klassische Point-And-Click-Muster hinausdenken. Denn auch wenn es auf den ersten Blick so scheint, als sei ein Tap ein Klick, so sind bei mobilen Geräten weitaus mehr Interaktionen möglich. Taps, Swipes, Pinches oder längeres Drücken eines Elements sind nur einige Beispiele für Gesten, mit denen mobile Nutzer Websites und Applikationen bedienen. Designer sollten all diese Interaktionen nutzten, um die Bedienung ihrer Interfaces zu vereinfachen.

Ein gutes Beispiel dafür sind die Apps von Twitter und YouTube. Berührt man ein Tweet oder Video längere Zeit, so fährt ein kontext-sensitives Menü aus. YouTube-Videos lassen sich zudem mit einem Swipe minimieren, um nach weiteren Inhalten zu suchen. Das Interface kann dadurch auf Buttons oder Reiter verzichten und erreicht eine aufgeräumte Gesamtwirkung und eine einfachere Nutzung.

YouTube besticht bei seiner mobilen App mit durchdachter Navigation: Per Swipe kann der Nutzer hier beispielsweise Videos minimieren, um nach weiteren Inhalten zu suchen. (Screenshot: Youtube-App)
YouTube besticht bei seiner mobilen App mit durchdachter Navigation: Per Swipe kann der Nutzer hier beispielsweise Videos minimieren, um nach weiteren Inhalten zu suchen. (Screenshot: Youtube-App)

]]>
Ilja Zaglov
Webdesign, das (sich) bewegt: Diese Webseiten zeigen, wie man bezaubert http://t3n.de/news/animiertes-webdesign-interaktive-615186/ 2015-06-10T06:23:53Z
Es gibt sie noch, die handgestrickten Webseiten. Viele arbeiten in der Navigation und Darstellung der Inhalte mit animierten Illustrationen. Animiertes Webdesign grenzt dabei manchmal an Kunst.

Es gibt sie noch, die handgestrickten Webseiten. Viele arbeiten in der Navigation und Darstellung der Inhalte mit animierten Illustrationen. Animiertes Webdesign grenzt dabei manchmal an Kunst. Wir haben zehn eindrucksvolle Beispiele für euch herausgesucht. Lasst euch inspirieren! Im Netz stößt man immer wieder auf dieselben Templates und Stylegrundlagen. Webdesigns mit einer ganz eigenen Note sind schon wahre Fundstücke. Umso mehr freut man sich, wenn man mal eines davon zu Gesicht bekommt. Wir haben zehn ansehnliche, animierte Webdesigns für euch zusammengetragen, die eine wahre Augenweide sind.

1.) Animiertes Newsletter-Design

Animiert Website Webdesign
(Screenshot: epic.net)

Dieses spannende Webdesign ist zwar keine Webseite, aber es passt trotzdem in die Liste. Die Kreativ-Agentur Epic hat ein Newsletter-Design zum Verlieben. Viele kleine Animationen illustrieren den Newsletter mit dem Jahresrückblick auf 2014.

Zum Newsletter

2.) Spielerisches Webdesign

webdesign animiert webseiten
(Screenshot: Giant Steps Media)

Die Webseite der Media Agentur Giant Step Media punktet mit einem reduzierten Design und einer kleinen Spielerei. Mit dem Mauszeiger lassen sich kleine Lichtpunkte verwirbeln. Mit den Punkten sind zum Beispiel auf der Startseite das Firmenlogo und auf der „Clients“-Seite die Kundenlogos animiert.

Zur Webseite

3.) Interaktiver Globus

Bildschirmfoto 2015-06-09 um 12.14.59
(Screenshot: Airbnb)
Bildschirmfoto 2015-06-09 um 12.16.35
(Screenshot: Airbnb)

In einem hübschen Intro stellt Airbnb sich vor, bevor man zur interaktiven Weltkugel gelangt, die viele kleine Geschichten und raffinierte und liebevoll designte Details enthält.

Zur Webseite

4.) Eigene Handschrift

Bildschirmfoto 2015-06-09 um 12.27.53
(Screenshot: bevisionar.com)

Das Team von Visionare hat das Rad zwar nicht neu erfunden, dafür überzeugt ihre Website mit einer ganz eigenen Handschrift. Die animierten Illustrationen haben einfach Charme.

Zur Webseite

5.) Scrollytelling

Bildschirmfoto 2015-06-09 um 13.33.43

Auf forbetter.coffee wird erklärt, wie man den perfekten Kaffee zubereitet. Durch Scrollen bewegt man eine Kaffeebohne durch den Prozess der Kaffeezubereitung. Die Seite schafft es dadurch trotz spärlichen Inhalts ein tolles Nutzererlebnis zu schaffen.

Zur Webseite

6.) Dynamische Tool-Vorstellung

Bildschirmfoto 2015-06-09 um 13.43.01
(Screenshot: getbeagle.co)

Die Website von Beagle stellt ein Tool vor, mit dem man seine „Proposal“-Unterlagen strukturieren und einheitlich designen kann. Sehr flüssige Animationen führen einen durch die Funktionen des Tools.

Zur Webseite

7.) Unser Schreibtisch, das sind wir

Bildschirmfoto 2015-06-09 um 13.49.38
(Screenshot: labelideas.co)

Die Agenturseite von Label Ideas & Co. zeigt einen Schreibtisch hinter dessen Objekten die verschiedenen Informationshäppchen versteckt sind. Besonders gut hat uns die Teamvorstellung gefallen. Einfach mal ganz nach unten scrollen!

Zur Webseite

8.) Produkt-Inszenierung

Bildschirmfoto 2015-06-09 um 14.27.53
(Screenshot: newjumoconcept.com)

Die Produktseite von New Jumo Concept startet mit einer Animation des zu bewerbenden Produkts: Eine Schreibtischlampe, die vollständig zusammengeklappt werden kann. Scrollt man runter, klappt sie sich langsam auf. Eine schöne Methode das Produkt in Szene zu setzen und ein schönes Nutzererlebnis zu schaffen.

Zur Webseite

9.) Animierte Startseite

Bildschirmfoto 2015-06-09 um 14.57.05
(Screenshot: followbubble.com)

Statt eines Sliders auf der Startseite, arbeitet Bubble mit einem Umklappeffekt. Simple, aber dennoch wirkungsstark, da gefühlt jede zweite Seite mittlerweile den klassischen Slider auf der Startseite hat.

Zur Webseite

10.) Interaktive, multimediale Themenwelt

Bildschirmfoto 2015-06-09 um 15.02.39

Die Food-Themenwelt von National Geographic macht vor, wie sich eine Informationsseite in eine spannende Erlebniswelt verwandeln kann. Überall gibt es was zu entdecken und zu erfahren. Dabei bringt das stöbern richtig Spaß. Detailreiche Animationen unterstützen das.

Zur Webseite

Du brauchst mehr Inspiration für deine Webseite? Dann schau dir auch unsere Reihe „So schön ist Webdesign: Schmackhafte UI-Schmankerl zum Nachmachen" an. Hier findest du Teil 1, Teil 2 und Teil 3.

]]>
Melanie Petersen
And they all look just the same: Das Webdesign kopiert sich immer und immer wieder http://t3n.de/news/same-webdesign-kopiert-immer-611581/ 2015-05-24T06:56:46Z
Das Internet ist zu uniform geworden, und das ist für niemanden gut. Greg Storey appeliert, dass sich Webdesigner zu ihren Wurzeln orientieren sollten.

Das Internet ist zu uniform geworden, und das ist für niemanden gut. Greg Storey appeliert, dass sich Webdesigner zu ihren Wurzeln orientieren sollten.

Den englischen Titel habe ich mir von Malvina Reynolds' Song „Little Boxes“ geklaut. Bestimmt haben viele von euch den Text schon mal gehört, wenn auch von einem anderen anderen Künstler gesungen als vom Original-Songwriter. Malvina hat diesen Song als Protest geschrieben –  gegen die Massen-Konformität beim Hausbau in den Vororten San Franciscos in den frühen 1960er-Jahren. Wenn du jemals durch diese Gegend gefahren bist, konntest du dort immer noch die kleinen Klipp-Klapp-Schachteln sehen, die sich wie Pünktchen auf den Hügeln und über das ganze Gebiet verteilen. Obwohl Daly City die Vorlage für den Song bot, sind diese gleichförmigen Vororte im ganzen Land verbreitet.

Wie die Häuser in den Vororten von San Francisco sieht oft auch Webdesign aus. (Foto: Aaron Gustafson / flickr.com, Lizenz: CC-BY-SA)

Heutzutage hat sich das Klipp-Klapp-Prinzip in einen anderen Bereich unserer Gesellschaft eingeschlichen: das World Wide Web. Große Fortschritte in der Technologie, die auf gemeinsamen Standards aufbauen, haben es Web-Designern ermöglicht, unglaubliche Websites zu schaffen, die noch vor 20 Jahren als Science-Fiction durchgegangen wären. Es ist erstaunlich, was die Kombination aus HTML, CSS und JavaScript heute umsetzen kann.

Vor seinem heutigen Posten als CEO für Basecamp war Jason Fried ein talentierter Webdesigner (ist er immer noch), seine Software-Firma 37signals war ein Bombenerfolg, wegen seines Sachverstandes und unternehmerischen Scharfsinns. Ich muss wohl nicht erst erwähnen, dass ich Jasons Meinung und Einblick ins Web-Design sehr hoch schätze.

Er schrieb kürzlich über des Redesgin seiner Firmenwebsite und welchen Trend er beobachtet, der nicht zu etwas Gutem führt. Nicht nur für Designer, sondern auch für Unternehmen.

„Wenn ich sehe, was heutzutage im angesagt ist, bin ich abgetörnt. Es ist alles ein bisschen zu glatt, zu over-designt. Ich habe glatt satt.

Dann, wenn du runterscrollst, schiebt sich der Hintergrund weg und ein weiteres großes Foto mit noch mehr Text darauf taucht auf. Und so weiter … Vielleicht hast du diesen Stil schon gesehen – er fängt an, überall aufzutauchen. Für das Auge eines Designers sieht das gut aus, und es ist technisch eindrucksvoll, aber ich bin mir nicht sicher, ob es irgendetwas bedeutungsvolles aussagt über die Firmen, die es verwenden. Schlimmer noch (für diese Firmen) – es hat eine neue Art von Unordnung geschaffen: Zu viele Firmen sehen gleich aus – nur Style und nicht genug Substanz.“

— Jason Fried

Ich wiederhole es noch mal, um zu betonen, wie viel Jason vom Geschäft versteht: Firmeninhaber, Marketingmanager, Creative-Directors, Designer – alle sollten dieses Statement überdenken in Bezug auf ihre eigenen digitalen Erzeugnisse oder diejenigen, für die sie verantwortlich sind.

„Zu viele Firmen sehen gleich aus – nur Style und nicht genug Substanz.“

Weil unser Werkzeug sich weiter entwickelt und unsere Technologien mehr und mehr Flash-artige Erlebnisse ermöglichen, müssen wir die besten, direktesten Wege bestimmen, mit denen wir unsere Kunden und Nutzer erreichen. Wollen oder brauchen sie lange, scrollende Beschreibungen mit Fly-ins, Karussellen und ruhigen Video-Gifs, oder suchen sie nur nach der Suppe des Tages? Dan Cederholm hat vor einem Jahr eine richtig gute Bemerkung zu diesem Punkt gemacht:

Das ist meine Lieblings-Website. Ich besuche sie fast jeden Tag. Sie ist nicht responsiv. Sie ist nicht fürs iPhone optimiert. Sie sieht auf dem Retina-Display unscharf aus. Sie nutzt nicht das neueste HTML5/CSS3-Framework. Sie hat keinen ausgeklügelten vertikalen Rhyhtmus. Die Schriftarten sind nichts Besonderes. Sie ist weder imitierend noch Flat. Sie besitzt kein eigenes Favicon. Es gibt dafür keine native App oder Twitter oder Instagram. Sie verwendet kein Ajax oder Scrum oder node.js oder Sinatra. Sie verfügt über keine API oder einen RSS-Feed oder VC-Funding. Sie wurde nicht auf einem berühmten Tech-Blog gefeatured und hat keinen Award gewonnen.

Sie gibt mir die Suppe des Tages. Das ist Webdesign.“

— Dan Cederholm

Dans Artikel erinnert mich an die Website für Berkshire Hathaway, eine der erfolgreichsten Kapital-Management- und Investmentfirmen der Welt. Sie ist zugleich Eigentümer einer der altmodischst-aussehenden Websites des heutigen Webs.

Wenn sie es wollten, könnten Berkshire Hathaway ein Design-Studio ihrer Wahl beauftragen oder kaufen, um es in Vollzeit an nichts anderem als ihrer Website arbeiten zu lassen, für alle Ewigkeit. Sie hätten das seit 1996 (als die Site zuerst erschien) jederzeit tun können, aber sie taten es nicht, weil die Firma notorisch sparsam ist – sich anders zu verhalten würde aus dem Rahmen fallen, sowohl für die Branche, als auch ihre Kunden. Ihre Site besteht vom Design her nur aus Inhalten und, wenn überhaupt, sehr wenig Style. Und aus diesem Grunde ist sie wundervoll.

Die Website Berkshire Hathaway ist von 1996 – und heute noch mit dem Design im Netz, obwohl die Firma eine ganze Abteilung für nichts als die Website anstellen könnte. (Screenshot: Berkshire Hathaway)
Die Website Berkshire Hathaway ist von 1996 – und heute noch genauso im Netz, obwohl die Firma eine ganze Abteilung für nichts als die Website anstellen könnte. (Screenshot: Berkshire Hathaway)

Ich würde es lieben, lieben, lieben, wenn Happy Cog (mein Design-Studio) die Möglichkeit bekäme, mit Berkshire Hathaway zu arbeiten. Wir könnten eine Menge tun, um die Site besser kompatibel zu allen Devices zu machen und dabei helfen, das Erscheinungsbild und die Usability durch bessere Typografie auf den neuesten Stand zu bringen (Meine Güte, wäre das cool!), aber ich würde niemals, nicht in einer Million Jahren, versuchen, ein großes Geschäft zu machen, indem ich ihren Look modernisiere, nur, um mit der Zeit zu gehen.

Das wäre das Klipp-Klapp-Prinzip.

]]>
Greg Storey
Als das Web noch „Under construction“ war: Die größten Webdesign-Trends der Vergangenheit [Infografik] http://t3n.de/news/webdesign-trends-neunziger-under-construction-609344/ 2015-05-08T12:15:39Z
Auch das Webdesign unterliegt wandelnden Trends. Eine Infografik wirft jetzt einen Blick zurück auf vergangene Webdesign-Trends der 90er-Jahre.

Auch das unterliegt wandelnden . Eine wirft jetzt einen Blick zurück auf vergangene Webdesign-Trends der 90er-Jahre.

Webdesign-Trends der 90er: Von „Under-construction“-Bildchen zu Lauftexten

In 90er-Jahren waren die gestalterischen Möglichkeiten des Webs noch deutlich eingeschränkter als heute. Dennoch haben sich natürlich schon damals die ersten Webdesign-Trends entwickelt. Buttons mit Schlagschatten waren beispielsweise extrem angesagt. Ebenfalls über die Maße beliebt waren die kleinen „Under-construction“-Bildchen – gerne auch gleich in Form animierter GIF-Dateien, die damals durchaus als legitimes Gestaltungselement einer Website betrachtet wurden.

Dann gab es natürlich auch noch Lauftexte, die entweder mittels Marquee-Tag oder bisweilen auch durch Java-Applets implementiert wurden. Das war zwar weder praktisch, noch sonderlich hübsch, aber wir dürfen auch nicht vergessen, dass es sich beim Web um ein noch sehr junges Medium handelte.

Vergangene Webdesign-Trends: Frames waren überall

Nicht notwendigerweise hässlich, aber letztlich sehr unpraktisch, war der Einsatz von Frames auf Webseiten. Dabei wurde eine Website in unterschiedliche Bereiche unterteilt, die jeweils aus unterschiedlichen HTML-Dateien bestanden. Das Feature wurde ursprünglich nur vom Netscape Navigator unterstützt. Da Kompatibilität noch nicht sehr hoch im Kurs stand, bekamen Besucher mit anderen Browsern statt einer passenden Version der Seite häufig nur den Ratschlag angezeigt, sich gefälligst den passenden Browser zu besorgen.

Wir können alle froh sein, dass diese dunklen Zeiten längst der Vergangenheit angehören. Trotzdem ist es natürlich durchaus unterhaltsam, sich diese und andere Webdesign-Trends aus der Frühphase des Webs wieder vor Augen zu führen. Das dachten sich wohl auch die Macher des Hosting-Vergleichsportals WhoIsHostingThis, die vergangene Webdesign-Trends in Form dieser schicken Infografik zusammengefasst haben.

Ein Klick auf den unten stehenden Ausschnitt öffnet die vollständige Infografik.

Webdesign-Trends der 1990er Jahre. (Grafik: WhoIsHostingThis)
Webdesign-Trends der 1990er Jahre. (Grafik: WhoIsHostingThis)
]]>
Kim Rixecker