MeUsic

I’m searching for the best way to create wire-frames to show multi-user interactions.
I’m designing a mobile application where users use their mobile phone together at the same time and in the same room. The problem here is, do I create one wire-frame flow-chart (wire-flow) per user or do I combine them into one?

I’m trying to prevent total chaos by doing something like this: http://wireframes.linowski.ca/2009/10/multiuser-wireflows/

And thinking about some sort of time-line on the horizontal axis.
Quick sketch: http://sht.tl/EJ2tG
Where every box is an interface or part of an interface. This way I can show simultaneous interactions, without sending the reader to a different wire-flow.
When an area is left blank, the user isn’t doing anything or just watching the (re)actions of what the other users are doing.

Has someone had any experience with this sort of wire-framing / flow-charting?

Response van webmaster van wireframes.linowski.ca

——————————————————————————————————————————
Hey Ruud,

Here are my quick thoughts on what you have started showing. From your diagram it seems like the 3 users are doing something in parallel but independent of each other (ex. there is no interaction between user 1 and 2). Is that really so? Here is another sample of an attempt to convey person to person interactions http://wireframes.linowski.ca/2009/02/sketching-alternative-and-social-activities/ (it’s not perfect, but just another idea).

My general feel is that if you go with linear representations it becomes easier to consume and understand them. Whereas showing a mix of non-linear paths, at times could be slightly more confusing (but interesting as well). One way to combat the more complex non-linear, multi person interactions, would be to break them apart and organize them by scenarios or situations. Say, one situation is “registration” where user 1, 2 do something together. Another situation would be Y, where user 1, 2 and 3 interact, and so on.

Personally I prefer creating deliverables that unify and merge all such things as scenarios + flowcharts + wireframes and at the same time convey the narrative and interactions. This way I find it easier to manage when new iterations or changes have to come about. For this reason I began experimenting with an interactive sketching notation:

http://wireframes.linowski.ca/2009/10/interactive-sketching-notation-v0-1/

http://wireframes.linowski.ca/2010/02/tablet-illustrator-and-the-case-for-electronic-sketching/

Hope this helps?
Cheers,
Jakub

ps. I’d love to see your final deliverable and perhaps share it online with the rest? Looks like you’re onto something new.

Omdat ik straks aan de slag moet met het uitleggen van handelingen van meerdere gebruikte welke tegelijkertijd plaats vinden, ben ik even op zoek gegaan naar hoe andere mensen dit aanpakken.
Er is erg weinig te vinden over dit onderwerp en dat vind ik raar. Het lijkt me dat er toch wel vaker de interactie moet worden uitgelegd van een applicatie als meerdere gebruikers hier op het zelfde moment gebruik van maken.

Multiuser WireFlows
Redelijk chaotische oplossing. Dan kan je volgens mij beter alle gebruikers apart nemen en hun proces apart laten zien.

Omdat, zoals ik het nu zie, er vaak meerdere mensen acties tegelijk uitvoeren, vind ik dat deze ook zo overgebracht moeten worden in wireframing. Even een klein voorbeeldje hoe ik het zie:

Waarbij de horizontale as de tijd is en elk grijs vakje moet een “interface” voorstellen, of een gedeelte daarvan.

Wat ik niet wil is, 1 grote flowchart met daarop alle acties in tekst, welke vervolgens linken naar een wireframe. Dan wordt je als lezer van mijn concept/wireframe van hot naar her gestuurd en ben ik bang dat de draad al snel kwijt geraakt wordt.

Heb een topic gestart op LinkedIn in de hoop meer antwoorden te krijgen.
Multi-user wire-frames, best practices., wel eerst even inloggen.

Voor mezelf een mindmap gemaakt om alles even uit mijn hoofd op “papier” te krijgen. Moet nog verder uitgewerkt worden en betere assen verdeling komen.
Alle functies van vorige post in een as geplaatst.

