Fredagen er avsatt til å jobbe oss gjennom mål og personas, ide og konsept, arkitektur og navigasjon, interaksjonsdesign og visuelt uttrykk, frontendkode og implementering i CMS. På 1 dag skal 15 personer lage et nytt nettsted.

09.00
15 stk IXD-ere er på plass. Alle har masse forventninger og er beredt på en gøy men krevende dag. Kunden starter med å gi oss en brief på prosjektet, utfordringer, begrensninger, behov, skalerbarhet, forventninger og målsetninger. Personas blir definert og skal være førende gjennom prosjektet.
Og så er samtalen i gang. Det kommer opp mange gode ideer til konsept og innhold, dog med noe ulikt fokus. Datastruktur, visuelle grep, responsive design, videobruk, strukturering av innhold og interaksjonsprinsipper er noen av temaene vi er innom.
”Nå har vi masse å gjøre og må bare komme i gang” Utvikler-Øyvind

10.00
Diskusjoner i plenum er svært verdifullt men for å komme oss videre må vi dele oss opp i mer effektive grupper. Vi fordeler oss på en visuell, en teknisk og en interaksjonsgruppe. Og et par koordinatorer som binder gruppene sammen. Google docs brukes for å effektivisere kommunikasjonen gruppene imellom. Og det jobbes. Alle deltar aktivt og beslutninger tas fortløpende. Sjelden har jeg bevitnet en mer teamish og felles mål holdning. For en gjeng.
”Vi må snarest mulig få opp datastrukturen, og få tilgang til serveren det skal ligge på. Vi må jo komme i gang med publisering veldig snart” Utvikler-Daniel

11.00
Klokken er 11 og første versjon av informasjonsarkitektur er landet. Og arbeid med wireframes igangsettes. Nå kommer de kritiske og viktige spørsmålene som perler på en tråd. Er det temaene eller filmvisningene det skal fokuseres på? Skal vi kjøre alt på norsk eller engelsk. Er begrepene vi bruker i tråd med språket til våre personas? Å nei, parallelle løp på visningene, flere visninger av en film, eventer hvor film bare er et av elementene. Scenarioer skisseres og løsninger diskuteres.
Grovoppsett  i wordpress er på plass. Utviklerne følger kritisk med på alle kreative ideer som utvikles, med bakgrunn i lang erfaring i hva som kreves av dem for hvert litt krumspring resten av gruppen skulle finne på. På et annet møterom sitter designgjengen og nærmer seg en enighet om hva som kan fungere av uttrykk. De ser på typografi, fargebruk og innhold. Alle kryssjekker vi mot personas underveis.
”Hvor skal vi begynne? Vi må vite mer om innholdet først.” Designer-Thomas

13.00
Nå skal det jobbes. Wireframes for alle sidetyper skal på plass. Designerne og utviklerne tripper i påvente av at dette blir ferdigstilt. I mellomtiden jobber designerne iherdig med å skape det riktige uttrykket. Utviklerne finner frem til magiske moduler og planlegger håndtering av video og grafikk. Kunden ser rolig og fornøyd ut, til tross for høylytte diskusjoner og piplende svettedråper hos teamet. ”Hva gjør vi med mobil?” ”Skal det være på engelsk?” ”Arkivering kan by på utfordringer.”
”Jeg føler faktisk at vi har kontroll på dette. Det har foreløpig vært en ekstremt effektiv fredag” Inteaksjonesdesigner-Cecilie

16.00
Alle samles for felles status. Hvor langt har vi kommet? Har vi mulighet til å begynne på noen nye oppgaver nå eller må vi konsentrere oss om å ferdigstille de vi har?
Interaksjonsdesignet er mer eller mindre i boks – trodde vi. Før vi fikk innsikt i at verden var litt annerledes en først antatt likevel. Webdesignet er godt i gang. Enkeltelementer er overlevert til utvikling for koding og implementering. Utviklerne blir rødere og rødere i toppen. Livredde for å måtte sitte og jobbe til langt ut i de sene nattetimer.

En liten oppsummering av kundens tanker så langt:
”Jeg er først og fremt veldig imponert. Både over tempoet og det at dere har catcha hensikten og de grunnleggende premissene. Når jeg titter på det dere foreløpig har produsert ser jeg at dette er helt i tråd med hvem vi er. Nettstedet kommuniserer at dette er proft, oppleves innbydende og strukturert.
Dere har åpnet øynene mine for at det er mye jeg ikke har tenkt på. Men når du jobber med aktualitet er det en av de store utfordringene. Ikke alt kan planlegges. Innholdet kan ikke gjøres klart på forhånd. ”
Ketil Magnussen – Oslo Dokumentarkino

18.00
Uten mat og drikke duger helten ikke. Nå har det gått i ett siden tidlig morgen. Alle har vært i arbeid hele dagen, og det kjennes på kroppen. Det diskes opp med Sushi og godt drikke til de som ikke må løpe av gårde til andre forpliktelser. Så er det klart for siste innspurt.

22.00

Som på de fleste prosjekter var det også her mange ikke gjennomtenkte detaljer som dukket opp underveis. Vi må jo ha en totaloversikt over programmet. Som også funker på mobil. Og den filtreringen kan vel også være en anchor navigasjon. På den måten kan vi gjenbruke logikken på den sidetypen der også. Men da må vi designe det elementet. Og hva med analytics? Og så videre.

Klokken 03 går de siste hjem. Litt med halen mellom bena. For vi klarte ikke komme helt til lansering i løpet av dagen. Det gjenstår noen småting.

Men konseptet er helt tydelig for oss.  Og vi er alle en lærdom rikere.

• Det handler om å sette korrekt ambisjonsnivå ift gitte forutsetningene.
• Det handler om å være ydmyk for at dette faget er komplekst og sammensatt og at vi alltid vil møte på uforutsette utfordringer.
• Det handler om å forstå verdien av et godt forarbeid.
• Det handler om kommunikasjon temaet imellom.

Og for en gjeng jeg jobber sammen med. Virkelig ildsjeler som er mer enn villig til å gi masse ekstra for å skape løsninger som setter spor.
Vi er offisielt i gang med en ny tradisjon.
Vi hadde det kjempegøy.
Vi har en superfornøyd kunde.
Og vi er omsider på lufta.

www.humanfilm.no

