So soll Firefox OS aussehen.
So soll Firefox OS aussehen. (Bild: Mozilla)

Patryk Adamczyk Wie das Design von Firefox OS entstand

Der Mozilla-Designer Patryk Adamczyk hat auf dem Mozcamp in Warschau erläutert, wie das Design für Firefox OS entstanden ist. Es sieht ganz anders aus, als das, was Mozilla noch unter dem Codenamen Boot-to-Gecko auf dem Mobile World Congress im Februar 2012 zeigte.

Anzeige

Auf dem Mobile World Congress 2012 in Barcelona kündigte Mozilla sein Smartphone-Betriebssystem Boot-to-Gecko der breiten Öffentlichkeit an. Was damals zu sehen war, hat mit dem, was als Firefox OS in einigen Monaten auf den Markt kommen soll, aber nicht viel gemeinsam. Die erste Version war zu Demozwecken in nur einer Woche zusammengeschustert worden. Erst im April 2012 begann die eigentliche Arbeit am Design von Firefox OS, das sich in die allgemeine neue Designlinie von Firefox einpasst.

  • Erster öffentlicher Auftritt von Boot-to-Gecko auf dem Mobile World Congress im Februar 2012
  • Firefox OS soll ein vertrautes Design bieten.
  • Einstellungen finden sich links vom Inhalt.
  • Wie beim Browser Firefox basiert auch das Design von Firefox OS auf Schichten.
  • Firefox OS wird ähnlich bedient wie Firefox unter Android.
  • Helles Design für Produktivitäts-Apps und dunkles Design für Multimedia-Apps
  • Raster für multimediale Inhalte
  • Bunte oder gar keine Platzhalter
  • Apps, die nicht dem Listenprinzip folgen, haben ein unabhängiges Design.
  • Hintergrundbilder lassen sich anpassen.
  • Einheitliches Icon-Konzept für Firefox OS
  • Aktions-Icons mit klaren Formen
  • Mehr als 100 Design-Metaphern existieren.
  • Orange dominiert, wird aber durch Blau ergänzt.
  • Umfangreicher Styleguide für App-Entwickler
  • Firefox-Logo nutzt Meta als Schriftart, Firefox OS bekommt aber einen neuen Font von Erik Spiekermann.
Erster öffentlicher Auftritt von Boot-to-Gecko auf dem Mobile World Congress im Februar 2012

So soll das neue Design vertraut wirken, schreibt Patryk Adamczyk: Es gibt eine Kopfzeile mit Navigationsknöpfen für die Funktionen Zurück, Abbrechen und Menü auf der linken Seite, eine Überschrift in der Mitte und maximal zwei Aktionsknöpfe auf der rechten Seite. Die Fußzeile umfasst bis zu fünf Aktions-Icons, das Layout soll einen Magazin-Look aufweisen, mit Betonung auf Typographie. Damit jede App wirkt, als sei sie per Hand gebaut, werden Texte linksbündig ausgerichtet statt zentriert. Dem Magazin-Look ordnet sich auch die Darstellung der Bilder unter, die entsprechend zurechtgeschnitten werden.

Geschichtetes Layout

Das aktuelle User Interface (UI) von Firefox setzt sich aus mehreren Schichten zusammen, für Firefox OS wurde dieses Prinzip weitergeführt. Inhalte befinden sich auf der obersten Schicht, die Einstellungen links daneben. Ein Tippen auf die Menütaste gibt sie frei.

Die mitgebrachten Apps verwenden zwei grundlegende Designs: eines mit hellem Hintergrund für Produktivitäts-Apps wie den E-Mail-Client und eines mit dunklem Hintergrund für Multimedia-Apps. Dabei werden multimediale Inhalte in einem Raster dargestellt, das sich je nach Inhalten (Musik, Bilder, Video) unterscheidet. In jedem Fall steht der Inhalt im Vordergrund, die zum Betriebssystem gehörenden Elemente nehmen nur minimalen Raum ein. Auf Platzhalter wird entweder verzichtet, beispielsweise bei Kontaktbildern, oder es gibt eine Vielzahl bunter Platzhaltergrafiken, beispielsweise in der Musik-App, wenn keine Albumcover hinterlegt sind.

Apps, die nicht auf ein Listenlayout setzen, haben ein komplett eigenständiges Aussehen erhalten.

Die Möglichkeiten zur individuellen Anpassung der Optik sind in Firefox OS 1.0 noch sehr eingeschränkt. Immerhin ist es möglich, eigene Hintergrundbilder zu verwenden.

Die Icons auf dem Homescreen folgen einer einheitlichen Designlinie: Alle Icons wurden auf einem Untergrund platziert. Einige brechen aber aus dessen Grenzen aus. Mit diesen Ausnahmen soll die Regel unterstrichen werden. Um sich von anderen mobilen Betriebssystemen abzuheben, wird durchgehend ein runder Rahmen für die Icons verwendet.

Orange und Blau dominieren 

Thaodan 28. Sep 2012

Das heißt aber nicht das es unbedingt Plattform-unabhängig wird, es kann durch aus sein...

