New Firefox GUI - Text

Großansicht: Mockup 1, Mockup 2


Das Interface eines Browsers sollte möglichst minimal sein und dem User viele Freiheiten bieten. Anstatt die Menüs in kleine Buttons zu pferchen, schlage ich vor, sie an anderer Stelle unter zu bringen und ihnen mehr „Raum“ zu geben. Ideal wäre dafür ein frisch geöffneter, leerer Tab. Dieser bietet genug „Oberfläche“ und hat den Vorteil, dass die Bedienelemente wegfallen, sobald man eine Internetseite aufruft. Diesen ehemalig leeren Tab könnte man zu einer Art „zweitem Desktop“ („Fire-Desktop“) umfunktionieren, in dem alle Elemente in Form von Widgets darauf positioniert werden. Dadurch würde man der oft geforderten Anpassbarkeit Rechnung tragen und dem User weitestgehend entscheiden lassen, wie er die neu gewonnene Oberfläche nutzt und gestaltet.

Klickt der User z.B in der „Sub-Navigationsleiste“ auf „Lesezeichen“, wird anstatt einer Dropdown-Liste die komplette untere Seite zum Anzeigen der Informationen genutzt. Dies erlaubt es, bessere Darstellungsmethoden zu wählen als bisher. Die Browser-Chronik könnte um einen Zeitlinien- und Baumdarstellungsmodus erweitert werden. Zusätzlich finde ich, dass Firefox unbedingt einen guten RSS-Reader von Beginn an mitliefern sollte, da RSS-Feeds zu einem fester Teil des Internets geworden sind (von der Handhabung her könnte man sich am „Brief-Reader“ orientieren).


Über die Widgets:

Wie bereits geschrieben, wäre jedes Element innerhalb des „Fire-Desktops“ ein Widget. Durch einen Klick auf das Schloss in der unteren rechten Ecke entsperrt man diese. Danach lassen sich die verschiedenen Widgets frei positionieren, ihre Größe ändern, verschiedene Widget-Skins wählen (groß-bunt oder minimalistisch-klein), Widget-Optionen anpassen, neue Widgets hinzufügen und bestehende entfernen. Viele würden sich sicherlich darüber freuen, wenn sie ein Desktop-Hintergrundbild frei wählen könnten.


Neue Widgets installiert man über die Mozilla Add-on-Seite, die eine extra Unterkategorie „Widgets“ enthalten sollte. So könnte der User seinen „Fire-Desktop“ individuell einrichten, was einen erheblichen Mehrwert darstellen dürfte.


Mit der Zeit würden sich immer mehr, neue, sinnvolle Möglichkeiten für den „Fire-Desktop“ finden. Weshalb eine möglichst offene Gestaltung des Desktops wichtig ist.


Grüße

Paradiesstaub


PDF: Firefox GUI – Eine Idee


Eine-Zeile-GUI - Mockup - GER

Ein Vorgang, den ich ziemlich oft wiederhole, ist das Löschen eines Teils einer URL, um mir die Startseite anzusehen (Link → Blog-Eintrag → Hauptseite). Einfacher könnte man die Hauptseite über einen Knopf in der URL-Bar erreichen. Dieser Knopf sollte nur durch einen Doppelklick ansprechbar sein, um den User nicht beim Eingeben einer URL zu behindern.


URL-Pic1


Ich wurde von zwei Programmen inspiriert: GNOME – Nautilus & Google Chrome

Der GNOME-Dateimanager Nautilus erlaubt es dem User, per Klick einfach in höher gelegene Ordner zu springen. Man könnte dies ebenso einfach in Firefox handhaben.


URL-Pic2


Mit einem einfachen Doppelklick könnte man so zur Hauptseite wechseln und dabei ein paar Schritte einsparen. Google Chrome hebt bereits den wichtigsten Textteil einer URL hervor, ohne weitere Funktionen anzubieten.


URL-Pic3


Das Hervorheben des wichtigsten Textteiles (bei meiner Idee) sollte dezent geschehen und den User nicht „stören“. Zudem könnte man den Knopf so gestalten, dass er nur sichtbar ist, wenn die Maus über ihn fährt, um das Gesamtbild des Firefox zu wahren.


Ein Doppelklick auf den Knopf = Browser öffnet Hauptseite

Ein Doppelklick außerhalb des Knopfes in die URL = Browser unterlegt die URL (Entspricht der Aktion. die zurzeit nach einem Doppelklick auf die URL erfolgt.)


Das war’s für heute, Grüße

Paradiesstaub


PDF: Vorschlag um die URL-Bar zu verbessern

Vorschlag um die URL-Bar zu verbessern

Diese Idee ist auf mein Konzept angepasst, dass ich für die Mozilla Design Challenge 09 eingereicht hatte. Ohne den Inhalt der Tabs zu kennen, versuche ich mittels Baumstruktur Interessengebiete in Gruppen zu fassen.


Da es hier im Detail darum geht, nach welchen Regeln Tab-Gruppen erstellt werden, sollte dieser Gedankengang für andere Konzepte übertragbar sein. Das angestrebte Ziel ist es, möglichst wenige, gut sortierte Tab-Gruppen am Ende zu erhalten. Um meine Idee nahe zu legen, erkläre ich sie zunächst Schritt für Schritt und danach erst, warum etwas passiert.