Mange snakker om, og implementerer brukergenerert innhold, som en del av sin webstrategi. Brukere oppfordres til å kommentere artikler, delta i debatter og bidra med leserinnlegg. Og dette har mange gode effekter. Men brukerdrevet innovasjon er et konsept som ikke er like synlig på norske nettsteder.

Brukerdrevet innovasjon handler om å utnytte brukernes kunnskap til å utvikle produkter og tjenester.

Store norske aktører som jobber med produktutvikling har tatt dette på alvor for lang tid siden. Man har sett verdien i å besøke kunder i settinger hvor produktene spiller en naturlig rolle for dem. Man har tatt på alvor at dette kan gi verdifull innsikt i hvordan produktene egentlig brukes, hva som er smertene og hvor potensialet ligger.

Men når det gjelder web har vi ikke kommet like langt. Ja, de fleste griper an nye prosjekter med et mål og en bevissthet rundt å tilnærme seg oppgaven sett med en brukers øyne – og behov – og forventninger. Vi er alle enige om at brukerne er de virkelige ekspertene. Det er de som best vet hva som fungerer for dem. Hvilken type innhold de har behov for? Hva løsningen skal tilby?

Og vi som jobber med web gjør mye riktig. Vi prioriterer mye tid til arbeid med personas. Det er helt essensielt i vårt arbeid med web, både underveis og når ny løsning er oppe og går. Andre teknikker vi har trykket til vårt bryst er brukertesting av løsningene, før – underveis og etter. Vi overvåker trafikkdata, tolker så godt vi kan og justerer etter det tallene forteller oss. De mest eksperimentelle av oss setter sammen referansegrupper og fokusgrupper som synser underveis i prosessen. Flere teknikker som dette er blitt selvfølgelige elementer i arbeidet med å skape verdifulle og brukervennlige løsninger.

Men potensialet er så mye større. Vi snakker om web. Kanalen hvor vi hele tiden er i kontakt med potensielle produktutviklere. Kanalen hvor det skal så lite til å sette en dialog i system. Men hvordan skal vi ta dette på alvor? Hvordan skal vi involvere brukere så de bidrar til å skape enda bedre løsninger?

Det finnes flere eksempler på flere norske aktører som har gjort mye bra og kan være til inspirasjon.

Stjerne i boka til posten og digipost prosjektet. I utviklingsprosessen når jobbet med å definere konseptet gjorde de veldig mye fornuftig. De opprettet en ide-postkasse hvor brukere ble oppfordret til å komme med ideer og innspill, med mulighet for å kunne rate og kommentere hverandres forslag. De arrangerer et event hvor konseptet er å utvikle ny funksjonalitet som kan bidra til å skape et enda bedre produkt. De blogger underveis i prosjektet for å involvere og skape interaksjon.

Andre aktører er tele2 (tele2.beta.no) som har opprettet en forslagkasse, veivesenet som oppfordrer brukere til å gi tilbakemelding på alle artikler og helsenorge som oppfordrer sine brukere til å være med å forme hva som skal tilbys av tjenester.

Det dreier seg om å legge til rette for at brukeren kan være med på å utvikle produkt eller tjeneste. Det kan være løpende tilbakemeldinger på innhold, evalueringsmuligheter på tjenester og produkter og oppfordring om innspill og gode ideer.

Ved siden av den faktiske verdien av løpende produktutvikling vil man ved å legge til rette for dette, få en rekke bonuseffekter. Engasjement, levende innhold som gir økt SEO og større troverdighet er noen av dem.

Så en av mine store faglige forsetter for 2012 er å legge til rette for å utnytte brukernes kunnskap og erfaring i utvikling av produkter og tjenester.

Først og fremst vil jeg benytte anledningen til å takke Kristian Singstad Pålshaugen (og Jørgen Dalen som ikke var tilstede) for en strålende presentasjon. Jeg likte spesielt godt at fokus var på HVORDAN trendene vil / burde PÅVIRKE oss, og ikke detaljspesifike trender som at “iPad / iPhone kommer til å være trendsetterere også neste år”.

1. Den fjerde gutteromsbølgen: dingser

“Gutterom” har vært trendsettere i mange årtier når det kommer til ny teknologi. Den første bølgen kom da 14-15 åringer fikk tak i PCer og brukte dem på stadig nye områder. Den neste da den samme gruppen noen år senere tok tak i Internett. Deretter kom den tredje bølgen i form av fokus på apps og vi leser nesten daglig om tenåringer som tjener seg rike på app’er som iLlumination.

Nå er tiden kommet til dingsene. Ta et nettverkskort, en fjernstyrtbil, et modifisert datakort, og vips, så kan du styre racerbilen din med fra nettet på 500 meters avstand. Kanskje ikke, men når blomsten – jeg tar alltid livet av planter, senest en hel bjørk(!) – kan si ifra at den er tørst via sms eller twitter, så begynner det å likne noe.

Her mener Dalen og Pålshaugen at stor tilgjengelighet vil gjøre at det vil bli produsert mye unødvendig, men at enkelte vil treffe blink og skape dingser som slår igjennom, også utenfor kameratflokken.

Mitt tips: Har du en tenåring i huset: be dem sette i gang! ;-)

2. Digital Cubakrise

Dette minner om krabbene (eller er det krepsene?) som ligger i en bøtte, og som hele tiden river hverandre ned og hindrer hverandre i å komme seg ut i frihet. Samsung saksøker Apple saksøker Google saksøker whoever som har tatt patent på noe som… Det er om å gjøre å ta patent på alt for å skaffe seg forhandlingskort neste gang noen saksøker deg for kopiering eller annet. Jeg deler min teknologi med deg og får din tilbake, så hindrer vi ihvertfall at andre kommer inn på markedet.

Halogen mener her at det enten vil føre til en “digital atomkrig”, endrede lover eller kanskje, og selvfølgelig mye bedre: til nye måter å innovere på.

Mitt tips: Tviler på at noen av disse vil skje over natta, men det må selvsagt hensyntas i lang tid fremover.

3. Beyond touch

Tiden har kommet for å gå forbi touch. Bret Victor mener hendene kan brukes til både å føle og forme, men at ingen av disse evnene blir brukt i noen (særlig) grad på en touch screen. Vi kan ikke kjenne på et produkt, teste en tennisracket eller stemme en gitar på nettet. Dette gir store begrensninger i opplevelsen.

