2. Flat design
Typografi
Mer Skrolling
Andre trender
Aggregation Moves to Services
Omni-Colleague
Be Effortless
The Sixth Sense
Minimalisme
yggdrasilkonferansen - sandefjord - april 2015 - @ysmithkielland
25. Density-independent pixel (dp)
The density-independent pixel is equivalent to one physical
pixel on a 160 dpi screen, which is the baseline density
assumed by the system for a "medium" density screen. At
runtime, the system transparently handles any scaling of the
dp units, as necessary, based on the actual density of the
screen in use. The conversion of dp units to screen pixels is
simple: px = dp * (dpi / 160). For example, on a 240 dpi
screen, 1 dp equals 1.5 physical pixels. You should always
use dp units when defining your application's UI, to ensure
proper display of your UI on screens with different densities.
yggdrasilkonferansen - sandefjord - april 2015 - @ysmithkielland
31. Companies need to
strategically consider which
services are appropriate to
manage via machines, and
which require human
interaction.
es/Accreditation
yggdrasilkonferansen - sandefjord - april 2015 - @ysmithkielland
32. TELSTRA - Digital First strategy
yggdrasilkonferansen - sandefjord - april 2015 - @ysmithkielland
33. Instead, employees shall wield efficient digital tools,
but with the warm intention and compassion of a
superhero to deepen their relationship with
customers.
yggdrasilkonferansen - sandefjord - april 2015 - @ysmithkielland
35. This year, we will probably see
singularly focused companies
expand their thinking and start
branching into other parts of
their customers’ lives—
providing value in unexpected
places, in surprising ways.
yggdrasilkonferansen - sandefjord - april 2015 - @ysmithkielland
37. Lone applications will go beyond the bounds of their
core function and bleed into addressing other
aspects of the customer lifecycle. While your service
may initially focus on a specific customer pain point,
you may be prepared to address different modes of
the customer journey in order to resonate in other
areas of a customer’s life.
yggdrasilkonferansen - sandefjord - april 2015 - @ysmithkielland
39. This Fjord’s view is that the
smartphone could retain its
solar dominance for some time
to come, but services and
devices would put into
question the phone’s role in
experience delivery.
yggdrasilkonferansen - sandefjord - april 2015 - @ysmithkielland
40.
41. Smartphones and wearables could increasingly
interact with a whole range of sensors that you
never see and submit data to cloud data services
you don’t own, but which act
on your behalf.
.
yggdrasilkonferansen - sandefjord - april 2015 - @ysmithkielland
Hello World, How are you today - exited?
Good to see so many here!
Hvordan er formen etter gårsdagen?
Hvem er jeg
Design
Teknologi
UX er inkludert i alle disse exemplene
Hvorfor trender og hvordan
Design er mye - men i denne konteksten vil det dreie seg mye om den visuelle eller grafiske utformingen.
Representerer identitet, bildet utad. Påvirker følelser og inntrykk. Viktig at målgruppe er kjent da uttrykke skal virke appelerende og forsåtende.
MEN
Over det hele er det 4 Hovedtrender innen design vi skal se på:
Minimalisme/ enkelhet, Flat design, Typografi, Scrolling. MEn også noen mindre nøkkel mønstre som vi står sterkere frem.
Simplcity / Minimalisme brer om seg - forsterker det enkle. Allerede gjeldende i 2014 - skaper en tiltalende og high-end følelse som vil leve godt ut 2015. Her kvitter man seg med det s
Et eksempel : https://medium.com/
UX Vurderinger:
Må ikke overdrives fra et brukervennlighets perspektiv - overforenkling kan raskt skape en følelse av å gått seg vill.
Man kan ende med for stort nivå med abstrahering
Lenke til listen https://medium.com/
Focus on the task - clear - simple.
Trustworthy - professional - classy - modern cultivated
NEXT: Min Bedrift eksempel
Et annet eksempel vi selv har jobbet med sammen med Telenor.
Selvbetjeningsløsning
Lenke til listen Mine Bedrift + image with and one without
All unødvendig informasjon er fjernet, rydd unna det som ikke er nødvendig.
2014 stort - det samme i 2015 men den modnes - mer detaljert og voksent
googles materials - minimalismens sanne ansikt på digtiale flater?
Microsoft Windows 8 var den store starten VS Apples Skeuomorphisme - iOS sin fødselen
Mange diskusjoner om brukervennligheten til flat VS skeuomorph. Initier samtale.
Det startet/tok av med Windows 8 - “originalen”
Super flat design pre 2015
Vansklig å få til bra, kan være utydelig hva som er knapper/interaktivt eller ikke
Vansklig å skille seg ut
+ Bra responsivt, bra ytelse, moderne, enkelt å bruke, oppfattes som mer ærlig
En stor aktør har kommet med sin tolkning av Flat - blant annet:
Google kaller det material design - her ønsker de å fremhevet retningslinjer i hvordan man kan formidle beskjeder til bruker med forankring i virkeligheten - materie relasjonen.
Lenke - gå gjennom siden rask å snakke litt rundt detet. GOOGLE FLAT with a twist -
UX Vurderinger:
Ærlig, moderne, mindre filer, CSS styrt. Enklere grensesnitt,
Mindre identidet - løsninger lingner mer påhverandre
Animasjoner / gradient altså en Evolusjon av flat design uten ornamenter er veien å gå
Vi vil se en eksplosjon av disse - på godt og vondt - da det fort kan bli
1 - misbrukt (Animasjonen har ingen annen hensikt enn å bli animert) - animasjon er ikke laget for å forsterke meldingen
2 - overforbruk. Detter er jo da ofte grunnet 1- men overdriver man bruk av animasjoner OG transisjoner tar man raskt forkus bort fra det vikitg innholdet eller beskjeden man ønsker å formidle-
Gjenninføring av gradients
Micro animasjoner gjenninfører det gamle
Skeuomorphistiske preget
Se forskjell mellom DE gode og Dårlige (ref slide 11)
http://tympanus.net/Development/AnimatedSVGIcons/
IOS7+ - going flat mature….
Both skeuomorphic and flat extremes have uniquely beautiful and useful qualities, but merging the two styles allows us to leverage the strengths of both. For example, a mobile app might have dimensional buttons instead of colored text to represent primary actions within the interface.
Typografi og grafisk design regler er vanlig på web - Magasin design vil fortsette - der det er relevant og der formålet er å overaske, tiltrekke og skape en wow effekt.
Teknologi tillater dette - webfonts
Typography is king
Tillater visualisering gjennom text
Example : Agency Hong kong
Next: http://www.aftenposten.no/
UX Vurderinger:
Lesbarhet,
Støy hvis brukes feil
Følge Grafisk design retningslinjer.
Scrolling har kommet for å bli - men
Lite lasting og mulighet for å rote seg bort i hierarkier. Men brukes med måte da det ikke er gunstig i alle sammenhenger : se her
http://bearddesign.co/labs/
Storytelling atis best + funn but not very funksjon
Dett ble stort i 2014 og vil fortsett med å være stort,
Lite lasting og mulighet for å rote seg bort i hierarkier. Men brukes med måte da det ikke er gunstig i alle sammenhenger : se her
https://www.airbnb.com/
Storytelling atis best + funn but not very funksjon
Storytelling at its best + morro men ikke veldig funksjonelt
Interaksjon og fortelling - kan brukes til langt mer en hva dere ser her.
Fortellinger kan brukes i sammenheng med opplæring, beskrivelse og prosess beskrivelser.
Storytelling at its best + funn but not very funksjon
Interaksjon og fortelling - kan brukes til langt mer en hva dere ser her.
Fortellinger kan brukes i sammenheng med opplæring, beskrivelse og prosessbeskrivelser.
Andre Design og UX trender å se opp for i 2015
RESPONSIVE
LANGT BEDRE INNHOILD - SPESIELT MOT NYHETSRELATERT INNHOLD - CONTENT
Dette er og blir den nye standarden når det gjelder utvikling fremover.
Web Teknologi tillater tilgang til funksjoner som tidligere kun var for Native
Billig utvikling, fleksibelt og det ser veldig bra ut.
HUSK DEtte:
Format og innhold: Innhodl basert på hvor ofte du beøker det, overkrevet av Formats på headlines , eller så kan innhold tilpasses din flyt i nyhetsbilder
Density-independent pixel (dp)
Dette vil dere som er designere der ute se mer og mer av - selv google material har adoptert dette utrykket som først ble introdusert av Android.
CARDS - TILES
Airbnb,
Twitter,
Spotify
Google
Storytelling / opplæring - Relativitet.
1-2 minutter
Lenke ut
Patterns
Vi har sett på desing trender - og vi skal over i til de tekologiske trendene - disser er mer håndfaste og har en lang strørre innvirkining på oss og våre omgivelser enn det vi ønsker å tro.
de 4 hovedtech trendene som jeg skal introdusere til dere - kommer opprinnelig fra fjords trend rapport. Denne rapporten skapes ila en uke der alle ansatte møtes for å diskuetere funn, erfaringer og sammen skaper de en voersikt over de mest fremtredende trendene for året som kommer. Fjord er den del av Accenture og er hovedsaklig service design byrå-
Som er en videreforedling av grunntankene i bak omni-channel begrepet - der man ser at å la sluttbrukere selvbetjene seg selv ved bruk av digitale tjenester ikke fungerer. Man ser at det er et sterkt behov for gjeninnføre det menneskelig berøringspunktet i et eller flere kanaler, som har et enda sterkere og målrettet/tilstedeværerende rolle i det mellommenneskelig grensesnittet.
To become truly digital, businesses are seeking to re-integrate people into the interface. Inthe wake of omni-channel, the (imperfect) term companies use to describe an entirely linked suite of channels aspiring to provide a seamless experience, humans are returning
as a fundamental component to a successful service. The omni-channel approach runsthe risk of ditching humans for automated touchpoints, but for digital to triumph, these services must be re-humanized. Companies need to strategically consider which services are appropriate to manage via machines, and which require human interaction.
This isn’t just about providing employees with a tablet-controlled dashboard with a glut of data. It is creating points of action instead of purely points of information. It’s about finding ways to equip your omni-channel with an omni-colleague so that they are able to take meaningful action for the user.
Telstra next som ekesmpler
Telstra - Digital first - hadde som må å automatisere alle repetitive, administrative oppgaver slik at deres kolleger faktisk kunne gi all sin oppmerksomhet til kunden og skape mer fornuftige interaksjoner.
Fysisk buttikk der brukere kan sammen med en colleagues gå gjennom alle behov og tjenester knytta til sin profil - forbruk. Kundene få en opplevelse av hele sitt kundeorhold til Telster om det er mobill, brebånd eller hardware
Tryghet - Tillit - Extra Service
NEXT: UBER_
Uber utnyttet muligheten til å tilbyr tjenesten som tilrettelegger for flere aktører å inngå i en tilrettelag økosystem. En colleague i sjåfører - Det vikitg punktet er muligheten for kunder av tjenesten å kunne gi en vurdereing av tjeneste, dermed sørger man for å opprettholde et høyt nok service nivå -kvalitet under navnet til UBER.
Uber pop - Uber black - Uber Taxi.
De store selsksapene har banet vei for aggregering av data og bruk. Brukere forventer det samme oppleveslen som skapt av mastodontene
Spotify - musikk
Google - informasjon
Facebook - mennesker og folk.
Aggreggering tillater tjenestutvidelse og tjenesteforsterkning - andre plattformer er forventet å tilby den samme opplevelse og tilbud som fra de store.
AIRbnb next bruker dette til å tilby nye tjenester innen for samme sphære:
This year, we will probably see singularly focused companies expand their thinking and start branching into other parts of their customers’ lives—providing value in unexpected places, in surprising ways.
AIRBNB: After you opt-in to sharing your location, local companion automatically kicks off the process by getting someone in the city to recommend something to do or see near where you’re booked to stay. After that, you can ask almost anything and the people on the other end will answer within a few hours.
SNCF:
Så de opprotunitiy to expand tehir services into bringing customer accros their travel door to door - on either side of the train travel
Be Effortless : neste
Wearables have become a household name, but the future depends on the symbiotic relationship between mobile and wearables (and nearables for that matter), for a stronger device ecosystem
ABI Research estimates that over 30 billion devices will be connected to the Internet of Things by 2020.
Fjord’s view is that the smartphone could retain its solar dominance for some time to come, but services and devices would put into question the phone’s role in experience delivery.
This year, we will probably see singularly focused companies expand their thinking and start branching into other parts of their customers’ lives—providing value in unexpected places, in surprising ways.
Echo;
Be Effortless : neste
Vovlos virual car kit - locking
UBER - oCmbine this rapid expansion with a confidence in delivering users anything they want, and Uber is poised to disrupt other industries, as well.
Tesla: The Tesla’s power plant, drivetrain, suspension and cabin control systems are extensions of an operating system that can intelligently respond to human input and update in response to changing conditions.
Uber utnyttet muligheten til å tilbyr tjenesten som tilrettelegger for flere aktører å inngå i en tilrettelag økosystem. En colleague i sjåfører - Det vikitg punktet er muligheten for kunder av tjenesten å kunne gi en vurdereing av tjeneste, dermed sørger man for å opprettholde et høyt nok service nivå -kvalitet under navnet til UBER.
Uber pop - Uber black - Uber Taxi.
where online interactions insufficiently mimic customer service with human-beings. Instead, employees shall wield efficient digital tools, but with the warm intention and compassion of a superhero to deepen their relationship with customers.
Bonus på slutten hvis tid eller ferdig tidlig:
Design thinking - jeg er en affectionado av design tenkning og lar det skinne gjennom arbeidsmetodikken min så langt det lar seg gjøre. se video