Browser wird geöffnet. Dabei wird ein „Geburtsbaum“ eingerichtet und die Startseite geöffnet. Wie der Name „Geburtsbaum“ schon sagt, werden hier Bäume geboren, genauer gesagt Tab-Bäume. Der erste Ast in diesem Baum ist die Startseite. Für den „Geburtsbaum“ gilt eine extra Regel: „Alle Tabs (Superior Tabs), die neu geöffnet werden, gehören anfangs dem „Geburtsbaum“ an. Erst wenn von einem neuen Tab (Superior Tabs) aus ein weiterer Tab (Sub Tab) geöffnet wird, werden diese zwei zusammenhängenden Tabs in eine eigene Tab-Gruppe überführt“. Diese Auskopplung gilt solange die Tab-Gruppe aus mehr als einer Seite besteht“. „Superior Tabs“ sind Tabs die durch das Klicken auf das Plus-Zeichen oder per STRG+T entstehen – „ Sub Tabs“ entstehen beim Öffnen eines Links von einer Seite zu einer anderen (z.B. durch einen „mittleren Maustaste“-Klick auf einen Link). Dieser Geburtsprozess der Tab-Gruppen verhindert, dass ein User 50 Tabs mit STRG+T öffnet und er danach 50 Tab-Gruppen hat. Die weiteren Ausführungen beschäftigen sich ausschließlich mit der Baumstruktur eines Tabs, der diesen Geburtsprozess durchlaufen hat und somit eine eigene Tab-Gruppe darstellt (kurzum, nur mit „Sub Tabs“).


Bisher würde das Ganze so aussehen:


Bild1


Der oberste Punkt auf dem Bild (der Stern) ist der Starter, er begründet die Gruppe. Darunter ist die erste Seite (Seiten und Tabs sind weiße Kästchen), von der ein Tab abgeleitet wurde.


Da das Generieren von Tab-Gruppen nach der obigen Regel wenig Sinn für „erwachsene Tabs“ macht, habe ich mir eine weitere Regel ausgedacht: „Werden von einer Seite mehr als zwei Tabs geöffnet, wird die Tab-Baum-Struktur solange hochgegangen, bis die vorliegende Regel das nächste Mal verletzt wird oder bis der Tab-Starter erreicht ist, um einen Ast auszuhängen und eine neue Ast-Gruppe zu bilden“.

Diese Regel scheint etwas kompliziert, doch Grafiken helfen diese leichter zu verstehen.


Bild2Bild3













Wie man auf den Bildern sieht, wird die neue Gruppe (gelb) in den bisherigen Baum eingebunden. Dies hat den Vorteil, dass die Zuordnung weiterhin anpassbar bleibt. Da der User zwischen den einzelnen Tabs hin und her springen kann, muss die Baumstruktur flexibel sein, dies zeigt folgendes Beispiel. Wir nehmen an, dass ein User zunächst mehrere Tabs und dann anschließend weitere Tabs an einem höher gelegenem Knotenpunkt erstellt. Dies hätte zur Folge, dass eine weitere Ast-Gruppe gebildet wird und sich die Baum-Struktur der zweiten Ast-Gruppe verändert.


Bild4

Da nicht nur neue Tabs geöffnet, sondern auch Tabs geschlossen werden können, stellt sich bei dieser Baumstruktur die Frage, wie sie sich verhält und vor allem, wie sie sich verhält, wenn Tabs/Knotenpunkte geschlossen werden, die für mehrere Ast-Gruppen von Bedeutung sind. Beim Schließen eines Tabs werden die unteren Strukturen einfach an den nächst höheren Knotenpunkt angehängt. Sind die Bedingungen, um eine Ast-Gruppe darzustellen, nicht mehr erfüllt, wird die Gruppe aufgelöst und in die obere eingegliedert. Wird allerdings wie im nächsten Bild ein wichtiger Verbindungsknoten gelöscht (ist auf dem Bild mit einem ‚x‘ markiert), stellt sich die Frage: „Welche von den beiden Gruppen darf jetzt den von beiden beanspruchten Tab einbinden?“.


Bild5aBild5b













Die Antwort ist, dass der Tab der Gruppe angehört, die ihn zuletzt besaß. Dadurch wird verhindert, dass einzelne Tabs ständig zwischen den verschiedenen Ast-Gruppen hin und her springen.


Bis jetzt war es für den User relativ egal, welche Tabs welcher Ast-Gruppe angehören und ob eine Ast-Gruppe erstellt oder aufgelöst wird, da er nach meinem Konzept noch alle Tabs wie gewöhnlich geöffnet hat. Erst wenn eine Tab-Ast-Gruppe minimiert wird, bekommen die darin enthaltenen Tabs eine Bedeutung, da sie fest ausgelagert werden. Siehe Bild: Es zeigt eine Tab-Ast-Gruppe, auf die einmal geklickt wurde (auf dem Bild sind zwei minimierte Tab-Gruppen zu sehen).


Bild6

Es wäre sehr ärgerlich, wenn man in einer minimierten Ast-Gruppe ein paar Tabs löschen würde und plötzlich die ganze Ast-Gruppe verschwindet, da diese nicht mehr der Regel entspräche und somit woanders eingegliedert würde. Um dieses zu verhindern, schlage ich das Einfrieren der minimierten Tab-Struktur vor. Dadurch wäre es möglich, einzelne Tabs zu löschen, ohne dass die Ast-Gruppe woanders eingegliedert wird. Stellt der User aus einer minimierten Tab-Ast-Gruppe einen einzelnen Tab wieder her, so wird dieser „aufgetaut“ und es gelten die Standardregeln.


Bild7aBild7b

Bild7c

























