| informationsarkitektur/GUI-flöden? |
| Av: Hanna | 23/04/2004 klockan 15:22 |
Hej,
jag arbetar som användbarhetsdesigner i stockholm och funderar nu på hur man visualiserar GUI-flöden av funktioner och information? Ungefär som en sitemap för en webbapplikation, men rikare så att funktionaliteten kommer med. Det jag är ute efter påminner mycket om en informationsarkitektur, men jag saknar en notation? Hoppas att någon kan hjälpa mig! Tack på förhand. |
Kristoffer svarade 25/04/2004 klockan 22:33 |
Hos oss har vi en hemmasnickrad variant för att dokumentera navigering och funktionalitet, men om jag minns rätt fanns inspirationen bland annat hos "state diagrams" och UML...detta var länge sen men kan vara pekare att kolla upp...
Jesse James Garrett har utarbetat en "Visual Vocabulary" för IA och IxD som kanske är det du söker?
http://www.jjg.net/ia/visvocab/ |
Jonas Okmark svarade 26/04/2004 klockan 10:01 |
Jag har inte hittat någon smidig metod som fungerar. Jag testade att bygga ihop flöden och funktionalitetsbeskrivning men det blev bara rörigt. I slutändandan var det smidigare att separera dem. Hittar du något bra system så får du gärna dela med dig.
|
Hanna svarade 26/07/2004 klockan 15:28 |
| Tack för svaren. Vi har inte kommit så långt än tyvärr. Den konceptuella modellen blev en matris (informationsarkitektur). GUI-designen är än så länge på ett tidigt stadium, men den kommer att bli mer och mer komplicerad så då lär jag behöva komma på en notation. Hörs. |
Johan van Ketwich svarade 04/08/2004 klockan 09:07 |
Kanske bara delvis relaterat diskussionen här, men likväl mycket intressant.
Jag snubblade över en presentation från ett IA Summit där Peter Boersma och Jacco Nieuwland från EZGov presenterade något de gjort som kallas J-Flow. Jag tror man kan kalla det en arbetsmetod som givits ett direkt stöd i en anpassning av Visio.
Verktyget skapar 'screenflows' och 'wireframes' samt exporterar det i ett HTML format med automatiskt genererade länkar. Läs mer på
http://www.xs4all.nl/~nieuwnet/iasummit/
Själva verktyget finns inte tillgängligt, utan bara som en presentation, men IA notationen är intressant och det finns helt klart en potential.
Den som sedan är kung på att programmera Visio kan säkert fördjupa sig ytterligare - och varför inte dela med sig här. Känner någon till andra exempel på liknande initiativ så meddela gärna här. |
svarade 07/08/2004 klockan 10:33 |
Jag arbetar idag främst med utveckling av webbaserade tjänster och informationsarkitektur för webb. Personligen föredrar jag att separera informationsstruktur och funktionella flöden. Detta dels av den enkla anledningen att det annars riskerar att bli väldigt komplext och svårt att överblicka, men också då jag anser det vara en logisk uppdelning utifrån två skilda krav.
I praktiken skapar jag först en informationsstruktur("sajtkarta" om man så vill) vilken beskriver vilken information(text, bilder, multimedia etc.) som skall presenteras var, men också vilka funktioner som skall presenteras på varje enskild sida. Denna funktionalitet beskrivs sedan utförligare i ett kompletterande dokument på enklaste sätt genom att varje sida/funktion tilldelas en unik referens(hierarkisk numrering: 1, 1.1, 1.1.1 osv.).
Informationsstrukturen visualiserad i form av sajtkarta och kompletterande funktionsspecifikation kompletteras sedan med en funktionell specifikation baserad på användarscenarier vilken beskriver de mest kritiska funktionella flödena. Denna skär genom den tidigare framtagna sajtkartan och beskriver således flöden som sträcker sig över flera nivåer(både vertikalt och horisontellt) i strukturen.
Det är inte lätt att förklara visualiseringsmetodik utan att ta hjälp av visualiseringar :o)
Det finns en bra, grundläggande men mycket matnyttig bok i ämnet som ger en god överblick av området med betoning på praktisk metodik: "Information Architecture for Designers", ISBN 2880467314. http://www.amazon.com/exec/obidos/tg/detail/-/2880467314/qid=1091867291/sr=8-1/ref=sr_8_xs_ap_i1_xgl14/002-7394962-1496865?v=glance&;s=books&n=507846. Rekommenderas.
/Marcus, www.ittakestwo.se |
Hanna svarade 12/08/2004 klockan 09:06 |
Hej, tack för tipsen!
Johan, IA-förslagen ser mycket intressanta ut och man kan säkert spinna vidare på dem. Dock förstod jag inte vad som menas med "wireframes"...någon som vet? :)
Marcus, det gick upp ett ljus för mig att jag kanske inte är ute efter en kombinerad IA- och GUI/funktionsnotation trots allt. Visst vore det bra med en översikt, men systemet är ju större än så. En av anledningarna till att min ursprungliga idé inte har blivit av är väl att det inte är naturligt och uppenbart. Just nu håller vi på att specificera typfönster så då blir de nya funktionsflödena ett bra komplement till IA:n som redan finns.
Det går framåt. Tack för kommentarerna!
|
Jonas Söderholm svarade 12/08/2004 klockan 10:23 |
| "wireframe" brukar användas på olika sätt i olika sammanhang. Inom IA för webben iaf, gäller det oftast helt enkelt layoutmallar utan grafik. Alltså en bildlig beskrivning av hur sidorna ska vara arrangerade utan att gå in på detaljer som färger, typsnitt och pixlar hit eller dit. Det är ofta det sista steget från konceptuell IA till konkret gränssnittsdesign. Läs "Information architecture - Blueprints for the web" av Christina Wodtke. Inte lika djuplodande som klassiska IA for the WWW, men desto mer rakt på sak med många direkt tillämpbara metoder. |
Oscar Berg svarade 20/09/2004 klockan 13:53 |
Jag håller med föregående talare. Det behövs olika typer av modeller / diagram för att beskriva de olika dimensionerna av en webblösning. Modeller måste ju vara enkla att förstå om de ska vara användbara och om man lägger in för många dimensioner i en modell blir den givetvis svårare att förstå. Min erfarenhet är att det i vanliga hierarkiska modeller av en informationsstruktur är svårt att interaktion / funktionella flöden utan att modellerna blir alltför komplexa. Du kanske kan förstå dem, men kan den som ska använda dem göra det?
Funktionella flöden kan med fördel modelleras med hjälp av användningsfallmodeller och aktivitetsdiagram (enligt notationen UML). Jag brukar ofta använda mig av aktivitetsdiagram som jag skapar i Visio eller i Rational Rose.
Jag kommer fram till hur de funktionella flödena (som alltså beskrivs med användningsfall och aktivitetsdiagram) ska se ut i detalj genom att prototypa gränssnittet med wireframes / mock-ups, om det går helst tillsammans med tilltänkta användare. Denna process är givetvis iterativ till sin karaktär.
Interaktionsdesignen kan man sedan testa genom att utifrån aktivitetsdiagrammen ta fram olika scenarios (eller testfall om man så vill). Perfekt som grund för att ta fram olika typer av prototyper och för användartester.
Om du vill knyta ihop olika diagram är det bara att använda unika referenser i de olika diagrammen.
|