Flersanselig interaksjon, avlastning og stemmeaktivering er trender som vil sette retningen i tiden som kommer. Vi har allerede fått SIRI fra Apple, men det er i en relativt umoden form enda. Tenk også hva stemmeaktivering kan gjøre for analabeter i den tredje verden, som til nå har hatt begrensede muligheter i den digitale verden? Dingsene blir i stadig større tilgjengelige for dem, og snart kan de utnytte dem mye bredere.

Mitt tips: Noe sier meg at touch er kommet for å bli. At det kommer supplement, ingen tvil, men touch blir ikke borte.

4. Boblemennesket

Sosiale medier gjør at vi mister oversikten. Halogen trekker frem Dunbar’s nummer (150) som definerer hvor mange mennesker et menneske kan ha et fornuftig forhold til “samtidig”. Når man har 350 venner på Facebook, følger 200 på twitter pluss at en skal holde styr på 500 “connections” på LinkedIn (for å nevne noe), mister en lett oversikten. Derfor vil vi i økende grad se personaliserte søk, anbefalinger og top stories. (Eksempelvis som tjenesten interaktivprat.no).

På den andre siden vil nok også de sosiale mediene forsøke å gruppere interessene våre, og skape filterbobler. Det vil igjen gjøre vår verden litt snevrere. Vi får mer av det vi liker, og ingenting av det vi ikke visste vi likte… En form for å preke for forsamlingen, med andre ord. Det kan bli vanskelig å nå ut til nye markeder og interesser.

Mitt tips: Vanskelig å være uenig. Sortering er helt nødvendig, og en viss isolasjon vil følge. Noe må velges bort for at du skal bli best til noe…

5. Design for nærmiljøet

Vi fortsetter i de sosiale mediene når Halogen trekker frem digitale løsninger beregnet på det umiddelbare “nærmiljøet”, det være seg borettslaget, barselgrupper eller fotballaget. Slike tjenester finnes i en viss grad, men vil ha et stort marked fremover, og erstatter de gode gamle oppslagstavlene. “Husk dugnaden i helgen!”

Mitt tips: Stort behov. Sett i gang og lag!

6. Mobil shopping

Jeg vil påstå at dette henger litt sammen med “beyond touch”. Den totale shoppingopplevelsen skal bli til noe mer, samtidig som den blir enklere. Eksempelvis når Apple lar deg gå inn i butikken, skanne en vare og betale via Applekontoen din. På den måten får du sett produktet, kjent på det, samtidig som du slipper kø. Amazon lar deg skanne en vare i en tilfeldig butikk, og gir deg SIN pris på produktet, så kan du handle det billigere på nett der og da. I Japan kan du skanne varer mens du venter på t-banen, og handleposen leveres på døren hjemme hos deg selv like etter at du selv har kommet hjem.

Vi vil nok se at butikker i økende grad blir showrooms og at det skapes merverdi i kombinasjon med mobil shopping.

Mitt tips: Yess!

Avslutningsvis

I det hele tatt noen spennende trender som burde sette fantasien og hjulene i gang for noen og en hver. Det eneste jeg savnet i foredraget var en innledningsvis oppsummering av fjorårets spådommer fra Halogen. Jeg deltok ikke den gangen, men det hadde vært morsomt å høre hvordan det har gått, også sånn i de store linjers ånd, selvsagt. (Men gutta har selvsagt blogget om det på kjøkkenfesten!)

Jeg anbefaler alle å ta en titt på presentasjonen som jeg antar at Halogen tilgjengeliggjør på Slideshare (ikke funnet den enda). Sist års presentasjon ble lest rundt 40.000 ganger på Slideshare, og jeg ser ingen grunn til at innholdet skulle være mindre relevant i år.

Er du enig med herrene i Halogen, eller mener du de har bommet? Er det ting du ville utelatt eller lagt til? Hva kommer for eksempel til å bli helt borte? Del dine tanker! (Og så kan du kanskje si “hva var det jeg sa?!?” om et års tid eller så…) ;-)

Embracing the ebb and flow by Simon Collison (@colly)

Simon Collison gave the conference an inspirational kick-off. His talk was about general topics regarding finding new ideas and the recent development in UX Design. We should try to understand why in real life as well as in the internet we like some things within few seconds and others we dislike. In his opinion, we should not be misled to make decisions regarding the design based on tools (like e.g. CSS3 effects), but to make them because the user gets an advantage. In additon, the browser window should not be considered to be a closed frame, but an extract of a whole. Of course, he also talked about Trending Topic Responsive Design. In the future, Simon would like people to work on a kind of visual grammar, like with the concept Responsive Design by Ethan Marcotte, so that customers can also get a better understanding for these topics.

Sketchnotes by Eva-Lotta Lamm, Designer (@evalottchen)

A not exactly new but exciting way to make notes was presented by design expert Eva-Lotta Lamm with her talk about Sketchnotes which is about making notes in form of visual elements away from classic text notes to a universally understandable mix of text and picture. According to this creative talk, not being able to draw is not an excuse. Of course, I tried this approach during the next talk by the Standardistas. Besides having fun while listening, I really had the feeling that I got more out of my notes. Definitely try it yourself! Here my notes

What it looks like when Eva-Lotta does it can be seen in her Flickr Collection “Sketchnotes”.

Designing the Fluid Web by the Standardistas

The Web Standardistas gave us an interesting exercusion into the history of the web. I have to admit that the OLMA (a Swiss thing) poster on one of the slides might have influenced me, though. The two gentlemen from Belfast talked about Responsive Design, but also about the so called secret formula for good websites. It includes proportions (size, spaces, ratios), hierarchy, typography, compositions & systems (consistent, recognizable concepts, e.g. with colours, titles, content, etc.) Many book recommendations, a case study about the german railway and a bit more Responsive Design rounded this talk off nicely.

Crafting the User Experience by Sarah Parmenter, Designer

In my opinion, Sarah Parmenter gave a very good talk. She works as UX designer in the iOS field. Her talk was mainly about examples of small but effective actions or changes which influence customers, just like Coca Cola did with the Happiness Machine Project . Or like 7-up which got a notable increase in turnover with the simple increase of yellow (+15%) on the can design, which made customers think that the drink was now more refreshing. Beside many more examples, colours were also an important topic because they can cause problems since their meaning can be different from one culture to the other (Colours in Cultures) or Dark Patterns. In the end, many impressive and helpful examples from Amazon and Co. gave a good overview about simple and effective methods to (fairly) influence your customers.