Beim Speichern einer Tab-Gruppe wird die zugrunde liegende Baum-Struktur mitgespeichert. Da der User weitere Tabs einer bereits gespeicherten Gruppe hinzufügen kann, schlage ich vor, diese direkt unterhalb des Starters einzubinden, was zur Folge hätte, dass die bisherigen Gruppen-Strukturen nicht beeinflusst würden.



Der Vorteil dieser Methode:

Sie ermöglicht es einem, viele Internetseiten in wenige, strukturierte Gruppen zusammen zu fassen, deren Struktur ableiten lässt, woher man kommt. Ein kleines Beispiel: Nehmen wir an, das folgende Bild würde eine Google-Suche darstellen, dann wäre die erste Seite das Google-Suchergebnis. Verschiedene Suchergebnisse würden in Form von geöffneten Tabs darauf folgen. Einer dieser Tabs wäre ein Wikipedia-Artikel, von dem wir aus weitere Links öffnen. Solange wir dabei nicht mehr als zwei Tabs von einer Seite aus öffnen, gehört die ganze Struktur der „Google-Gruppe“ an (rot). Erst wenn der User mehr als zwei Tabs von einer Seite aus öffnet, wird eine neue Ast-Gruppe gebildet (gelb). Diese beinhaltet alle Tabs des Baumes bis hin zum Wikipedia Artikel (der auch enthalten ist). Für den User ist es nicht so wichtig genau zu wissen, wie die zweite Tab-Gruppe entstanden ist. Für ihn ist vielmehr wichtig, dass er in der zweiten Tab-Gruppe sieht, woher er kommt, nämlich von Wikipedia.


Bild3



Nachteil:

Der User wird in den meisten Fällen nicht verstehen, warum eine neue Tab-Gruppe gebildet wurde (dies ist meiner Meinung nach zu vernachlässigen, da der gewünschte Effekt erzielt wird). Wie tauglich letztendlich meine vorgeschlagen Methode ist, kann nur ein Feldtest beweisen.


Anfügen möchte ich hier noch, dass ich automatisierte Konzepte für wesentlich geeigneter halte als Konzepte, die das Tab-Gruppieren dem User überlassen. Zudem sollte immer darauf geachtet werden, das möglichst wenige Klicks nötig sind und die Mauswege kurz gehalten werden. Soweit zu dieser Idee. Mich würde interessieren, was ihr darüber denkt und wo ihr die Stärken/Schwächen seht.



Grüße

Paradiesstaub



PDF: Idee – Wie man Tabs sinnvoll gruppieren könnte

Creative Commons-Lizenz: Namensnennung 3.0 Vereinigte Staaten von Amerika

Diese Idee beschäftigt sich mit einem Dilemma der analog niedergeschriebenen Schrift. Beim Beschreiten eines Gedankenganges zwingt uns die Sprachstruktur oftmals, nicht all zu sehr auszuschweifen, um auf dem angepeilten Weg zu bleiben. Doch sind Gedanken nicht so linear wie unsere Schrift, wir haben Gründe, warum wir zu einem bestimmten Ergebnis kommen. Man könnte sagen, dass unsere Gedankengänge seitliche Äste haben, die begründen, warum wir den eingeschlagenen Weg beschreiten. Würde man all diese Gründe in einem Text unterbringen, würde er unnötig wachsen und in gewisser Weise vom „Kern-Thema“ abweichen. Das Problem wurde teilweise bereits in der analogen Welt erkannt, indem man den Vermerk erfand, das *-Zeichen. Heute, da wir vermehrt in einer digitalen Welt leben, zählen die Restriktionen von damals nicht mehr, es gibt keinen Grund, warum ein Vermerk am Ende eines Textes stehen sollte und warum man sich dabei derart kurz zu fassen hat.



Hier mein Vorschlag:

Ein neues Schriftzeichen muss her, ein interaktives (für diesen Blogbeitrag schreibe ich einfach mal *²). Beim Lesen eines Textes könnte man dann wahlweise auf das „Vermerk-Zeichen“ klicken, worauf der bisherige Text weitestgehend durch eine Textbox überlagert werden würde. Wie groß das Zeichen/die Textbox sein sollte, das Erscheinungsbild, die Bedienung, die Bedienelemente usw., dass sind Fragen, die man noch ausdiskutieren/-denken müsste. Wichtig wäre allerdings, dass man einen internationalen Standard (W3C) definiert, damit ein problemloses Arbeiten auf allen Geräten und Plattformen mit *² gewährleistet werden kann. Auch sollte über die Einbindung anderer Medien nachgedacht werden (Audio, Bild, Video).


Den Unterschied von einer solchen „Textbox“ zu einem herkömmlichen Link würde ich wie folgt beschreiben: Sternchen hoch zwei ist für längere Ausführungen, die es nicht wert sind, dass man eine Extraseite für sie erstellt. Dabei ist *² auch inhaltlich anders, da ein Link meist auf fremde Inhalte/auf ganze Seiten verweist. Wohingegen *² hauptsächlich auf eigene Inhalte verweisen und diese wahlweise (liegt am Autor) so darbietet, dass sie sich nahtlos in den Ursprungstext einfügen. Dies ermöglicht Texte, die kurz und zugleich sehr informell sein können, je nachdem wie man den Text liest.



1. Anwendungsbeispiele:

