Eure Anregungen zum Programmdesign sind gefragt!

[Mithrandir]

Tach alle zusammen,

ich war das letzte Jahr recht still, was zum Einen mit meinem Job zu erklären ist, zum anderen habe ich in meinen freien Stunden unter anderem an dem Nachfolger für SmallTune gearbeitet. Nach knapp einem Jahr reinfuchsen in .NET, WPF, MVVM, MEF und dem ganzen Gedöns ( ) bin ich jetzt an dem Punkt, wo ich eine robuste Kernanwendung habe, die ganz gemütlich Plugins schluckt und damit kooperiert.

Der Nachfolger hat den Namen SpeakerDog bekommen, ein Fantasiebegriff, basierend auf dem Titel eines Liedes, den eine Schulband meiner ehemaligen Schule geschrieben hat. Fragt mich nicht, der Titel ist hängen geblieben, und ich finde den Namen irgendwie cool.

Eine testbare Version gibt es noch nicht, aber ich habe ein paar Screenshots, zu denen ich Anregungen und Ideen brauche. Das Ziel von SpeakerDog ist es, dem Benutzer ein intuitives Bedienerlebnis zu schaffen. Außerdem kann er das Programm durch die Plugins nach seinen Wünschen anpassen und erweitern. Fast jede Kernfunktion ist auch über Plugins ansprechbar.

Bevor ihr jetzt weiterlest, solltet ihr nach Möglichkeiten das "Win32/GDI-Denken" mal kurzfristig abschalten. Diese Lektion musste ich auch lernen, ansonsten kommt man in der Welt von XAML, WPF & Silverlight nicht auf einen grünen Zweig.

Zum ersten Release wird es mindestens ein Plugin geben, den "Music.Finder":


Dabei habe ich ein recht anspruchsvolles Ziel vor Augen: Man soll mit dem Finder in der Lage sein, intuitiv die eigene Musik durchsuchen zu können, ähnlich wie das Web mit Google. Dazu gehört Autovervollständigung, die ersten Suchergebnisse während man tippt etc. Allerdings sollte es noch weiter gehen. Ich möchte beispielsweise in das Suchfeld "fröhliche lieder" eintippen können, woraufhin das Programm eine Liste aller Lieder erstellt, die zum einen die Suchbegriffe enthalten, zum anderen aber auch in diese Kategorie passen. Eine entsprechende Bibliothek zur Analyse ist vorhanden, dennoch wird dies eine interessante Herausforderung.

Ich kann mir vorstellen, dass vielleicht auch der "Amazon MP3 Store" zum Release fertig ist:


Hier arbeitet im Hintergrund die Engine von Chrome. Mithilfe dieses Plugins kann man im Store seine Einkäufe tätigen. Kauft man ein Album oder eine einzelne MP3-Datei, so lädt das Plugin sie herunter und übergibt die Datei sofort an SpeakerDog.

Was das Menü betrifft, habe ich mich an Firefox orientiert. Zugegeben, der Button muss noch auffäliger werden, aber der Weg ist mir sympathisch:


SpeakerDog kann aber noch mehr:

• Lieder werden analysiert und können nach Ähnlichkeit gruppiert werden
• Die Verwendung von "Personas" (=> Firefox) ist theoretisch möglich (s. Screenshots)

Auch möchte ich Dropbox & Co. integrieren. Ich habe dafür eine Bibliothek gefunden, die u.a. mit Dropbox direkt kommunizieren kann. So kann man bspw. SpeakerDog auf dem USB-Stick mitnehmen und überall auf die eigene Musik zugreifen.

Nun brauche ich eure Ideen: Schnappt euch den Screenshot vom Music.Finder und verratet mir, welche Funktionen / welches Layout ihr gerne sehen würdet. Alternativ könnt ihr natürlich auch generelle Kommentare abgeben.

Um zu sehen, was mit WPF so alles möglich ist, empfehle ich euch den Beitrag von Billy Hollis zu seinem Programm StaffLynx. Hat mich sehr inspiriert, entsprechend schwirren noch einige Ideen in meinem Kopf herum.

