Plats för bild LEDARCENTRUM 67 o N 2012 Gällivare/Kiruna
Innehåll 01 Om 1 02 Uppdraget 2 03 Arbetsprocessen 3 04 Analys 5 04.1 Brainstorm 5 04.2 Befintligt utbud 5 04.3 SWOT-analys 6 04.4 Identity Tool Kit 7 04.5 Moodboard 10 04.6 Sorteringsprocess 11 05 Konceptförslag 13 06 Rekommendationer 15 07 Sammanfattning 16 08 English summary 17 09 Projektteam 18 3
01 Om När företag, kommuner och organisationer kommer i kontakt med designstudenter blir resultaten slående. I får företag möta de ungas värderingar, kunskaper, ohämmade kreativitet och studenter kommer i kontakt med verkliga uppdrag hos riktiga kunder. SVID, Stiftelsen Svensk Industridesign har sedan 2001 varit huvudman för Sommardesignkontor runt om i Sverige. Målet är att skapa kreativa miljöer när olika kompetenser möts. Ett Sommardesignkontor består av studenter från högskolor och universitet med olika inriktning. Studenterna samarbetar i flera projekt och får arbeta med problembaserade uppdrag under sju intensiva sommarveckor. Designarena Nord är ett projekt i Norrbotten som ägs och drivs av Centek vid Luleå tekniska universitet. Syftet är att öka intresset för och kunskapen om industriell design som verktyg för affärsutveckling. Detta för att öka företagens konkurrens kraft och möjligheter att nå nya marknader och på så sätt även öka tillväxten i Norrbotten. består av en grupp på sex studenter från hela Sverige med anknytning till design i sina utbildningar. Kompetensen består i år av en teknisk designer, en industridesigner, en interaktionsdesigner, en arkitekt, en landskapsarkitekt och en trädgårdsingenjör. Den här rapporten beskriver kortfattat utgångspunkt och resultat av sommarens arbete. www.svid.se 1
02 Uppdraget Camilla Widing driver ledarcentrum 67⁰N, vilket är ett utbildningsföretag inom personlig utveckling, ledarskap och kommunikation. Med tio års erfarenhet av utbildning har hon byggt upp en kundbas inom bland annat offentlig sektor och privat näringsliv. Hennes utbildning Svälj den fulaste grodan först fokuserar på personlig effektivisering och har varit omtyckt av anställda på olika nivåer. 03 Arbetsprocessen Arbetsprocessen inleddes med ett kundmöte i Gällivare med då uppdragsbeskrivning samt generella riktlinjer togs fram. En idégenerering inleddes för att skapa en bas både för utbildningsplattformen och den grafiska profil som skulle användas. Dessa resultat redovisades vid delpresentationen för Ledarcentrum att ta ställning till. Valet föll då på en modell där PowerPoint-mallar låg som grund för interaktiviteten i plattformen. Detta innebar att en ny efterforskningsprocess inleddes då mer fakta kring den nya programvaran behövdes. Även sättet att distribuera produkten undersöktes, detta för att skapa en bild av lämpligast utformning av plattformen. Målet i dagens läge är att nå ut med denna utbildning till hela Sverige. Detta ska genomföras genom ett interaktivt media, som är så pass flexibelt så att kursdeltagaren kan nyttja det på eget bevåg i mån av tid. Sommardesignskontorets uppgift är att ta fram ett förslag på en internetbaserad utbildningsplattform, där föreläsningar och material enkelt kan nyttjas av kursdeltagarna. Denna plattform ska vara personlig med en möjlighet att spara egna uppgifter för att på sådant vis bygga upp en individuell övningsbok. En mall av denna plattform kommer att sammanställas i form av en lättare digital prototyp. I uppdraget ingår ej att koda denna mall. Genom en brainstorm togs centrala koncept fram såsom värdeord och mission statement. Utifrån dessa skapades en moodboard för att tydliggöra visionen och den strävan som fanns i projektet. Efter detta inleddes en marknadsanalys av befintliga utbildningsplattformar. Genom att använda SWOT-metoder analyserades de olika plattformarnas styrkor och svagheter. Dessa lades samman med det kundunderlag Ledarcentrum tillhandahållit för att få en balanserad och väl avvägd helhetssyn om lämpligast media för framtida plattform. En grafisk profil sammanställdes även genom ett så kallat Identity Tool Kit. Ett Identity Tool Kit skapar en grafisk profil genom att sammanställa; Värdeord, Mission Statement och Tillstånd (färg- och formspråk). Denna grundades på de värdeord som framtagits vid brainstormen samt Ledarcentrums logotyp. Inspiration togs även från trädgrodan som flitigt förekom i föreläsningsmaterialet till Svälj den fulaste grodan först. Eftersom PowerPoint-mallar skulle fungera som underlag för plattformen undersöktes det tillgängliga presentationsmaterialet som ledarcentrum använde sig av. Detta material delades in i ett antal nya grupper efter utformning och syfte. Med detta som grund skapades nya mallar där användar-interaktionen låg i fokus. Dessa mallar låg sedan som grund för den integrering av prototyp-plattform och design som utförde. Resultatet presenterades för Ledarcentrum för vidare implementering. 2 3
04 Analys 04.1 Brainstorm 04.2 Befintligt utbud För att strukturera upp projektet gjordes en brainstorm. Denna grupperades i; idag, imorgon, interaktivt och känslan, då dessa verkade vara grundläggande för att få en god helhetssyn. Idag samlade det kunden upplever när den går på en fysisk föreläsning. Imorgon sammanfattar funktioner e-kursen bör ha. Känslan förklarar hur användaren ska uppleva produkten. Interaktivt behandlar vilken slags interaktion som är önskvärd och hur denna skulle kunna utvecklas i framtiden. Då Ledarcentrum inte hade någon specifik plattform i åtanke vid projektets början inleddes analysen med en genomgång av befintliga system. E-kurser söktes efter på Internet och olika forum lästes för att få tydligare klarhet i vilka system som var aktuella för projektet. Kostnadsförslag togs även med i beräkningen då plattformen endast skulle utformas för en kurs istället för flera. Detta innebar att de system som var tänkta för större utbildningar och utbyggnadskurser ej ansågs aktuella. Brainstorm Inspirationsbilder 4 5
04.3 SWOT-analys En SWOT-analys genomfördes på de kvarvarande plattformar som ansågs intressanta. Aspekter som undersöktes var utformning, feedback, grund/djup struktur, samt intressanta helhetslösningar. De plattformar som då ansågs intressanta var de med grund struktur samt ett modernare upplägg än den klassiska trädstrukturen. Eftersom Ledarcentrum även uttryckligen hade lite tidigare vana av e-kurser och sökte en produkt med litet underhållsbehov togs även potentiell inlärningskurva samt extern backup med i analysen av de kvarvarande systemen. 04.4 Identity Tool Kit Genom att använda ett så kallat Identity Tool Kit analyserades Ledarcentrums befintliga föreläsningsmaterial, där fokus låg på att lägga grunden för en grafisk profil för e-kurs. Färg och formspråk undersöktes för att lägga en grund till framtida PowerPoint-mallar. Genom att strukturera upp mål, användare, resurser med mera togs tre värdeord fram; Interaktiviter, Professionellt och Mervärde. Uppdragets mission statement blev därefter: Att skapa en interaktiv och professionell plattform som erbjuder ett mervärde. En lättare kostnadsundersökning genomfördes även då priser för att utveckla plattformen på en web-byrå skulle kosta ca 80 000-100 000. Kostanden för endast ett program där beställaren själv kan ta fram en e-kurs ligger på ca 16 000-25 000. En server för att publisera e-kursen på kostar dock ca 50 000. Plattformar som undersöktes var bland annat FoxShare som hade ett modernt och lättillgängligt gränssnitt. Det var dessutom flexibelt på det viset att beställaren själv kunde välja om hon skulle lägga in material själv eller få hjälp av experter. Den främsta nackdelen var att systemet kändes krångligt att sätta sig in i själv och därför förmodligen skulle krävt experthjälp. Ett annat system som granskades var LuvIt som användes av Grade som främst är en web-byrå för just e-learning. Dock kändes upplägget med web-byrå främst ekonomiskt hållbart för större företag med egna internutbildningar. Identity Tool Kit: Interaktivitet - Genom att nyttja olika medier och inlärningssätt maximeras möjligheten för kunden att forma sin utbildning. Professionellt - Det stilrena grafiska uttrycket ska reflektera kunnande och specialistkunskap. Mervärde - Då produkten har hög flexibilitet kan användaren ta till sig informationen i sin egen takt och få ut mer av sin utbildning. Camilla Widing - Som ensamföretagare personifierar Camilla Widing sin produkt med ledord som nytänkande, professionell, feminin och jordnära, något som även hennes produkt återspeglar. Tillstånd: Formelement: mjuk, utåtriktad, öppen, inbjudande, kreativ Färger: Neutrala gråa nyanser som kompletteras med aubergine, hallon och orange. Tilltal: professionellt, innehållsrikt, strukturerat, sympatiskt Färg: Neutrala grå nyanser som kompletteras med Fuchia och grönt Form: Symmetrisk, innovativ, mjuk, rejäl. Material: Stål Adobe Captivate och Articulate Studio undersöktes även. Dessa två var väldigt lika varandra i det att grunderna till e-kurserna låg i PowerPoint-mallar. Programmen var dessutom relativt billiga och krävde ingen web-byrå för backup. Utbildningsplattformar Exempel på möjligt utförande från Foxshare, LuvIt och Articultae STtdios Mission Statement: Att skapa en interaktiv och professionell utbildningsplattform som erbjuder användaren ett mervärde. 6 7
Fuchia Färgskalor Grå Färgskalor 8 9
04.5 Moodboard Som en del i Identity Tool Kit togs även en moodboard fram. Tilltalet skulle vara professionellt, innehållsrikt, strukturerat och sympatiskt. Formelementen skulle förmedla känslan av mjukt, utåtriktat, öppet, kreativt och injbudande. Färgerna som främst skulle användas var neutrala gråtoner som kompletterades med fuchia och grönt. Formerna som skulle ligga som grund var symmestriska, innovativa, mjuka och rejäla. Det material som låg som grundelement var stål. 04.6 Sorteringsprocess Då Ledarcentrum hade befintligt föreläsningsmaterial skedde en sorteringsprocess av denna för att lättare se vilka olika grupperingar som existerade. Sorteringen skedde med text- och interaktionstyp i åtanke. 17 grupperingar med 1-3 olika variationer inom varje grupp fanns. Dessa grupperingar med variationer togs till vara i det fortsatta arbetet med att skapa nya mallar. Sorteringsprocess med befintligt föreläsningsmaterial 10 Ledarcentrum 67 o N 11
05 Konceptförslag Från och med första klicket är användarna medvetna om att de befinner sig i Ledarcentrums e-kurs Svälj den fulaste grodan först. Den grafiska profilen återknyter tydligt till Ledarcentrums egen med färg- och formspråk och den tydliga struktureringen av sidorna för samman föreläsningarna med e-kursen. Struktur - De grundmallar som utformats har god marginal, jämna mellanrum mellan de olika elementen och väl disponerade ytor. Detta innebär att användarna alltid vet vilken slags interaktion sidan har att erbjuda samt var i kursen de befinner sig. Då plattformen upplevs som mer förutsägbar och jämn kan användarna lägga sin fokus på att ta till sig informationen snarare än att försöka tyda sidan. Färgspråket - Liksom beställarens egna går denna i grått och fuchia. Från trädgrodan som kommit att symbolisera utbildningen kommer de limegröna och orangea tonerna. Dessa återkommer både i menyraden och sidloggan. Färgerna tonas in eller ut beroende på vilket kapitel användaren besöker. Formspråket - Den färgade sidloggan längst ner visar i vilket kapitel användaren befinner sig samt på vilket sida relaterar till Ledarcentrums egen logga. Det symmetriska och mjuka utåtriktade men likväl robusta formspråket tas till vara på både i sidloggan så väl som menyraden. Förutom de runda cirklarna som visar vilket kapitel användaren är på har menyn även en vit ram som tar igen samma form. Meny och sidlogga - Menyn och sidloggan är utformad som en kombination av den nya grafiska profilen och beställarens tidigare kapitelsystem som användes i föreläsningsmaterialet. Då e-kursen i sig är relativt grund har resterande innehåll minimerats för att tydligare sätta fokus på just de fyra aktuella kapitlen. Då menyn är konstant behöver användaren aldrig gå tillbaka till en startsida eller dylikt utan kan lätt klicka sig runt mellan de olika. Då menyn och sidloggans färgval, sidloggans titel samt sidnummer tydligt ändras vid varje byte av sida så får användaren alltid synbar feedback på sina handlingar. Interaktion - På de ställena där användaren förväntas interagera med kursen, exemepelvis fylla i sina egna mål och rangordna dem, återkommer de tecken som tyder på interaktion. rutor lämnas öppna och val går att dra och släppa på den plats i rangordningen användaren väljer. På de ställen där videor eller ljud finns tillgängligt syns tydliga Play -, Pause - och Mute - knappar så att användaren upplever att den kan ta det i sin egna takt. Meny, Sidloggor och förstasides-navigering 12 Ledarcentrum 67 o N 13
De nya mallar som togs fram går efter klassisk PowerPoint-modell. Marginaler har lagts till och tydliga storlekar och placeringar av text- och bildelement har definierats. Detta för att tydliggöra vilken typ av interaktion som kan göras var, både för beställaren och dennas kund. Titel Pr. Föreläsning 1. 06 Rekommendationer Då Svälj den fulaste grodan först är en mindre utbildning och i nuläget saknar uppföljningskurs rekommenderas beställaren att satsa på en plattform som är någorlunda grund. Detta för att undvika onödiga menyer och inställningar då användaren förmodligen inte kommer att kunna lägga tid på att fördjupa sig i en programvara som endast används tillfälligt. Med tanke på storleken på kursen samt att e-kursen snarare är tänkt som ett komplement än en helt fristående produkt är det även en god idé att se över de olika LMS-systemen. Beroende på hur planerna för tillväxt ser ut och hur fakturering gentemot kund är tänkt så blir olika kostnadsförslag mer eller mindre aktuella. En gemensam struktur skulle även underlätta för användaren att ta till sig den kunskap som ska förmedlas. Då en viss förutsägbarhet finns syns det tydligt hur och var interaktion kan ske och vilka steg användaren förväntas ta för att få ett resultat. PRIORITERA S 1/1 För att minimera tidsåtgången för att skapa och underhålla e-kursen är det en fördelaktigt att välja ett verktyg som beställaren redan är bekant med. Detta förkortar inlärningskurvan och borgar för att beställaren själv kan lösa potentiella buggar och/eller tillföra nytt material. Då Ledarcentrum kontinuerligt använder sig av PowerPoint i föreläsningssyfte är det därför ett gott alternativ att använda en e-kurs som är grundad i just PowerPoint-mallar. Titel Pr. Föreläsning 2. För att skapa en helhetskänsla av utbildningen bör en grundstruktur appliceras på såväl föreläsningsmaterial som e-learning, detta för att tydligt visa kunden vem avsändaren av materialet är. Detta är även viktigt för att kunna stärka varumärket och få användaren att känna tilltro till att Ledarcentrums kunskap är unik och attraktiv. PRIORITERA S 1/1 14 Ledarcentrum 67 o N 15
07 Sammanfattning Camilla Widing driver utbildningsföretaget Ledarcentrum 67⁰N. Företaget utbildar personal i så väl offentlig som privat sektor inom kommunikation, utveckling och ledarskap. Utbildningen Svälj den fulaste grodan först är riktad mot anställda på alla olika nivåer inom ett företag och fokuserar på personlig effektivitet. 08 English summary Camilla Widing is the owner of Ledarcentrum 67⁰N which educates staff in the public as well as the private sector. The educational areas are mainly communication, leadership and development. The course Swallow the ugliest frog first is directed towrads employes att all different levels of a company and focuses on personal efficiency. Då Svälj den fulaste grodan först skulle utvecklas till e-kurs inleddes projektet med en brainstorm angående potentiella problemområden, målgrupper, utvecklingsmöjligheter med mera. Denna resulterade i värdeord som låg till grunden för ett mission statement samt en moodboard. En grafisk profil togs fram för att komplettera Ledarcentrums befintliga profil och det färg- och formspråk som skapades användes genomgående i det grafiska material som skapades senare. Befintliga utbildningsplattformar analyserades med SWOTanalys vilket ledde till ett beslut om att för Ledarcentrums fall använda Articulate Studio som verktyg för att skapa den tilltänkta e-kursen. Diverse forum besöktes för att få kunskap om plattformen och hur den kunde användas. Då Articulate har sin grund i PowerPoint-mallar sågs det befintliga föreläsningsmaterialet över och grupperades efter interaktion. Dessa gjordes sedan om med den grafiska profilen för att få ett mer sammanhållet uttryck samt lägga en hållbar grund för implementering i e-kursen. Since Swallow the ugliest frog first was to be developed into an e-learning course the project started with a brainstorming session which focused on potential problem areas, target groups, development possibilities and much more. This resulted in the value words which lay the foundation for a mission statement and a moodboard. A graphic profile was made as a complement to Ledarcentrums own profile and the shapes and colour choices created were used throughout the graphic material later generated Existing educational platforms were analyzed using SWOTanalysis. This led to the decision to use Articulate Studio as the tool for creating the e-learning course. Various Internet forums were visited to gain further knowledge of the platform and how it could be used. Since Articulate Studios is based on PowerPoint templates the existing material used in lecturing was examined and divided into different categories depending on interaction. These groups were then re-made with the new graphic profile to get a more cohesive expression as well as laying a valid foundation for the implemention of the e-learning course. 16 17
09 Projektteam Gruppen består av Sara Elebro Christian Heljeved Sara Elebro Interaktionsdesigner Chalmers tekniska högskola Anna Hedström Trädgårdsingenjör - Design Sveriges lantbruksuniversitet Christian Heljeved Industridesigner Jönköpings tekniska högskola sara.elebro@gmail.com anna-hedstrom@hotmail.com heljeved@designff.com Projektledare Karoline Pettersson karoline.pettersson@centek.se Handledare Jon Håkansson info@f-use.se Handledare David Larsson david@davidlarsson.com Tina Koohnavard Civilingenjör teknisk design Luleå tekniska universitet Martin Svahn Arkitekt Lunds tekniska högskola Alexis Eduardo Zohlen Landskapsarkitekt Sveriges lantbruksuniveritet tina.koohnavard@gmail.com martin@pattymatty.com alexiszohlen@gmail.com 18 19
är en unik satsning från SVID, Stiftelsen Svensk Industridesign, med syftet att sammanföra studenter och näringsliv för att öka kunskapen om design bland företag och kommuner. Uppdraget var att skapa grunden för en e-kurs inom personlig effektivisering. Då utbudet på e-kurs system var omfattande bestod utmaningen i att hitta en hållbar lösning för beställaren som matchade tillväxt, målgrupp och ekonomiska förutsättningar. www.centek.se SVID, Stiftelsen Svensk Industridesign Sveavägen 34, 6tr 111 34 Stockholm www.svid.se