Beim Niederschreiben dieser Idee erwähnte ich, dass man ein neues Zeichen für den digitalen Vermerk erstellen sollte. Hinter dem letzten Punkt wäre z.B. ein guter Platz für einen solchen Vermerk. Dieser könnte so aussehen: „Das neue Zeichen sollte sich harmonisch in das Schriftbild einfügen…. Es sollte einen hohen Wiedererkennungswert haben… Farblich hervorgehoben werden, ähnlich wie ein Link, nur in einer anderen Farbe…. blablabla“. Die Informationen die in dem Vermerk stehen würden, wären nur für den interessierten Leser von Bedeutung. Menschen, die den Text überfliegen, würden nicht „unnötig“ mit Details belästigt. Das *² wäre in gewisser Weise ein Stilmittel, dass genauso wie alle anderen Stilmittel, wenn richtig dosiert, bereichernd wirkt.



2. Anwendungsbeispiele:

Ein weiteres gutes Anwendungsbeispiel dürften eBooks sein. Wer sagt uns denn, dass digitale Bücher aussehen müssen wie analoge Bücher? Wäre es nicht schön ein Buch zu haben, das nach persönlichem Gusto zeigt, was uns interessiert? Dafür könnte man Textboxen z.B mit Tags versehen. Bevor man anfängt ein eBuch zu lesen, würde man dann im „Inhaltsverzeichnis“ Haken an den Themen setzen/entfernen, die einen interessieren oder eben nicht. Dadurch würden bestimmte Textpassagen von Anfang an, ein- oder ausgeblendet. Meine Eltern stehen z.B. total auf Informationen zur Umgebung/Kultur (wie viele andere Menschen auch), mir kommen sie aber meist total überflüssig vor (die Infos :P), da ich mich nicht so sehr dafür interessiere. *² könnte ein Weg darstellen, die Bücher etwas mehr an die verschiedenen Menschen anzupassen. Auch wenn es bestimmte Grenzen hätten, würde es die Möglichkeiten eines herkömmlichen Buches bei weitem in den Schatten stellen. So könnte man z.B in Lernbüchern die Informationsmenge an die eigenen Bedürfnisse anpassen, was einen großen Gewinn darstellen dürfte.



3. Anwendungsbeispiele:

Online-Zeitungen könnten *² dazu nutzen, ihre Texte kurz zu halten und gleichzeitig tiefgehendere Informationen bereitstellen. Ein Autor, der z.B. vergangene Geschehnisse zusammen fasst, könnte diese mittels *² auslagern, so dass der informierte Leser gleich von Beginn an nur Neuheiten liest (hier ist natürlich Augenmaß gefragt!). Oder wenn ein Artikel auf eine Umfrage eingeht, könnte man mit einem *²-Feld angeben, wer diese Umfrage in Auftrag gegeben hat, wie die Fragestellung genau lautete, wer befragt wurde usw…


Ansatzweise erfüllen Infoboxen diese Aufgabe schon, doch würde *² in vielen Fällen mehr Sinn machen, da *² den Autor nicht so sehr nötigt, die Informationen stark komprimiert darzustellen.



Ideen zur Navigation und Darstellung:

Am liebsten ist mir immer, wenn der User möglichst viel selbst bestimmen kann und die Darstellung schlicht ist. Es sollte möglich sein, verschiedene Layouts zu wählen und eigene zu erstellen. Mir schwebt eins vor, das keine Knöpfe hat und sich mit einem stufenlosen, durchsichtigen Übergang in den Text einfügt (als Übergang für den Rand). Die Textbox würde ich in ein Verhältnis zur Höhe und Breite des sichtbaren Textes setzen (z.B. 20% kürzer als der Ursprungstext – horizontal, 40% vertikal). Falls die Größe der Box nicht ausreichend ist, kann man mit der Maus den Text „greifen“ und nach unten/oben ziehen (wahlweise auch Mausrad/Pfeiltasten). Je nachdem wie feste/schnell man dies macht, bewegt sich der Text in dem Feld auf/ab. Man sollte die Box durch ein Doppelklick schließen können (irgendwohin, nur nicht auf einen Link = Gewährleistung von leichter Bedienbarkeit durch PC & Handy). Ich bin ein Freund von ästhetischen Anwendungen, die einen nicht an Windows 95 erinnern, trotzdem sollte es möglich sein, einen Scrollbalken und weitere Knöpfe wahlweise einzubinden.



Zusammenfassung:

Die drei Beispiele zeigen bereits interessante Möglichkeiten auf, wie man mit Hilfe von *², Informationen auf digitalem Papier besser strukturieren könnte. Die Tragweite der Idee ist auf den ersten Blick nicht recht sichtbar, doch mit ein wenig Phantasie erkennt man die Möglichkeiten (liegt an unserer bisherigen „Denkgewohnheiten“). Weitere Ideen und Ausbaumöglichkeiten sollten sich mit mit der Zeit von selbst ergeben. *² hat das Potenzial, das digitale Papier, und damit den Schreibstil, in Zukunft prägend zu beeinflussen. Im Gegensatz zu herkömmlichen Vermerken ist *² nicht nur eine Ergänzung, sondern kann auch eine Vertiefung des Inhaltes in passender Form darstellen. Die digitale Technologie ist ziemlich jung. Wir haben noch gar nicht richtig angefangen zu begreifen, was damit alles möglich ist und welche Grenzen dadurch nichtig werden.



PDF: Stern Hoch Zwei – Ein Digitales Upgrade


Creative Commons: Namensnennung-Weitergabe unter gleichen Bedingungen 3.0 Deutschland

