Neues aus der Mozilla Design-Schmiede #11

Neues aus der Mozilla Design-Schmiede. Unter diesem Titel wird in regelmäßigen Abständen über aktuelle Mockups, Design-Experimente und Ähnliches berichtet. Manches davon wird in dieser oder ähnlicher Form sicher den Weg in ein Mozilla-Produkt finden, anderes wird vielleicht nie über den Status eines Entwurfes oder Experiments hinausgehen, viele Ideen entwickeln und verändern sich über die Zeit und diese Entwicklungen werden wir in dieser offenen Serie beobachten können.

Vergangene Woche erst hatte ich die Jubiläums-Ausgabe #10 dieser offenen Artikel-Serie veröffentlicht, welche einen besonderen Schwerpunkt auf Design-Entwicklungen gelegt hatte, welche nahtlos an das Australis-Konzept anknüpfen. Darüber hinaus gibt es aber noch weitere Mockups, welche mögliche künftige Neuerungen zeigen.

Visualisierung von Such-Anfragen in Adressleiste

Für Firefox sind diverse Verbesserungen geplant, um den Nutzer beim Suchen zu unterstützen. Sofern Firefox weiß, dass eine Suche durchgeführt wird, soll die Such-URL in der Adressleiste besonders dargestellt werden. Auch in die Adressleisten-Vorschläge soll die Suche besser integriert werden.

[lightbox style=“modern“ image_path=“https://www.soeren-hentzschel.at/wp-content/uploads/adressleiste-suche.png“ popup=“https://www.soeren-hentzschel.at/wp-content/uploads/adressleiste-suche.png“ link_to_page=““ target=““ description=““ size=“two_col_small“]
[lightbox style=“modern“ image_path=“https://www.soeren-hentzschel.at/wp-content/uploads/adressleiste-suche-2.png“ popup=“https://www.soeren-hentzschel.at/wp-content/uploads/adressleiste-suche-2.png“ link_to_page=““ target=““ description=““ size=“two_col_small“]

Lesemodus für den Desktop-Browser

Firefox Mobile für Android hat einen Lesemodus. Dieser bereitet Artikel auf Webseiten besonders lesefreundlich auf. Zuletzt war dieser für die Windows 8 Modern UI-Variante von Firefox in Arbeit, doch wurden die Arbeiten an diesem bekanntlich eingestellt. Aber auch der Desktop-Browser soll dieses Feature erhalten, wovon es nun Mockups gibt.

[lightbox style=“modern“ image_path=“https://www.soeren-hentzschel.at/wp-content/uploads/firefox-lesemodus-desktop-1.png“ popup=“https://www.soeren-hentzschel.at/wp-content/uploads/firefox-lesemodus-desktop-1.png“ link_to_page=““ target=““ description=““ size=“two_col_small“]
[lightbox style=“modern“ image_path=“https://www.soeren-hentzschel.at/wp-content/uploads/firefox-lesemodus-desktop-2.png“ popup=“https://www.soeren-hentzschel.at/wp-content/uploads/firefox-lesemodus-desktop-2.png“ link_to_page=““ target=““ description=““ size=“two_col_small“]

Tab-Gruppen-Ersatz als Sidebar

Die Tab-Gruppen, auch bekannt als Panorama oder Tab Candy, sind eine grundsätzlich tolle Idee, in der Praxis aber nicht ohne Schwächen und sollen mittelfristig aus Firefox wieder entfernt werden. Doch das heißt nicht, dass nicht ein ähnliches Konzept eine Chance erhalten könnte. So zeigt ein neuer Design-Prototyp, wie die Tab-Gruppen in besser funktionieren könnten. In diesem Prototyp befindet sich links von den Tabs ein Pfeil-Symbol. Ein Klick darauf öffnet eine Sidebar, welche die Tabs untereinander mit Vorschaubildern anzeigt. Unten kann zwischen verschiedenen Gruppen von Tabs gewechselt werden. Der Design-Prototyp deutet außerdem eine Integration mit Sync an, um die Tabs anderer Geräte darstellen zu können. Eine Suchfunktion ist außerdem vorhanden.

[lightbox style=“modern“ image_path=“https://www.soeren-hentzschel.at/wp-content/uploads/firefox-tab-center.png“ popup=“https://www.soeren-hentzschel.at/wp-content/uploads/firefox-tab-center.png“ link_to_page=““ target=““ description=““ size=“two_col_small“]

Vorschaubilder auf Neuer Tab-Seite via Bearbeiten-Panel ändern

Mozilla plant nicht nur vordefinierte Vorschaubilder für die Neuer Tab-Seite und eine Integration der Suchleiste in diese Seite, sondern auch eine einfachere Anpassung der einzelnen Vorschaubilder über ein Bearbeiten-Panel. Über dieses kann direkt eine URL eingegeben werden, wobei man ähnlich wie bei der Adressleiste Vorschläge basierend auf der Chronik angezeigt bekommt, zusätzlich werden sofort vier Webseiten in Form von Vorschaubildern vorgeschlagen.

[lightbox style=“modern“ image_path=“https://www.soeren-hentzschel.at/wp-content/uploads/neuer-tab-vorschaubild-bearbeiten.png“ popup=“https://www.soeren-hentzschel.at/wp-content/uploads/neuer-tab-vorschaubild-bearbeiten.png“ link_to_page=““ target=““ description=““ size=“two_col_small“]

Performance-Tool für die Entwicklerwerkzeuge

Ein Mockup zeigt ein mögliches neues Performance-Tool für die Entwicklerwerkzeuge von Firefox.

[lightbox style=“modern“ image_path=“https://www.soeren-hentzschel.at/wp-content/uploads/devtools-performance.png“ popup=“https://www.soeren-hentzschel.at/wp-content/uploads/devtools-performance.png“ link_to_page=““ target=““ description=““ size=“two_col_small“]

Neues Design für den App Manager

Und schließlich gibt es auch noch Mockups, welche ein mögliches neues Design für den App Manager zeigen, welcher das Testen und Debuggen von Firefox OS-Apps auf dem Desktop-Gerät ermöglicht.

[lightbox style=“modern“ image_path=“https://www.soeren-hentzschel.at/wp-content/uploads/app-manager-v3-1.png“ popup=“https://www.soeren-hentzschel.at/wp-content/uploads/app-manager-v3-1.png“ link_to_page=““ target=““ description=““ size=“two_col_small“]
[lightbox style=“modern“ image_path=“https://www.soeren-hentzschel.at/wp-content/uploads/app-manager-v3-2.png“ popup=“https://www.soeren-hentzschel.at/wp-content/uploads/app-manager-v3-2.png“ link_to_page=““ target=““ description=““ size=“two_col_small“]