[Luckie]

Wenn du es so wie beim Firefox machen willst, dann guck dir das mal an: "Custom Window Frame Using Desktop Window Manager (DWM)"

[BUG]

Denk bei deinen Anstrengungen für eine intuitive Suche bitte auch daran, dass man auch konkrete Abfragen nach bestimmten Merkmalen machen kann.
Sonst kann eine "intelligente" Suche schnell nervig sein.

Ich fände es gut, wenn man die Suchergebnisse nochmal gruppieren könnte:

• nach Kriterium die zum Fund geführt hat
• Album
• Autor
• in welcher Playlist

Was ich bei iTunes sehr schätze ist die zusammenfassende Darstellung von allen Titeln eines Autors/Albums mit CD-Cover im Raster.
Außerdem finde ich es vernünftig, wenn es eine sichtbare (temporäre) aktuelle Playlist gibt.

Interessant fände ich folgendes:

• Integration von Jamendo als Download-"Shop"
• Möglichkeit Originaldateien in einem Ordner zu sammeln und mit den "Arbeitsdateien" verknüpfen
• mehrere Varianten des gleichen Songs verwaltbar, Standard-Variante festlegbar
• Importverwaltung zum Einlesen von bestehenden Sammlungen
  • Dubletten finden
  • nur bessere Qualität importieren
  • Dateien als "zu sortieren" markieren und an zentraler Stelle sammeln (von Suche ausschließbar)
  • Metadaten vereinheitlichen/komplettieren
• Synchronisierung mit USB-Sticks
  • Konvertierung in passendes Format
  • Legacy-Modus für alte Player (zB. einfaches mp3 mit einfacher Metadateneinbettung)
• CDs einlesen
  • Metadaten für eine CD aus dem Internet suchen
• CDs brennen

[Muellermilchtrinker]

Wenn du das Menü Firefox ähnlich erstellen möchtest, dann würde ich oben die Leiste ausblenden und die Minimieren, Schließen, etc. Buttons selber anzeigen, bzw. das Persona über die Leiste einblenden und dann den Button. Also einfach wie bei Firefox halt.

[Florian Hämmerle]

Wenn du die Suche auch nach der Art machen möchtest (fröhlich, etc.) würde ich dafür ne syntax wie beispielsweise "fröhlich:" anwenden.

DWM wie Luckie schon geschrieben hat, würde ich auch empfehlen. Im Moment sieht der Firefox-Button noch etwas fehl am Platz aus.

Zur Einordnung von Musik: Mark Zuckerbergs Synapse

Ansonsten: Buttons gleich hoch wie das benachbarte Element (Musik.Finder --> "find songs" ist kleiner als Suchfeld; vielleicht auch noch irgendwie direkt anliegen an das Suchfeld, dass es so aussieht, als ob es eine Komponent ist).

Zusätzlich noch Suche in ner online-datenbank (wenns so was gibt, wo alle lieder gespeichert sind oder zumindest ein großteil). Dann kann man das Lied auch gleich kaufen, wenn man es noch nicht besitzt.

Dropbox-Integration finde ich gut

Ich würde sonst auch noch einiges an web-related stuff reinpacken. Allerdings als Plugins. Beispielsweise Twitter -> besten song posten, oder auch sonstige social networks integrieren. Da sind heute ja fast keine Grenzen gesetzt.

mfg Florian

[Mithrandir]

Zitat von Florian Hämmerle:

Wenn du die Suche auch nach der Art machen möchtest (fröhlich, etc.) würde ich dafür ne syntax wie beispielsweise "fröhlich:" anwenden.

Genau sowas möchte ich eigentlich vermeiden, denn ich habe mal eine Studie gelesen, die zeigte, dass die meisten durschnittlichen Benutzer solche Syntaxvorgaben kaum nutzen. Zumal ich mich gerade frage: Was würde denn nach dem ":" kommen?

DWM ist klar, da Suche ich gerade was vernünftiges.