Die folgende Idee ist mein Beitrag für die diesjährige Design Challenge von Mozilla Labs. Das Problem, das es zu lösen gilt: „Erfinde Tabs neu – Wie können wir Tabs erstellen, mit ihnen navigieren und mehrere Webseiten in demselben Browserfenster handhaben?“


Tipp: Am besten das Video in hoher Auflösung im Vollbildmodus ansehen (falls es ruckelt, kann man hier das Video herunterladen – ansonsten hilft auch dieses Plug-in). Mockup 1, Mockup 2, Mockup 3

Die folgenden Punkte erläutern meine Idee abschnittsweise. Einige Punkte des Videos werden erneut angesprochen und tiefer ausgeführt, da im Video dazu die Zeit fehlte (Mozilla wollte, dass die eingereichten Videos möglichst kurz sind).



Wie ich zu dieser Idee kam:

Anfangs verfolgte ich den Gedanken, Tabs irgendwie durch Grafiken abzulösen, um dadurch Platz zu sparen. Doch nach einer Weile leuchtete es mir ein, dass kleine Grafiken wesentlich weniger Informationen herüber bringen können als herkömmliche Tabs plus kleine Webseiten-Icons. Zudem sollte die Lösung des Problems es ermöglichen, viele Tabs einfach zu handhaben, samt Navigation. Auch sollte der Ressourcenhunger möglichst niedrig sein, da ich die Menschen in Afrika und Asien nicht ausschließen möchte (wahrscheinlich werden sie in 5 Jahren immer noch langsame Computer mit geringen Bildschirmauflösungen mehrheitlich nutzen). Mein bisheriger Weg war also eine Sackgasse. Darauf kam mir die Idee, dass man herkömmliche Programmfenster minimieren kann, warum eigentlich nicht auch Tabs. Da das Minimieren von einzelnen Tabs wenig Sinn ergeben würde, war der Gedanke nahe, ganze Gruppen zu minimieren. Somit war der Gedanke geboren, Tabs zu gruppieren und zu minimieren. Darauf folgend machte ich mir ein paar Gedanken, wie dies am Besten zu handhaben wäre. Das Ergebnis sind die folgenden Punkte und wenig Schlaf (das Ausbrüten dieser Idee hat mich an jenem Tag bis um 5 Uhr morgens wach gehalten).



Aufbau und Erklärung:

Von Anfang an war das Ziel klar, ich wollte möglichst wenigen Menschen mit meiner Idee vor den Kopf stoßen. Die Nutzer sollten nicht gezwungen sein, ein neues System zu nutzen, vielmehr sollte es ein „wenn-ihr-wollt,-dann-könnt-ihr-es-nutzen“ sein. Im Grunde ist alles, was ich hinzugefügt habe, diese kleine Leiste (Tab-Gruppen-Menü), die unterhalb des aktiven Tabs erscheint, sobald man mit der Maus über den aktiven Tab fährt.

Einzelner Tab




Alle anderen vorgeschlagenen Knöpfe dienen der logischen Fortführung der Idee und ihrer Struktur (mit Ausnahme von den Punkten 1 & 2 ich konnte es einfach nicht lassen, diesen Vorschlag zu unterbreiten).


Zoomansicht - Minibild 1



Zoomansicht - Minibild 2



Zoomansicht - Minibild 3



Erläuterung - Großansicht


1 – Knopf 1 erlaubt das Wechseln zwischen verschiedenen Bildschirmmodi (Durchwahlbutton). Normal-Modus = zeigt normale Firefox Ansicht | Small-Modus = Zeigt nur notwendige Bildschirmbereiche (Lesezeichen befinden sich oberhalb, siehe Punkt 2) | Full-Modus = Gleicht F11-Modus.


2 – Lesezeichen befinden sich oberhalb und teilen sich den Platz mit anderen Elementen im „Small-Modus“ (ist der Modus auf den Mockups). Es werden nur so viele Lesezeichen angezeigt, wie Platz vorhanden ist (ausgehend von links). Lesezeichen, die aus Platzgründen nicht angezeigt werden können, sind nur im „Normal-Modus“ sichtbar.


3 – Ladestatus


4 – Wenn der Knopf 4 aktiv ist, wird das „Tab-Gruppen-Menü“ angezeigt, sobald man mit der Maus über den aktiven Tab fährt. Mit dem Aktivieren des Knopfes wird zugleich auch ein weiterer Knopf sichtbar: der „Alle-Tabs-und-alle-Gruppen-minimieren“-Knopf (siehe folgenden Punkt 5).


5 – Der „Alle-Tabs-und-alle-Gruppen-minimieren“-Knopf minimiert, wie der Name schon sagt, alle Tabs zu minimierten Tab-Gruppen (siehe Bild – Punkt 13). Minimierte „Tab-Gruppen“ befinden sich immer rechts.


6 – Der „Tab-Gruppe-speichern“-Knopf speichert alle Tabs, die der Gruppe zum Zeitpunkt des Speichervorgangs angehören (im Nachhinein können diese noch bearbeitet werden). Tab-Gruppen werden ähnlich wie Lesezeichen gespeichert, der einzige Unterschied ist, dass anstatt eines Lesezeichens ein Ordner angelegt wird, in dem sich die jeweiligen Tabs in Form von Lesezeichen befinden. Alle Lesezeichen, die sich in einem Tab-Gruppen-Ordner befinden, gehören der Tab-Gruppe an. Eine Tab-Gruppe kann ebenso wie ein „normales Lesezeichen“ mit Schlagwörtern versehen werden. Lesezeichen, die sich in einem Tab-Gruppen-Ordner befinden, sind nicht wie „normale Lesezeichen“ einzeln über die Adressleiste aufrufbar (damit soll verhindert werden, dass Seiten ungewollt als „normale Lesezeichen“ deklariert werden).


