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":
musicfinder.jpg

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:
amazon-mp3-store.jpg

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:
menu.jpg

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.

[Elvis]

Die Tiles sollten vllt ganz leicht abgerundete Ecken haben. Selbst eine Rundung mit einem Radius von 3 Pixeln würde, Antialiasing vorausgesetzt, einen sehr großen Unterschied machen.
Und gänzlich einfarbige Flächen wirken ebenfalls unlebendig. Da kannsu entweder einen klitze-kleinen Gradienten reinlegen, oder eine Mikrostruktur. (zum Bleistift benutzt Apple so "Krissel" mit denen eine simple, graue Fläche plötzlich cool aussieht)

[Florian Hämmerle]

Naja ob einfarbig oder mit gradient kommt immer auf das gesamtbild drauf an. Die Tiles von Win8 sind wenn ich es recht erkenne einfarbig und die sehen einfach nobel aus. Wenn man die Tiles dort abrunden würde käme es an den Kreuzungspunkten zu unschönen optischen Täuschungen (gefallen mir zumindest nicht), deshalb würde ich es einfach ausprobieren und dann entscheiden was die besser gefällt.

Wenn du vor hast, dein Programm irgendwie zeitlich gleich mit Win8 zu releasen, dann sähe das Tiling sicher sehr modern aus und deine Anwendung wäre ein kleiner apple auf Windows... -> Stylefaktor -> kommt gut an -> mehrere Nutzer -> perfekt

Florian

[Mithrandir]

Zitat von Florian Hämmerle:

Wenn du vor hast, dein Programm irgendwie zeitlich gleich mit Win8 zu releasen, dann sähe das Tiling sicher sehr modern aus und deine Anwendung wäre ein kleiner apple auf Windows... -> Stylefaktor -> kommt gut an -> mehrere Nutzer -> perfekt

Florian

Yeah.

Styles sind ja schnell geschrieben, da kann man ja recht flexibel sein. Man könnte eine Windows8-ähnliche Oberfläche auch als eigenes Plugin gestalten - ich bin da recht flexibel.

Elvis, hast du ein Beispiel für "Krissel"?

Ich habe den Button mal verschoben, das Glass-Design aktiviert und kleine Rundungen in die Playlist gepackt - weiter geht's.

Das Design des Buttons bleibt natürlich nicht so, die Abstände schrumpfen auch noch. Allerdings bekomme ich es momentan noch nicht hin, dass die "Systembuttons" auf der oberen Leiste liegen. Schiebe ich die Kontrollleiste nach oben, werden die Buttons überdeckt. Gnarf.

[Florian Hämmerle]

Krissel: Das sind einfach ganz kleine Farbabweichungen: zB sehr leichtes grau auf weiß. Früher war die DP mit einem etwas zu starkem davon als Hintergrund tapeziert. ne verputzte Wand kommt dem Vergleich vielleicht nahe.

Florian