Lettering by Jessica Hische, Designer

With her talk about Lettering, Jessica has proven that passion is an important ingredient in the work of a designer or a developer. She talked a lot about the design of single letters or typodesign. She explained why fonts may seem so expensive but are really a fair price. Just think of the popular type Gotham, whose production cost an estimated million dollar.

Ecosystems by Albert Shum, Designer, Microsoft

The presentation by Albert Shum was about that topic Microsoft is having difficulties competing with their competitiors, above all Apple, namely the Ecosystem. In his talk, Albert has shown what is important when building a new ecosystem around one’s product. I’ve listed some of the mentioned principles:

• Give people something to participate
• Don’t try to do everything yourself, only plant seeds
• Leave it open, but set constraints
• Make it easy to build on it
• Start a conversation
• The design is only finished when the community takes it over

Time will show if Microsoft succeeds in building a successful ecosystem with Metro.

Everyone acts differently by Joseph O’Sullivan

Joseph works as „problem solver“ for Intuit, an US american software company, which nearly completely dominates the market for private tax software. With creative methods, Joseph has changed the corporate culture and has made it very customer oriented by applying the following principles:

1. Principles over processes
2. Companies are networks, not hierarchies
3. Swim downstream
4. Say / Do ratio
5. Hand over control (e.g. every employee can design)

According to Joseph, it is important to treat every problem in a company as a design problem. In practice this means many workshops with storyboarding, sketching, testing, as well as hands-on of the management and the involvement of the creativity of all employees. In my opinion, this is a extremely fruitful strategy, although it might be risky in an organization of this size.

Here is an example of the first storyboard made by me in Josephs Masterclass about Storyboarding.

Persuasive Web Design by Andy Budd

O think this was one of the best talks at the conference. There was a lot of psychology but a very intersting talk given by Andy Budd from ClearLeft. Andy started to intensively examine the behaviour of people in certain situations as well as their influencing, if in Las Vegas in front of the Wheel of Fortune, at the supermarket, in the classic advertisement or in the internet. Everywhere we are influenced. Also primary instincts like „What’s beautiful is good“ have a lot of influence especially in the web. Or let’s take the facebook button as an example: We always try to orient ourselves by others to find the social standard. As a result, we are more willing to press the “Like” button if we see a high number of likes than if we see a small number or even 0. Or another example is the facebook wall: analyses have shown that remarks on the wall get responses in 99% of all cases. Just because we don’t want to seem impolite but want to be answering friends. This knowledge can be used in the web as well. Other topics like Gamification or that a limited offer can boost the demand (see Apple) were also mentioned.

A short break with an image of the stunning Oslo harbour :)

Object-oriented JavaScript by Sara Chipps

Sara Chipps’ talk was mostly about the basics of the application of object orientation in JavaScript without libraries. Besides many code examples Sara also showed some examples related to maintability. For beginners, especially those without any background of object oriented programming, this presentation was very helpful. Sara briefly mentioned projects like the JS Template Engine Tempo, as well. An important bottom line is that a clear, maintainable Frontend Code will get more important in the future. I am convinced that future frameworks like Terrific will significantly contribute to this goal.

CSS3 Secrets by Lea Verou (@leaverou)

As far as CSS is concerned, this lady cannot be fooled. Her talk, similar to a talk at the Frontend Conference in Zürich, was definitely worth a visit. Lea presented 10 CSS techniques, which have not been seen before in this particular form. She surprised the majority of her audience with tricks like diagonal stripes with pure CSS (gradients), clean styling of check boxes, animation magic with Bezier Curves and many more. Naturally, essential parts of the presented functions are not availabe in older browser versions. But in recent versions of FF, Webkit, Opera and also IE the support is appealing. Lea presented what can be done now and especially in the future with the help of CSS3 and that is fantastic. These 10 CSS3 secrets can be found on SlideShare. By the way, during the conference Lea put her latest project PrefixFree online and it is definitely worth a visit.

Lea is a very nice person and really passionated about what she’s doing, we had a great time at the IXD afterparty. Do you see the Dreamweaver & Flash pillows, they were added against her will ;) Because of the bad image quality, i had to make the image a little bit artistic, sorry about that.

Module Driven Development von Dustin Diaz (@ded)

Dustion Diaz was certainly one of the most famous speakers. He has worked as a developer for Yahoo, Google, and Twitter, was responsible for the new Twitter and is considered to be the JavaScript expert. For a few months, he has been working for a startup called Obvious. In his talk he presented Ender. In short, Ender is a package manager of JavaScript modules. Based on npm (package manager for node.js) modules can be installed (e.g. Selector Engine, Query Engine, Animations, etc.) and that limited on those which you really need for the respective project. As a result, the JavaScript gets in parts significantly smaller. It is supposed to be an alternative to libraries like JQuery. It is an ambitions but certainly interesting project.

That’s it

This was a brief glimpse into the contents of this year’s Frontend 2011 conference. If somebody likes more details about one of the talks, you can reach me via twitter (@rogerdudler) or skype (rogerdudler).

Many thanks to the IXD Team (@ixdnorge) for organising this conference. I met some very interesting and cool people like Matthias (@digitalcult), Elisabeth (@sortenke), The French Guy (@stratosferik), Roooooger (@rogerguttormsen), Jenny (@jennysjogren), @mikkelrom and the danish lego team, Wolf from HotGloo (@wdbecvar) or Joisten (@jhuglen) and many more (Tonje, Morten, etc.). Hopefully, I will be back next year. This article was originally written in german and was thankfully translated by my brothers future wife Sandra. Thanks!

We thank Roger Dudler for a great summary!

Når skjermen blir større, kan man ved bruk av iterasjoner og “progressive enhancement“, gi løsningen mer funksjonaliteter og flere elementer.
La oss se på hvordan mobileportalen m.nrk.no kan designes* med en “Moblie First” tilnærmingen**.

* I dette tilfellet antar jeg at nrk.no ville blitt ombygd fra bunn på mobil, uten arven fra en vanlig pc versjon.

** Dette er bare noe tanker for å illustrere poenget mitt, og bør ikke sees på som en totalløsning for m.nrk.no.

Luke Wroblewski er hovedmannen bak “Mobile First“, en filosofi som må styre prosjektet fra dag én. I stedet for å gjennomføre et prosjekt for vanlige pc’er først og mobil i ettertid, må vi starte med mobilen, og han gir tre grunner til hvorfor det er smart:

• Enhetens egenskaper
• Begrensninger
• Mobilen finnes overalt og er alltid med deg.

Enhetens egenskaper

Først og fremst har mobile flater spesielle egenskaper som finnes ikke på vanlige pc.

1. Ut av boksen får du kamera slik at du skape eget innhold umiddelbart.
2. Med multi-touch / gestures –det er mulig å samhandle med skjerm og innhold på en unike måte,  som kanskje gir et mer naturlig grensensnitt en tastatur og mus
3. GPS kan tilby personlige informasjon basert på hvor du her.

I dag kan du selv velge hvordan du ønsker at forsiden blir presentert, med eller uten bilder, med nyhetene fra ditt distrikt, osv…Tenk deg at m.nrk.no benytter seg av GPS-funksjonaliteten. Da kan de med en gang vise nyhetene som er relatert til din plassering. Ved bruk av GPS og personlig profil blir det mulig å ha et element som viser lokale nyheter i tillegg til land eller distrikt. Bra om du er på reise, og umiddelbart trenger å vite hva som skjer.

Med bevegelsesensor kan skjermoppsettet endre seg i forhold til orientering av smartphone. Kollegaen min Mari forslo at forsiden lister alle artikler , og ved å snu smartphonen i liggende retning, går du rett innen artikkelen.

Det er ikke nødvendig at mobilversjonen kun vises stående med CSS. Ved bruk av mer fleksible løsninger som media queries, kan nettstedet tilpasse seg til liggende visning med veldig liten endring i CSS filen. Det er ikke rocket science, men kan bli oversett når du kommer fra en pc versjon.

Begrensninger

Mobile flater tvinger deg til å fokusere på det viktigste. Skjermområdet er mindre enn på en vanlig pc og ikke alt innhold bør vises på en gang. Når du designer mot en vanlig smartphone får du bare 320 x 480 pixel (i gjennomsnitt) til å leke med. Det er ikke så mye, og det blir nødvendig å være smart i valget på hva man skal vise. Luke Wroblewski sier at du taper 80% av skjermområdet, og faktisk er dette veldig bra. Nettstedet m.nrk.no viser i dag like mange artikler som www.nrk.no men fjerner en god del støttenavigasjonselementer, og det er smart. Jeg går først og fremst til nrk.no for å sjekke de siste nyhetene og trenger ikke en stort Footer eller info fra NRK Tv. Jeg må si at dagens løsninger gjør en bra jobb med å vise frem nyheter, og gir meg samtidig tilgang til mer info om jeg vil.

Mobilen finnes overalt og er alltid med deg

Mobile enheter er personlige og det er veldig sjelden man deler dem. De er med deg overalt og alltid. De har info om når du står opp, hvem du skal treffe til lunsj og hvor, hva du har på din handleliste, osv…

“Mobile devices create a truly Personalized and Responsive user experience regardless of the situation.”

Tim Kadlec

Hvordan kan vi så utnytte disse egenskapene? m.nrk.no kan sjekke hva som har skjedd siden ditt siste besøk og presentere siste oppdatering som hovedsak, og en lenkeliste av de andre oppdateringene. På den måten vet du hva du sist leste om saken og får samtidig tråden av hendelser.

Med “Offline Web storage” som kommer med HTML5 mobile, kan m.nrk.no også gi muligheten til å lagre artikkel til senere, for eksempel når du er på toget uten tilgang til nettet.

Argumentet sjefen din kjøper

I tillegg til de tre hovedgrunnene, hjelper ”Mobile First” deg til å nå flere menneskene. Det er 5,3 milliarder mobilabonnenter i hele verden, nesten 80% av befolkningen. En god del av disse brukere får tilgang på nett kun gjennom mobil.

I mange utviklingsland skjer en veldig rask adopsjon av bankstjeneste på mobil . I Kenya har 22 av 40 millioner innbyggere i dag mobil (200 000 for 11 år siden) og det finnes 9,5 millioner mobile bankkontoer, mot kun 8 millioner tradisjonelle kontoer. Systemet i dag er basert på sms-tjeneste men den raske utbyggingen av mobile bredbåndstjenester vil endre dette.

Denne videoen viser statistikk knyttet til mobil bruk i Afrika.

Men bruk av mobil øker ikke bare i Afrika, IDC forutser at i 2015, vil de fleste tilkoblinger til Internett i USA bli gjennomført med mobile flater (58%), ikke vanlige PCer.
Det samme gjelder i Storbritannia hvor nesten 50% av trafikken på nett kommer fra mobile flater.

Undersøkelsen fra  “Livet på nett” Netcomm viser at nordmenn bruker mer tid på smartphone til ekstra tjeneste enn tradisjonelle teletjenester.

Å tenke “mobile first” gir deg og din bedrift en stor fordel i fremtiden. Du går bort fra det tunge vanlige pc nettstedet og kan tenker på nytt, med nye metoder og nye muligheter.

Hva synes du om “mobile first” tilnærming? Har du startet prosjekter med “mobile First” utgaven? Kom gjerne med tanker og inspill.

Det vil si: I vår fikk jeg en fantastisk ide: Jeg skulle løpe Oslo Maraton til høsten! I løpet av sommeren har jeg mest lurt på hva i all verden jeg tenkte på. Det finner jeg forhåpentligvis ut på søndag. Men om det var Endomondo som gav meg ideen til å løpe eller om løpingen gav meg ideen til å teste Endomondo, får forbli usagt.

Hva er Endomondo?

Endomondo er kort fortalt en App som tracker treningsaktivitetene dine. Du starter app’en når du begynner å trene, og stopper den når du er ferdig. Underveis forteller den deg om distanse tilbakelagt, tid brukt, kalorier forbrent og pulsen din, vel og merke om du har pulsbånd eller -klokke. Den bruker iPhonen’s GPS og viser deg hvor du har løpt, eventuelt hvor du er, hvis du som jeg har litt dårlig retningssans.

Den dekker de fleste treningstyper, fra løping og forskjellige typer sykling, til utforkjøring, kayaking, kitesurfing, volleyball OG strandvolleyball, Yoga og Pilates og alt i mellom. Nå er nok ikke GPS funksjonaliteten den viktigste på de to sistnevnte, men hvis noen mener annerledes, er det bare å kommentere.