7 – Knopf 7 ermöglicht eine Textsuche in der Tab-Gruppe (siehe Bild). Die Möglichkeiten, die sich daraus ergeben, liegen auf der Hand.


8 – Knopf 8 hat zwei Funktionen. Erstens zeigt er auf, wie viele Tabs sich in der Tab-Gruppe befinden, und zweitens listet er nach einem Klick auf ihn eine Liste aller Tabs auf, die sich in der Tab-Gruppe befinden. Da sich die Liste nach unten hin öffnet, ist wesentlich mehr Platz vorhanden, um die Informationen der Tabs darzustellen, als es bei horizontalen Tabs möglich wäre.


9 – Knopf 9 minimiert alle Tabs innerhalb dieser Tab-Gruppe sowie die Gruppe selbst. Das Icon der am hierarchisch höchst gelegenen Internet-/Ausgangsseite wird am rechten Rand der Tableiste angezeigt (siehe Bild – Punkt 13). Wie Tab-Gruppen gebildet werden, behandle ich in einem extra Punkt weiter unten.


10 – Knopf 10 Schließt alle Tabs dieser Tab-Gruppe. Um eine versehentlich geschlossene Tab-Gruppe wiederherzustellen, schlage ich ein Extrafeld auf der „neuen Tab-Seite“ vor, die mit Firefox 3.5 eingeführt werden soll.


11 – Der grüne Pfeil ermöglicht das Minimieren/Wiederherstellen einzelner Tabs. Dies ist besonders vorteilhaft, wenn die Tab-Gruppe minimiert ist, da man trotzdem die Kontrolle über sie behält.


12 – Knopf 12 schließt einzelne Tabs (bietet gleiche Vorteile wie in Punkt 11 beschrieben).


13 – Knopf 13 zeigt eine minimierte Tab-Gruppe. Nach einem links-Klick auf diese öffnet sich das „Tab-Gruppen-Menü“ (auf der Abbildung wurde zudem ein Menü aktiviert).



Wie Tab-Gruppen gebildet werden:

Das automatische Erstellen von Tab-Gruppen bildet den Kern meiner Idee. Liefert der Prozess nicht die gewünschten Ergebnisse oder ist er gar für die Menschen unverständlich, werden sie das Konzept nicht mögen.

Um es zu verdeutlichen, möchte ich eine kleine Metapher nutzen:


– Mit dem Öffnen der ersten Internetseite pflanzt man einen Baum im Browser.

– Jeder Tab, der von der Ursprungsseite aus gestartet wird, ist ein Ast dieses Baumes und somit Teil der Tab-Gruppe.


– Startet man einen leeren Tab oder ruft ein Lesezeichen auf, so wird ein neuer Baum gepflanzt, der wiederum beliebig viele neue Äste haben kann.


– Auch entsteht ein neuer Baum, wenn von einem bestehenden Ast aus ein weiterer Tab erstellt wird. Dann wird der ursprüngliche Tab, von dem der neue Tab aus geöffnet wurde, selbst zu einem neuem Baum. Das klingt weit komplizierter als es ist.


Der Vorteil dieser Methode ist, dass sie es ermöglicht, unterschiedliche Internetseiten in eine Tab-Gruppe zusammen zu fassen, ohne dass diese beim Öffnen neuer Tabs ins Unermessliche anwächst. Das folgende Bild demonstriert dies noch einmal anhand einer Google Suche.


Grouping Tabs

Abschließend bleibt noch zu sagen, dass es meines Erachtens eine Drag & Drop-Möglichkeit für einzelne Tabs zwischen den verschiedenen Tab-Gruppen geben sollte (wie diese sich im Einzelnen verhalten, wäre noch zu überdenken).



Schlusswort

Jede Idee, die man erträumt, kann immer weiter gedacht werden. Deswegen setze ich hier – für mich – einen Schlusspunkt. Klar könnte man irgendwie kleine Bilder einbauen, die die Übersichtlichkeit minimierter Tabs in der Gruppe zusätzlich erhöhen oder man könnte alle Tabs einer Gruppe einfärben, oder oder oder…

Als Schaffender muss man sich für eine Form entscheiden. Ich hoffe, sie gefällt euch, und lade euch gleichzeitig ein, sie weiter zu gestalten.



Paradiesstaub


Mozilla Labs Design Challenge Summer 2009 – minimizing Tab Groups – PDF