Realist_X 28. Sep 2012

Genau wie bei Android auch ;) Geht meist eh schneller, als die icons durchzugucken.

Replay 28. Sep 2012

Es sieht wie eine Mischung aus Palm OS und Metro aus. Der Palm OS-Teil spricht mich an...

profi-knalltüte 28. Sep 2012

wie gesagt.

Tzven 27. Sep 2012

Ja, jemand der lochkarten kacke fand,Unix,logik und ganz viele Entwickler. Alles was in...

Kommentieren



Anzeige

  1. (Junior) PHP Developer (m/w) als Projektleiter für E-Commerce und ERP-Systeme
    über ACADEMIC WORK, München
  2. Senior Software Developer (m/w)
    Empolis Information Management GmbH, Rimpar (bei Würzburg)
  3. Senior Microsoft System Engineer (m/w)
    zooplus AG, München
  4. Professur (m/w) Energy Informatics - Fakultät für Informatik / Kommunikation / Medien
    FH OÖ Studienbetriebs GmbH, Hagenberg (Österreich)

Detailsuche


Blu-ray-Angebote
  1. NEU: Kingsman - The Secret Service [Blu-ray]
    11,99€
  2. NEU: 4 Blu-rays für 30 EUR
    (u. a. Interstellar, Grand Budapest Hotel, Teenage Mutant Ninja Turtles, Django Unchained, Edge of...
  3. NEU: Fast & Furious 7 - Extended Version (inkl. Digital Ultraviolet) [Blu-ray]
    14,99€

Weitere Angebote


Folgen Sie uns
       


  1. Ifa-Ausblick im Video

    Notebook mit Wasserkühlung, ein Smartphone und eine Uhr

  2. Samsung Gear S2 im Hands on

    Drehbarer Ring schlägt Touchscreen

  3. Mobiles Internet

    Vodafone überbrückt Warten auf DSL-Anschluss mit Surfstick

  4. Alienware X51 R3

    Mini-PC setzt auf interne WaKü und externe Grafikkarten-Box

  5. Cross-Site-Scripting

    Netflix stellt Tool zum Auffinden von Sicherheitslücken vor

  6. Asynchronous Shader

    Nvidias Grafikkarten soll eine wichtige DX12-Funktion fehlen

  7. Huawei G8

    Neues Smartphone mit Fingerabdrucksensor für 400 Euro

  8. Pioneer XDP-100R

    Android-basierter Hi-Res-Audio-Player

  9. Verbraucherschützer

    Nicht über neue Hardware bei All-IP-Umstellung informiert

  10. Let's Play

    Machinima muss bezahlte Youtube-Videos kennzeichnen



Haben wir etwas übersehen?

E-Mail an news@golem.de



In eigener Sache: Golem pur jetzt auch im Gruppenabo
In eigener Sache
Golem pur jetzt auch im Gruppenabo
  1. In eigener Sache Golem.de-Artikel mit Whatsapp-Kontakten teilen
  2. In eigener Sache Preisvergleich bei Golem.de
  3. In eigener Sache News von Golem.de bei Xing lesen

Mate S im Hands On: Huawei präsentiert Smartphone mit Force-Touch-Display
Mate S im Hands On
Huawei präsentiert Smartphone mit Force-Touch-Display
  1. Smartwatch Huawei Watch kostet so viel wie Apple Watch
  2. Honor 7 im Hands on Neues Honor-Smartphone kommt für 350 Euro nach Deutschland
  3. Festnetz- und Mobilfunk Telekom hat 58.000 Hybrid-Kunden

Windows 10 im Upgrade-Test: Der Umstieg von Windows 7 auf 10 lohnt sich!
Windows 10 im Upgrade-Test
Der Umstieg von Windows 7 auf 10 lohnt sich!
  1. Microsoft Neuer Insider-Build von Windows 10
  2. Windows 10 Erfolgreicher als das angeblich erfolgreiche Windows 8
  3. Windows 10 Updates lassen sich unter Umständen 12 Monate aufschieben

  1. Re: Eigentlich bin ich Nvidia Fan...

    SheldonCooper | 23:16

  2. Re: wer braucht sowas heute noch?

    AndreasJanke | 23:15

  3. Re: Qualität hörbar?

    Legacyleader | 23:13

  4. Thinkpad Yoga gibt's schon seit 2014

    user28817 | 23:13

  5. Re: In einschlägigen Keyshops schon für 16,50...

    Vaako | 23:11


  1. 22:52

  2. 19:00

  3. 18:14

  4. 18:09

  5. 17:34

  6. 16:42

  7. 16:33

  8. 16:04


  1. Themen
  2. A
  3. B
  4. C
  5. D
  6. E
  7. F
  8. G
  9. H
  10. I
  11. J
  12. K
  13. L
  14. M
  15. N
  16. O
  17. P
  18. Q
  19. R
  20. S
  21. T
  22. U
  23. V
  24. W
  25. X
  26. Y
  27. Z
  28. #
 
    •  / 
    Zum Artikel