Den Synapse-Player hatte ich mir früher schonmal angesehen, werde ich jetzt aber wieder tun, denke ich.

Zitat von Florian Hämmerle:

Ansonsten: Buttons gleich hoch wie das benachbarte Element (Musik.Finder --> "find songs" ist kleiner als Suchfeld; vielleicht auch noch irgendwie direkt anliegen an das Suchfeld, dass es so aussieht, als ob es eine Komponent ist).

Der Button verschwindet komplett bzw. wird mit in das Editfeld integriert. Wie man das heutzutage von den meisten Suchfeldern kennt.

Zitat von Florian Hämmerle:

Zusätzlich noch Suche in ner online-datenbank (wenns so was gibt, wo alle lieder gespeichert sind oder zumindest ein großteil). Dann kann man das Lied auch gleich kaufen, wenn man es noch nicht besitzt.

Drüber nachgedacht habe ich auch schon. Mal gucken, wie ich das Umsetze.

Zitat von Florian Hämmerle:

Dropbox-Integration finde ich gut

Danke.

Zitat von Florian Hämmerle:

Ich würde sonst auch noch einiges an web-related stuff reinpacken.

Ist auch so angedacht. Ich denke nochmal darüber nach, wie man das am intelligentesten einbaut. Zwei neue Screenshots habe ich für euch. Das Layout ist jetzt etwas freier, die Buttons wirken imho noch etwas deplaziert. Ich überlege mir noch eine intuitive Alben und Künstler-Übersicht. Und über die Farbe denke ich nochmal nach.

[Florian Hämmerle]

Weitere Ideen, die mir über Nacht noch eingefallen sind:

• Titel auf iPod laden
• Bewertungsfunktion: Online speichern, dann kannst du eine "Andere, die dieses Lied gehört haben, haben auch diese Lieder gehört"-Funktion einbauen

mfg Florian

PS: Freu mich schon auf die ersten Testversionen

[Luckie]

Zitat von Florian Hämmerle:

• Bewertungsfunktion: Online speichern, dann kannst du eine "Andere, die dieses Lied gehört haben, haben auch diese Lieder gehört"-Funktion einbauen

Dann vergiss aber die "Gefällt mir"-Schaltfläche nicht.

[s.h.a.r.k]

Hm, habe mir die Screenshots so angeschaut und ich finde die GUI nicht wirklich kompakt, weshalb ich automatisch an eine Touch-Overfläche gedacht hatte -- also beim ersten Blick. Ich fände die Idee aber selbst echt nicht schlecht, wenn du die ganze GUI so aufbauen würdest, da du dann gleich zwei Fliegen mit einer Klappe geschlagen hättest.

Wie ich es machen würde: lehne das komplette Design an das Windows Phone UI an, da Windows 8 ebenso ein derartiges (Teil-)UI bekommt. Du hast in einem letzten Screenshot ja schon einen Tick in diese Richtung gearbeitet, führe das doch weiter. Hier ein paar mehr Beispiele: One, Two (siehe Scrollbars!), Three.

Somit würden auch deine Buttons (Previous, Play, Forward etc.) allgemein größer werden, die Abstände zwischen einzelnen Einträgen (z.B. Tracklist) und Elementen sauberer wirken und dein Programm allgemein ein sehr modernes Design bieten können.

@Luckie: von wie vielen Web-2.0.-Anbietern?? Am besten dann eine ganze Leiste einblenden...

[Florian Hämmerle]

Zitat von Luckie:

Zitat von Florian Hämmerle:

• Bewertungsfunktion: Online speichern, dann kannst du eine "Andere, die dieses Lied gehört haben, haben auch diese Lieder gehört"-Funktion einbauen

Dann vergiss aber die "Gefällt mir"-Schaltfläche nicht.

Nix gefällt mir, ein einfaches Rating per 1-5 sternchen (wie schon im Explorer enthalten). Wenn man schon Online-Services anbietet, wäre man ja ganz schön doof, nicht auch das anzubieten.

mfg Florian