Dieses Werk steht unter folgender Creative Commons-Lizenz: Namensnennung 3.0 Vereinigte Staaten von Amerika (http://creativecommons.org/licenses/by/3.0/us/)

bild-71Kurze Einführung:

Mit meiner Idee möchte ich durch möglichst wenigen, einfachen Schritten, das Auffinden und Weiter-verarbeiten von Daten verbessern. Im Grunde genommen ist das Ganze eine Verbindung zwischen mehreren Archiven, verschiedenen Suchfunktionen und „öffnen mit“.


Funktionsweise:


Um Suchergebnisse blitzschnell angezeigt zu bekommen, muss man vorab die Daten katalogisieren und ordnen. Dies übernimmt ein Programm, dass fortwährend im Hintergrund läuft und bei geringer Auslastung des Computers seine Arbeit aufnimmt. Dabei werden nur bestimmte Ordner durchforstet und bestimmte Dateiendungen erfasst (Pfad, Größe, Name und weitere Informationen z.B. ID3 Tags, GPS-Informationen in Bildern) und Mini-Bilder erstellt. Eine Dateiauswahl der Suche könnte so aussehen:

odt, doc, pdf, mp3, ogg, jpg – im persönlichen Ordner erfassen


Dabei sollte es das Programm nicht belassen, sondern wahlweise auch das Adressbuch und die empfangenen E-Mails auflisten.

Zusätzlich sollte die Suchfunktion von Lokal auf Internet umzustellen sein, um bereits im Suchfenster Zugriff auf seine Lesezeichen und die verschiedensten Internetsuchmaschinen zu erlangen.

Kern dieses Suchfeldes ist es: Den Zugang zu Daten, die im Fokus des Interesses des Users sind, blitzschnell zu gewähren und alle anderen zu ignorieren.



Oberfläche und Bedienung:


bild-6


bild-8


bild-4


Die Suchfunktion kann sowohl per Maus wie per Tastatur gesteuert werden. Als Tastenkürzel schlage ich Strg+Alt+F vor. Dateien, die durch die Suche angezeigt werden, sollen u.a. auch per drag & drop genutzt werden können (z.B. um sie auf einen USB-Stick zu kopieren).

Die Tabelle unten zeigt die Funktionsweise per Tastatur, mit der ich die einfache Handhabung sowie die sich dadurch ergebenden Möglichkeiten, verdeutlichen möchte. Um Strg+Alt+F nicht immer ausschreiben zu müssen, wird dieses mit „Start“ abgekürzt. Die blaue Farbe beschreibt den Internet-Modus.


Gedrückte Tasten Folgende Aktion
Start (leeres Suchfeld) + Enter Persönlicher Ordner wird geöffnet
Standard Internetseite wird geöffnet (den Voreinstellungen des Browsers entsprechend)
Start (leeres Suchfeld) + „Pfeil runter“ Zeigt die letzten 10 genutzten Dokumente
Zeigt die letzten 10 besuchten Internetseiten
Start (leeres Suchfeld) + „Pfeil hoch“ Zeigt die am häufigsten 10 genutzten Programme (zeigt die Suchliste von unten nach oben an – unterster Treffer wird automatisch markiert)
Zeigt die 10 am häufigsten benutzten Lesezeichen an (gleiches Prinzip wie im lokalen Modus)
Start (leeres Suchfeld) + „Pfeil rechts/links“ Wechselt den Suchmodus Lokal/Internet
Wechselt den Suchmodus Lokal/Internet (im Internet-Modus kann zudem mit weiterem „Pfeil rechts“-Drücken die Internet-Suchmaschine ausgewählt werden). Nach einer erfolgten Suche kann wieder mit einem Tastendruck zwischen den Suchmodi gewechselt werden.
Start + „beliebiger Text“ Suchmaschine zeigt erste 10 Treffer
Zeigt Seiten-Vorschläge und evt. Lesezeichen
Start + „beliebiger Text“ + Enter Markierter Treffer wird mit dem Standard- Programm geöffnet (erster Treffer wird automatisch markiert)
Markierter Treffer wird ausgeführt (gewählte Internetseite/Lesezeichen geöffnet)
Start + „beliebiger Text“ + „Pfeil runter/hoch“ Markierung wechselt zwischen den Suchtreffern
Markierung wechselt zwischen den Suchtreffern
Start + „beliebiger Text“+ 2x schnell „Pfeil runter“ Springt zu den nächsten 10 unteren Suchtreffern
Springt zu den nächsten 10 unteren Suchtreffern
Start + „beliebiger Text“ + „Pfeil rechts“ + Enter Markierter Treffer wird mit dem Sekundär- Programm geöffnet (weiteres „rechts drücken“ wählt ein anderes Alternativprogramm an)



Das Suchfeld soll „verstehen“ können:


– Daten, die zuletzt und oft aufgerufen werden, sollten höher gelistet werden.


– Gibt der User z.B. „Name eines Musikers“ und „Musik“ in das Suchfeld ein, sollte die Suche vorwiegend Musikdateien präsentieren.


– Wurde ein Musiktitel gewählt + Enter gedrückt und es ist bereits ein Musikprogramm gestartet, sollte sich der neue Titel in die Playliste einreihen.


– Zudem sollte die Suchmaschine auch einfache Befehle ausführen können, solange nicht eine Datei mit dem entsprechendem Namen bereits existiert. Z.B.: „new mail“, „odt new“, „start gimp“ ….


– Die Vergabe von Schlagworten für bestimmte Ordner sollte möglich sein. Z.B. „m“ für Musik….


– Die Suche soll, je nach dem, was für Daten sie anzeigt, die angegebenen Informationen variieren (es sollte einen großen Unterschied zwischen einem Bildeintrag und einem Adresseintrag geben).


– Buchstabendreher sollten das Suchsystem nicht zu sehr verwirren!


– Wählt man zum zweiten Mal „Datei archivieren“ (ein Archiv ist bereits geöffnet), wird man gefragt, ob man die Datei nicht in das bereits bestehende Archiv integrieren möchte.


– Wenn man im Internet ist, sollte man per drag & drop in das Ubuntu-Suchfeld beliebige Internet-Suchmaschinen hinzufügen können.


– Gibt es keinen Eintrag in dem Suchindex, so soll die „vollständige-Standard-Suche“, nach diesem Begriff vorgeschlagen werden.



Konfigurations-Möglichkeiten der Suche:


Durch einen Rechts-Klick in die Suchleiste kann man die Optionen aufrufen. Dort können dann die Ordner/Daten und die Anzeigereihenfolge konfiguriert werden (Ordner/Daten können explizit ausgeschlossen werden – evt. auch direkt über die „Standard-Ordneroption“). Unter anderem sollte man wählen können, ob man „mini-Vorschaubilder“ haben möchte und ob die Internetsuchmaschine Suchvorschläge einreichen darf.

Da die interne Archivierung und die strukturierte Aufarbeitung von persönlichen Daten viel Auskunft über den Besitzer des Computers preisgeben kann, wäre es ratsam, die Datei zu verschlüsseln und nur mit „root-Rechten“ einsehbar zu machen.



Schlusswort:


Mir ist bewusst, dass wahrscheinlich nicht alle von mir vorgeschlagenen Funktionen umsetzbar sind, doch auch sie wollen einmal gedacht und vorgetragen sein, damit andere zum Denken angeregt werden und wir neue Wege gemeinsam beschreiten können. Die hier vorgeschlagene Such-Methode wäre ein sehr mächtiges, ziemlich intuitives Werkzeug, um den Computer schnell und effektiv zu nutzen. Ihre Funktionsweise eignet sich sicherlich auch, um Handys zu bedienen.

Kurz um, ich würde liebend gerne meinen Computer und andere Geräte über ein solches Suchfeld bedienen und hoffe, dass ein Entwickler meine Begeisterung teilt und diese wunderbare Idee in die Tat umsetzt.



Zusatz – Fortführende Idee


Meiner Meinung nach fehlen im Archivierungsprogramm noch zwei Knöpfe

Bilder verkleinern“ und „Archiv mailen“. Letzteres öffnet eine neue Mail und hängt das entsprechende Archiv als Anhang an.

Ersteres bietet die Option, bestimmte Bilder zu verändern (werden zuvor mit einem Häkchen markiert). Im zweiten Schritt werden diese dann in ihrer Größe und ihrer Kompression verändert, um Speicherplatz einzusparen.


Dabei sollte es mehrere Optionen geben u.a.:

– stark/mittel/schwach komprimieren/verkleinern

– Ausgewählte Bilder so verkleinern, dass alle Daten, die im Archiv enthalten sind, eine bestimmte Dateigröße nicht überschreiten (Diese Funktion würde das Versenden von Bildern per Mail um ein Vielfaches vereinfachen, da man nicht mehr manuell die Bildgröße herabsetzten müsste – z.B. > 4 MB).


Sehr praktisch wäre dabei eine Bildervorschau, um die Qualität nach dem Umrechnen der Bilder vorab überprüfen zu können.


Hiermit möchte ich mich bei allen Lesern für Ihr Interesse bedanken und hoffe, dass sie die Ideen in die Welt heraus tragen.

Grüße an alle und die Welt!


Paradiesstaub


Ubuntu Brainstorm – Stimmt hier für meine Idee ab!

Konzept – Ubuntu-Gate-Search – PDF

Ubuntu.com


Ubuntu-Logo

Ein Ideensprung hin zu mehr Offenheit


Vor jeder Wahl prasselt eine Unmenge an Informationen auf uns hernieder, Bilder, Plakate, Fernsehdebatten usw., doch was machen die Politiker in ihrer restlichen Zeit? Zwar könnte ich mich informieren, indem ich jeden Tag Stunden lang (wahrscheinlich eher den ganzen Tag lang) Medienberichte sehe und lese, doch so groß ist mein Politikinteresse dann doch nicht (die Nachrichten und ein paar Internetseiten decken weitestgehend meinen Bedarf).

Die hier vorgeschlagene Idee soll zu mehr Klarheit verhelfen und einem politikinteressierten Bürgen das Auffinden von Informationen erleichtern.


– Sämtliche der Öffentlichkeit zugängliche Bundestagsdebatten sollten gefilmt (ogg-Format) und den Bürgern digital leicht zugänglich gemacht werden (in Form einer Extra-Unterseite, im Archiv, für jede Debatte).


– Die Mitschrift jeder Rede (Verweis unterhalb des Videos) sollte in Textform (PDF) ebenso frei zugänglich sein.


– Mitsamt einer Liste, auf der alle anwesenden Parlamentarier aufgeführt sind.


– Eine Auflistung sollte die Redezeiten der Parlamentarier dokumentieren (Name/Partei: …. Vortrag: 13:34 – 14:12)


– Alle behandelten Inhalte (Regierungsgutachten, usw.) sollten ebenso auf der Seite zu finden sein (keine Links zu externen Inhalten, da diese gelöscht oder verändert werden können).


– Alle Informationen einer Sitzung (der komplette Inhalt – Video & Texte) sollten in einem Paket (zip-Datei) zum Download angeboten werden.


– Da diese Informationen dem Volk zustehen und auch verbreitet werden sollen, schlage ich vor, sie unter eine Creative Commons-Lizenz (CC-Lizenz) zu stellen.


Das Ganze wäre sicherlich zu bewerkstelligen und würde für erheblich mehr Offenheit sorgen. Ist mir ein Politiker unbekannt, sehe ich schnell online nach. Durch ein solches System wäre es einfacher, den Kurs verschiedener Parteien/Politiker genau zu verfolgen und sich eine Meinung, fernab der Mainstream-Medien, zu bilden. Dieses System würde sich auch für das Europa-Parlament wunderbar anwenden lassen, worüber nur lückenhaft berichtet wird.


Ein Ideensprung hin zu mehr Offenheit – PDF