Du kan velge mellom forskjellige treningsprogram, fra Basic hvor du bare trener og får opp resultatene, til forhåndsdefinerte mål-programmer (løpe langt, lenge eller brenne kalorier), løpe mot venner, med mer. De fleste funksjoner finnes i gratis varianten som jeg har brukt, mens andre er kun tilgjengelig i ”Pro” versjonen som koster 28 kroner.

Hvordan testingen er gjennomført

Nå er ikke dette en voldsom seriøs test, men jeg ville gjerne dele noen av erfaringene jeg har fått etter å ha brukt Endomondo. Tilgi meg derfor at jeg ikke har testet alle funksjoner og varianter av programmene.

I utgangspunktet har jeg benyttet Marius Bakkens 100 dagers maraton treningsplan, som jeg er veldig godt fornøyd med. Dessverre ble jeg litt for overivrig innledningsvis, og kneet mitt satt meg ut av spill i seks uker. Jeg har derfor et litt begrenset treningsgrunnlag, men jeg har også justert ambisjonene mine deretter. Men det har da blitt godt over 20 mils grunnlag, fra langløping til intervalltrening. Så om det ikke rekker til løpet, så rekker det i hvert fall til å teste app’en! (For ordens skyld: Skulle jeg bare ha testet app’en hadde jeg nok nøyd meg med en løpetur eller to…)

Pluss

Motivasjon

Jeg liker mål. Ikke bare mål som HamKam scorer i fotballkamper, men mål og målsetninger generelt. Mål gjør at jeg har noe å sikte mot, det sier noe om veien jeg skal gå, hva som er viktig, og hva jeg må trene på. Det er en motivasjonsfaktor i seg selv. Selv om jeg av og til setter meg noen mål som høres mye bedre ut 100 dager før, enn to dager før de skal nås. Slik som nå. Endomondo har hjulpet meg å holde meg til treningsplanen og jeg kan lett tracke tilbake og se om det er noen utvikling. Den gir målbare resultater og rom for justering. Den gjør det gøy å trene.

Totalopplevelse

Den er enkel å bruke. Du kan lett velge treningsmetode, det er et forholdsvis godt brukergrensesnitt og app’en låser seg under trening slik at du ikke ved uhell stopper trackingen. Du kan velge innstillinger som gjør at du får opp informasjon som er viktig for deg (for eksempel fart i stedet for varighet), noe som gjør at app’en passer for de fleste.

Effektiv trening

Det er ingen tvil om at Endomondo har hjulpet meg å trene mer effektivt enn jeg ellers ville ha klart siden pulsmåleren hjelper meg å styre intensiteten.

Nettside

Når du trener, blir alt registrert på en egen nettside, www.endomondo.com, hvor du kan logge deg inn og følge med utviklingen. Her får du også oppsummeringer, personlig bestetider, etc. Du kan også legge inn kommentarer. Dette kan du også dele alt eller deler av det med venner. Det gjør at du kan trene ”med” andre, få og gi tips hvis du jobber mot et spesielt mål. OBS: Default innstillingene er ”åpen” – det vil si at alt du gjør er tilgjengelig for alle. Det i seg selv er ok, men jeg oppdaget mine kommentarer kun ment for meg selv plutselig lå åpent ute. Ikke den største krisen, men litt klønete, kanskje.

…og minus

Batteri

Når Endomondo er i treningsmodus, er skjermen på iPhone på hele tiden. Dette kan du selvsagt skru av, men da får du ikke med deg puls og annen moro som vises på skjermen underveis. Og å løpe uten musikk er bare slitsomt. Det gikk som det bare måtte gå:

Note to self: 37% iPhone battery capacity isn’t enough to power GPS, heart rate monitor and iPod while running. 6K into the woods it all went dark, and I was left with no map, no pulse, and worst of all – no music…

På søndag løser jeg det med å kun bruke Endomondo på en full-ladet mobil, og bruker en separat iPod Nano til musikk. Da mister jeg riktignok den hyggelige stemmen på øret som forteller hvor langt og raskt jeg har løpt, men når distansen er 42 196 meter er det kanskje like greit.

”Hvor langt er det fra Hamar til Oslo?”

”Det kommer an på hvor fort man kjører,” var svaret en klassekompis gav i femte klasse. Så også med Endomondo. Jeg er usikker på hvor nøyaktig GPS’en er. 1 kilometer varierer på samme løypa med et par hundre meter, og er som regel alltid lengre hvis man setter en ”rask” treningsform. Av en eller annen anledning er 1 km lengre når man sykler enn når man jogger. Men det er nok mer et iPhone og nettverksproblem enn Endomondo i seg selv. Uansett får man en god pekepinn.

(Til sist kan jeg ta med at app’en over hodet ikke forebygger skade. På den andre siden volder den nok ingen skade heller. Men hør på kroppens signaler…)

Konklusjon

Alt i alt vil jeg konkludere med at Endomondo er en sabla god app! Den gjør løping gøy og hjelper deg til effektiv trening.

Hvorfor Endomondo?

At jeg valgte Endomondo var litt tilfeldig. Det finnes mange tilsvarende app’er (Nike+, Adidas micoach, m.fl.), men jeg må ærlig innrømme at jeg ikke har tenkt til å løpe et nytt maraton for å teste dem. Men kanskje noen av dere har prøvd noen varianter, og vil dele noen kommentarer med meg og de andre leserne? Eller må jeg begynne å planlegge Trondheim – Oslo på sykkel allerede nå..?

Takk for innspill!

Samtalen

De to herrene, la oss for enkelhetens skyld kalle dem Statler og Waldorf ble umiddelbart oppmerksomme på denne dingsen som unggutten satt med. ”Har du skaffet deg en av disse iPad’ene enda?” sa Statler til Waldorf. ”Neeei,” svarte Waldorf og dro litt på det ”du skjønner, jeg er ikke så god på disse teknologiske greiene!” – noe Statler sa seg helt enig i.

Jeg var fristet til å gripe inn i samtalen, men nøyde meg med å fundere på egen hånd. For et snaut år siden skrev jeg et innlegg her på kuttisme om iPad og hva vi egentlig skulle med den. Noe av det jeg konkluderte med etter de innspillene jeg fikk den gangen, var at iPad sannsynligvis ville være veldig til nytte for de segmentene som ikke var på nett enda, nemlig barn og eldre. For iPad handler ikke om teknologi, men om brukeropplevelser og tilgjengeliggjøring.