1. Nieuwe muziek suggestie van/via vrienden.
2. Bureau gebruiken voor interface muziek speler (mp3 speler in dock). Daarbij de computer los houden van afspelen van muziek.
3. Broadcasten van je muziek – Iedereen is zijn eigen radio station
4. In de trein heb ik meer tijd om even naar nieuwe muziek te zoeken, om die 15minuten te vullen.
5. Muziek in de trein, gekozen door iedereen die in de coupé zit.
6. Lokaal radio station waarbij democratisch muziek geluisterd kan worden. Mensen die luisteren bepalen de muziek, gaan deze mensen weg, vervalt ook hun gekozen muziek.
7. Spotify shared playlists. Meerdere mensen die een playlist kunnen samenstellen bewerken.
8. Itunes DJ – 1 master-user, andere mensen geven suggesties voor muziek uit de muziek collectie uit de master-user.
9. Muziek collecties samenvoegen van meerdere mensen in 1 omgeving.
10. Makkelijk downloaden van nummer dat je nu hoort.
11. Muziek via vrienden ontdekken, muziek naar vrienden sturen.
12. Muziek met onbekende in de trein delen. Wat voor muziek luistert dat leuke meisje schuin tegenover mij?
13. Mifi – Het broadcasten van jou muziek collectie, huidige muziek selectie.
14. Ik stuur een suggestie naar een vriend, deze moet hij op zijn computer, iphone, media-center hetzelfde kunnen “openen” en ervaren.
15. Als ik op 1 meter van iemand sta, waarom moet ik dan via een website of iets opzoeken wat hij luistert of geluisterd heeft (last.fm). Of moet ik met de hand een artiest opzoeken die aanstaat via de radio, of laptop van een klasgenootje.
16. Itunes tagging, Buy from FM – Ik hoor een leuk nummer ergens, radio, disco, vriend, trein etc. en wil dit voor mijzelf kopen.
17. Als ik thuis muziek luister en ik ga naar school. wil ik de mogelijk hebben makkelijker verder te luisteren op mijn iPhone waar ik thuis gebleven was.
18. Muziek moet niet te random zijn, vaker zelfde artiest achter elkaar. Nieuwe muziek tussendoor shufflen, wat ik nog niet of zelden heb geluisterd.
19. Voordat ik muziek kan luisteren moet ik elke keer hetzelfde riedeltje uitvoeren. Bedenken waar ik zin in heb, artiest selecteren, album of shuffle? Allemaal keuzes terwijl ik gewoon op play wil drukken. Ik wil de muziek luisteren die ik de dag daarvoor heb gedownload. Even nieuwe muziek ontdekken.Meestal heb ik in dezelfde week dat ik in de trein zelfde soort of zelfde artiesten luister. Waarom leren mijn media-spelers dit niet?
20. Kopen via andere mensen

Thuis

Nieuwe muziek suggestie, via de mail, msn, telefoon.
Bureau gebruiken voor interface muziek speler (mp3 speler in dock). Daarbij de computer los houden van afspelen van muziek.

Onderweg

Broadcasten van je muziek – Iedereen is zijn eigen radio station
In de trein heb ik meer tijd om even naar nieuwe muziek te zoeken, om die 15minuten te vullen.
Muziek in de trein, gekozen door iedereen die in de coupé zit.

Werk

Lokaal radio station waarbij democratisch muziek geluisterd kan worden. Mensen die luisteren bepalen de muziek, gaan deze mensen weg, vervalt ook hun gekozen muziek.
Spotify shared playlists. Meerdere mensen die een playlist kunnen samenstellen bewerken.
Itunes DJ – 1 master-user, andere mensen geven suggesties voor muziek uit de muziek collectie uit de master-user.
Muziek collecties samenvoegen van meerdere mensen in 1 omgeving.
Makkelijk downloaden van nummer dat je nu hoort.

Sociaal

Muziek via vrienden ontdekken, muziek naar vrienden sturen.
Muziek met onbekende in de trein delen. Wat voor muziek luistert dat leuke meisje schuin tegenover mij?
Mifi – Het broadcasten van jou muziek collectie, huidige muziek selectie.
Ik stuur een suggestie naar een vriend, deze moet hij op zijn computer, iphone, media-center hetzelfde kunnen “openen” en ervaren.

Makkelijk delen van muziek

Als ik op 1 meter van iemand sta, waarom moet ik dan via een website of iets opzoeken wat hij luistert of geluisterd heeft (last.fm). Of moet ik met de hand een artiest opzoeken die aanstaat via de radio, of laptop van een klasgenootje.
Itunes tagging, Buy from FM – Ik hoor een leuk nummer ergens, radio, disco, vriend, trein etc. en wil dit voor mijzelf kopen.

Switchen van omgeving of device

Als ik thuis muziek luister en ik ga naar school. wil ik de mogelijk hebben makkelijker verder te luisteren op mijn iPhone waar ik thuis gebleven was.

Shuffle functie is dom

Muziek moet niet te random zijn, vaker zelfde artiest achter elkaar. Nieuwe muziek tussendoor shufflen, wat ik nog niet of zelden heb geluisterd.

Algoritme smalgoritme..

Het gaat mij hierbij niet om een algoritme te bedenken die de beste matches bij elkaar vind. Hier kan je zo ver in gaan, dat de hele frontend vergeten kan worden. Ik ga er gewoon vanuit dat het suggesties algoritme hetzelfde als Last.fm is.

Luisteren

Voordat ik muziek kan luisteren moet ik elke keer hetzelfde riedeltje uitvoeren. Bedenken waar ik zin in heb, artiest selecteren, album of shuffle? Allemaal keuzes terwijl ik gewoon op play wil drukken. Ik wil de muziek luisteren die ik de dag daarvoor heb gedownload. Even nieuwe muziek ontdekken.
Meestal heb ik in dezelfde week dat ik in de trein zelfde soort of zelfde artiesten luister. Waarom leren mijn media-spelers dit niet?

Streaming

Muziek luisteren via de cloud, kan, maar veranderd niet de ervaring. Enige wat dit oplost is dat je niet je muziek hoeft te syncen tussen verschillende apparaten.

Muziek abonnement

Als er vanuit gegaan kan worden dat iedereen een muziek abonnement heeft, kunnen er leuke dingen gedaan worden met het delen van muziek. Je hoeft het niet te kopen, maar muziek kan gewoon overgezet worden of via de provider direct gedownload worden. Zonder het “wil je dit kopen” proces ertussendoor.