Teknologi vs brukeropplevelse

Apple har gjort det for enkelt til at man kan avfeie iPad (og andre produkter) som en ”teknologisk greie”. Det finnes kun én knapp på forsiden av en iPad. Selv en ape ville prøvd å trykke på den. Vips! Du er i gang.

Bruksanvisningen er en er så kort at selv aktive motstandere av bruksanvisninger ikke kan unngå å lese hele før de innser at de har lest en bruksanvisning. Produktet i seg selv er ikke en teknologisk greie – i så fall burde man kaste ut både TV og radio, hvis man ikke klarer å bruke en iPad. Her handler det nok mer om viljen til å utforske nye ting.

Ansvar

Men; vi som utvikler tjenester til denne typen produkter (vi må jo ikke glemme Galaxy Tabs etc) har et todelt ansvar. Først og fremst å sette brukeren i sentrum av utviklingen – hvis ikke kan selv den enkleste ting i verden gjøres kompleks. Dernest har vi en plikt å opplyse publikum om mulighetene. Uten brukere, er jo selv den mest intuitive applikasjon helt meningsløs, ikke sant?

Informasjonsbehov

Barn og unge fanger opp og lærer seg ny ”teknologi” veldig raskt. 5-åringen min hjemme er en racer på iPad’en og den har reddet mang en langtur i bil. Selv 2-åringen har lært seg å bruke YouTube og leter frem den ene Tom & Jerry filmen etter den andre. (Hun blir riktignok litt overivrig på trykkingen til tider og flere enn én gang har jeg stoppet henne fra å sende linker til tegnefilmer til hele adresseboken min. Så for å være føre var, så ber jeg allerede nå om unnskyldning hvis dere får en filmanbefaling fra undertegnede. Det er dog godt ment!) :) Poenget er dog at yngre brukere uansett vil plukke opp de nye brukeropplevelsene og jeg mistenker at selskaper generelt har høyt nok fokus på denne gruppen.

Men har jeg rett i at det grå gullet, de eldre, ”glemmes”? På samme måte som at døve glemmes? Jeg tror det finnes et stort marked i eldre brukere, og dessverre er ikke alle like frempå som Birger på 94. Jeg vet at mange selskaper har begynt å satse på babyboomer generasjonen, og jeg har inntrykk av at bransjen på utviklingssiden følger opp. Men gjøres det nok på informasjonssiden?

Internett skal være for alle. Her kan iPad hjelpe aktørene til å nå målet. Ikke bare for å oppfylle nødvendige krav, men for å faktisk skape gode brukeropplevelser for alle.

Innspill? Har noen gode eksempler på apps eller tjenester som er utviklet spesielt med eldre i fokus?

Bruk av video

Bruk av video på nett har eksplodert. De store nettavisene bruker video som eneste alternativ på flere og flere av artiklene de produserer. Hører du ikke, så er dette temmelig håpløst. Konsekvensen er at mange ikke klarer å  holde seg orientert om det som skjer. De blir handicappet på informasjon. Det er lett å tenke seg hvor forferdelig det må være å ikke kunne holde seg oppdatert.

Men heldigvis kan dette løses så enkelt som å tilby teksting av lyden.

Tegnspråk er førstespråk

De som er født døve eller har vært døve fra tidlig barndom har tegnspråk som sitt førstespråk. Og norsk som sitt andrespråk. Leseferdighetene til denne gruppen er ofte svake. Dette henger også sammen med at tegnspråk er et visuelt språk, i motsetning til skriftspråket norsk. Dette fører til at det blir svært vanskelig for døve å bli så gode i det norske språket som samfunnet forventer av oss andre.

Mye tyder på at tegnspråk snart vil bli et offisielt språk i Norge. Dette oppfatter jeg som en sterk oppfordring om at viktig informasjon på nett, bør tilgjengeliggjøres også på tegnspråk.

Det er en urealistisk forventning, og kanskje heller ikke fornuftig vurdering,  at alle nettsteder skal tilby all tekst på tegnspråk.

Men ved oppstart av prosjekter bør man vurdere om tegnspråk kan være en fornuftig investering. Er svaret ja på dette, bør man identifisere hva som er kritisk informasjon, og legge ned tid i å tilby dette innholdet også på tegnspråk.

Et høyt JA for et inkluderene samfunn hvor det er plass til alle – uansett.

PS: Omtrent en promille av landets befolking er døve.

Å ha fokus på brukervennlighet betyr at vi gjør grep for at brukere raskt skal finne frem til det de ser etter. Bonuseffekten er økt synlighet hos søkemotorerne.

Under gir jeg dere 5 tips om hvordan dere skal jobbe med brukervennlighet. Om disse ivaretas er dere på god vei.

Søk

Et godt søk er ett av de viktigste navigasjonselementene på nettstedet ditt. En god motor i bunn, og en rik søkeresultatside med muligheter for filtrering er god investering for å øke brukevennligheten. Dette gir brukeren mulighet til raskt å finne det han er på jakt etter. Det er ikke uten grunn at søkemotorene er blant de mest populære nettsidene vi har i verden. Tenk deg store nettsteder som finn.no eller hotels.com uten søkemulighet.

Beskrivende titler, bruk av gode nøkkelord

Det er vel verdt å jobbe med å utforme de gode beskrivende overskriftene. Dette hjelper brukeren til å finne og forstå teksten og å skape riktige forventninger. På nett skanner vi mye av innholdet. Vi orker ikke bruke tid og krefter på å lese lange tekster, men skanner raskt og stopper opp når vi møter på ord som interesserer oss. Finner vi ikke dette er vi raske med å forlate nettstedet til fordel for et annet. Det å være bevisst de gode overskriftene og bruk av nøkkelord er med på å forsikre brukerne om at de fortsatt er på riktig sted, og at dette er innholdet de er ute etter.

Et godt nettstedskart

Det å tilby brukerne et nettstedskart er nesten blitt en standard på norske nettsteder. Et kategorisert nettstedskart med gode beskrivende lenkenavn er med på å løfte brukervennligheten. Noen ganger er ikke brukerne på jakt etter noe spesifikt. Da er det mange som velger å benytte seg av nettstedskartet for å få oversikt over hvordan innhold nettstedet har å tilby. Andre ganger ser de etter noe spesielt og bruker nettstedskartet som navigasjon. Dette gjør det enklere for brukerne å finne frem, samtidig som du tilrettelegger for at søkemotorene skal kategorisere og rangere nettstedet ditt.

Calls to action

Å skape trafikken i seg selv gir ikke nødvendigvis verdi. Ofte ønsker du å selge en vare eller tjeneste eller å komme i dialog med brukeren på annen måte. Da trenger du å trekke oppmerksomheten mot noen definerte handlingstriggere – call to action. Dette kan være alt fra å bestille en vare, melde seg på et seminar, laste ned et dokument eller å be om å bli kontaktet. Slike knapper bør plasseres over folden, være i kontrast til resten av innholdet, ha en beskrivende tekst og ellers stå ut slik at den fanger oppmerksomheten til brukeren.

Bruk av grafiske innholdselementer

Ved hjelp av bilder, infografikk og rike medier har vi blitt gitt muligheten til å kommunisere ekstremt mye mer effektivt, underholdende og engasjerende. Å formidle et budskap ved hjelp av en modell, en video, et lydklipp, en graf eller et bilde kan ofte fungere langt bedre enn å formidle med ord.

En bruker har noen mål når han besøker ett nettsted. Hvor enkelt han klarer å oppnå dette målet sier alt om brukervennligheten. Det betyr at brukervennlighet er et komplekst begrep som fordrer at veldig mye mer enn det som er beskrevet over er på plass. Men mangler noen av elementene over tør jeg påstå at det er store mangler ved brukervennligheten.

Hvorfor er det så viktig å lage en god dokumentasjon?
Det finnes mange svar på dette. Her er eksempler på noen motivasjonsfaktorer:

Beslutningsgrunnlag og felles forventninger

Dokumentet bør brukes aktivt underveis i prosessen. Dermed fungerer det som et beslutningsgrunnlag for det gjenstående arbeidet. Vi er enige om definisjoner, føringer og forutsetninger som ligger til grunn. Dette er med på å sikre at vi har like forventninger til endelig løsning. Både for meg som leverandør og for kunden bidrar det til å skape en trygghet.

Vi lærer av våre feil

Uavhengig av om prosjektet er vellykket eller ikke så har du en grundig dokumentasjon på hvordan arbeidsprosessen har vært og hvilke utfordringer du har møtt på underveis. Å dokumentere denne erfaringen for hvert prosjekt gjør at du enkelt kan se hva som fungerer og ikke fungerer, og gjøre forbedringer som vil kunne skape bedre resultater.

Stille de viktige spørsmålene

Dokumentasjon underveis er med på å sikre struktur og ryddighet i arbeidet. De viktige spørsmålene blir stilt. Du har god oversikt over hvor langt du er kommet, og hva som gjenstår. Det er lettere å se hvilke konsekvenser det får om en forutsetning lagt tidlig i prosjektet endres.

Nye personer skal inn i prosjektet

Ved hjelp av en grundig dokumentasjon kan nye prosjektdeltagere enkelt sette seg inn i arbeidet som er blitt gjort. Vi har alle vært den som skal på et eksisterende prosjekt hvor du maser på alle om hvilke tanker som ligger til grunn, for likevel å møte på stadige overraskelser du ikke er blitt informert om.

Hva skal et slikt dokument inneholde?

Hva som skal dokumenteres avhenger av type prosjekt og hvilke steg det innebærer. Men om vi tar utgangspunkt i et standard webprosjekt som begynner med at kunden kommer til oss med en utfordring, og sluttproduktet er et nytt nettsted, så kan dokumentet innholde følgende:

Bakgrunn for prosjektet

Hvem er kunden?
Hvilke utfordringer har kunden?
Hvilke målsetninger har selskapet til kunden?
Hvilke målsetninger har kunden med nettstedet?

Brukere og bruksoppgaver

Hvilke målgrupper skal nettstedet nå?
Hvilke fellestrekk har de?
Hvilke forventninger har de?
Beskrivelse av brukerprofiler og tilhørende bruksoppgaver.
Resultat av brukertester, brukerintervjuer, spørreundersøkelser etc.

Hva skal løsningen inneholde?

Hva skal nettstedet tilby de definerte brukerprofilene?
Hvilke oppgaver har de behov for å løse?
Hva må være til stede for å løse kundens målsetninger?
Hvordan sikrer vi at innholdet tilfredsstiller ønsket kvalitet?
Alt innhold som må til for å besvare disse spørsmålene bør listes opp. Tekst, bilder, video, infografikk etc.

Kommunikasjonskonseptet

Hva er den overordnede ideen til nettstedet?
Hva er den røde tråden som skal gjennomsyre alt fra informasjonsarkitektur til grafisk design?
Hvilket hovedbudskap har vi til brukerne?
Hvordan skal dette implementeres i det visuelle, funksjonelle, strukturelle og i innholdet?

Informasjonsarkitektur

Hva skal navigasjon og struktur reflektere?
Hvordan skal dette bygges på en intuitiv måte?
Hva skal navigasjon bli trigget av?
Hvilket prinsipp skal ligge til grunn?
Hvordan skal innholdet struktureres I forhold til hverandre.
Hvilke relasjoner eksisterer?

Design

Hvilke innholdelementer skal være til stede?
Hvordan skal de vektes opp mot hverandre?
Hvordan skal interaksjon som feilmeldinger, lenker, skjema osv fungere?
Hvor fleksibelt skal malverket være?
Hva skal grensesnittet preges av?
I hvilken grad skal visuelle innholdselementer være med på å formidle budskapet?
Hvilke flater skal uttrykkes skapes for?
Hva med farger? Fonter? Videostil?
Hvilket etterlatt inntrykk skal brukeren sitte igjen med?

Funksjonelle krav

Hva trenger vi av funksjonalitet?
Språkhåndtering? SEO? Emnekart? Kampanjehåndtering? Arbeidsflyt? Søk? Print? Osv

Tekniske krav

Hvilken teknologi skal benyttes?
Hvilket CMS?
Hvilken versjon av HTML?
Hva med Wai krav?
Hva med flater?
Eller browserstøtte?

Dette er noe av innholdet som jeg legger med i denne type dokumentasjon.
Om det er andre som har synspunkter eller erfaringer de ønsker å dele så er jeg veldig spent på å høre fra dere.

Med ønske om en fantastisk sommerdag i den strålende solen :)