interactiondesign

Peer into Your Future

You’re about to see a project we’ve been working on for several months. A brand new conference bringing the newest, most critical thinking around two separate and important topics: mobile design and Agile development.

These experts will dive deep and get to the nitty-gritty details that will make you a stronger and more valuable UX Pro.

Agile Process

• Hugh Beyer – UX Design Inside Agile Development
• Jeff Gothelf – Lean UX: A Radical Approach to Integrating Design into Agile
• Dave McFarland – Demystifying jQuery for Agile Prototyping

Mobile Design

• Rachel Hinman – Creating Great Mobile User Experiences
• Luke Wroblewski – A Detailed Look at Designing Mobile Inputs
• James Robertson – Innovative Mobile Intranet Designs for Your Enterprise

Get First Dibs on a Seat When You Become a VIP

There are only 100 specially priced $1,349 spots available for the 3-day UX Immersion Conference. One of them can be yours.

VIPs will receive a special link to access registration on Monday, January 30. Everyone else will have to wait until Tuesday night to save their spot.

So be sure to get on the VIP list and start exploring the UX Immersion Conference.

[ Transcript Coming Soon! ]

A common trap in designing data visualizations is focusing on all the different ways to represent the data, rather than the questions that the data should answer. The presentation of a data set is pointless if it’s not useful, usable, or if people can’t understand it. With so much data to choose from how do you keep the goal of the visualization in mind? How are you sure you’re telling the right story?

We turn to Noah Iliinsky when it comes to data visualization. He is the co-author of Designing Data Visualizations and co-editor of Beautiful Visualization. Drawing from cognitive psychology, Noah explains that there is both an art and science to designing data visualizations. Aspects of shape, color, and placement all play into our brain’s ability to process the data being presented.

With the idea of placement in mind, it helps to think of the constraints and boundaries of your visualization. Careful consideration of its landscape prevents you from ending up with a “hairball” of data. Putting meaning behind placement helps the layout of the data but also conveys greater knowledge about it.

Noah and Jared Spool discuss creating data visualizations in this podcast. And you won’t want to miss Noah’s virtual seminar, Telling the Right Story with Data Visualizations, on Thursday, February 2.

Some people like to dance and shake it in the dark. Others wear their sunglasses at night. Here's proof some like WORKING in the dark (and they're not hookers). Stefan snapped these, catching a glimpse of the Cooper evening crew in action...

Speaking of Stefan, he spoke at the Association of Alternative Media 2012 AAN Web Conference, here in SF, on "The Revolution will be Portable: Understanding the Tablet Opportunity" An exquisitely designed on-the-go tablet app is Pyrolia's Road Inc., an in-depth, feature-rich anthology of classic automobiles.

We've all heard the hype around HTML5, so let's get on with it already! Check out Tumults Inc.'s aptly named HYPE for some of the easiest ways to implement HTML5 animations and eye-opening interactive prototypes.

An interaction HTML5 has breathed new life into is: s c r o l l i n g. This eye-opening interaction even has its own name: parallax. The term is derived from the Greek παράλλαξις (parallaxis), meaning "alteration". Parallax helps accurately portray our visual perception of distance. Not only do objects in the background appear smaller, they also MOVE slower than their foreground counterparts. Slavery Footprint and Moods of Norway (best viewed in the horizontal position) are notable examples of the parallax in action.

When your back in the vertical position and ready for some moving of your own, check out this interactive, motion-sensing, motivational 7 foot wall! Designed to get gym members actively engrossed in nutrition and physical activity, this is one funhouse mirror that builds UP your confidence. Its "Future Self" application composits what YOU (the fairest one of all) may look like in the near future if you heed the advice of this great wall of fitness.

The new iBGStar blood glucose meter is another innovative way to monitor nutrition. Designed for iPhone/iTouch-lovin'-diabetics-on-the-go, it can actually take and read blood samples, your nutritional intake, missed meals, and yes, amount of exercise.

All these new ways to monitor nutrition and exercise has made me HUNGRY! So, I leave you with a recent snapshot of our sustenance request board... Personally, I prefer Desvenlafaxine, delta-9-tetrahydrocannabinol, and Toaster Strudels® - portable and perfect for when your on-the-go.

From the very start, we wanted Basecamp Next to be fast. Really, really fast. To do so we built a russian-doll architecture of nested caching that I’ll write up in detail soon. But for now I just wanted to share where all this caching is going to live as we just installed it at the hosting center.

It kinda reminds me of what pictures of a drug raid looks like when they lay out all the coke and cash on the table, but this is what 864GB of RAM looks like:

Cost of the loot was $12,000.

Three years ago, I wrote about how improvements in technology keep allowing us to punt on sharding the Basecamp database. This is still true, only more so now.

We’ve grown enormously over the last three years but RAM keeps getting cheaper and FusionIO SSD’s keep getting faster. If anything, it seems like recent advances in SSD technology are accelerating and it’s ever more unlikely that we’ll need to shard Basecamp.

Basecamp remains a perfect candidate for sharding. Isolated accounts, no sharing between them. Yet the cost in increased complexity is constant while the cost of throwing hardware at the problem keeps dropping.

It’s like how some old people have a hard time dealing with inflation and “they want how much for a gallon of milk these days?”. Technologists who grew up when RAM cost $1,000 per megabyte can have a hard time dealing with the luxury of RAM being virtually free (we just bought about a terrabyte worth of RAM for a Basecamp Next caching system that cost just around $10,000).

The progress of technology is throwing an ever greater number of optimizations into the “premature evil” bucket never to be seen again.

Nu är det dags igen. Förra året var en succé med en hel helg av roligt umgänge, idésprutande och massor av tjänsteskapande. Det är naturligtvis Global Service Jam vi pratar om.

Den 24 februari 2012 kommer designers, studenter, akademiker, affärsmänniskor, kunder, skådespelare, antropologer och andra som brinner för tjänster och användarupplevelser att träffas på mer än 40 olika platser världen över.

I en anda av experimenterande, innovation, samarbete och vänskaplig tävlan kommer vi ha mindre än 48 timmar på oss att utveckla och prototypa helt nya tjänster inspirerade av ett gemensamt tema. I slutet av helgen kommer alla dessa helt nya tjänster att presenteras för världen.

Vill du också delta i denna världsomspännande händelse? Antrop anordnar ett lokalt jam i Linköping. Det är kostnadsfritt och allt du behöver göra är att anmäla dig på http://gsj12lkpg.eventbrite.com

Jammet startar 17.00 med mingel och uppvärmning i Antrops lokaler i Corren-huset på Badhusgatan 5 i Linköping. 18.30 avslöjas årets tema. Klockan 15 på söndagen redovisar alla lag sitt resultat. Vad som händer däremellan är helt upp till dig!

Det är som sagt gratis att delta, men vi tar ut en avgift på 300 kr om man anmäler sig och inte dyker upp, utan att avanmäla sig senast dagen innan.

Har du frågor kan du kontakta Victor Saradlic på victor.saradlic@antrop.se eller läsa mer på http://www.globalservicejam.com

Vill du läsa mer om vad vi gjorde förra året på Global Service Jam kan du läsa om det här och här.

Välkommen!

Efter att ha sett skisser på ett antal kommande sajter, och några nya, det senaste halvåret vill jag önska trevlig helg med en påminnelse: Ha inte för stora förhoppningar på högerkolumnen. Det du lägger där kanske aldrig kommer att noteras.

Ju mörkare färg, desto viktigare del av sidan. Högerkolumnen är svag.

Som sagt, detta är inga nyheter. Vi har sett i många ögonrörelsestudier att högerkolumnen i en traditionell trekolumndesign får väldigt mycket mindre uppmärksamhet än innehållet till vänster om den. Google bekräftar detta på sin sida med tips för dem som ska lägga AdWords-annonser på sin sajt.

Ändå hamnar där ofta helt avgörande beståndsdelar av servicen till läsaren.

Vi hittar blanketten som någon måste fylla i, länken till viktig fördjupning och kontaktuppgifterna… Eller ”hittar”, förresten. Det är ju precis det besökaren kanske inte gör. Det vi inte ser är svårt att hitta.

Så här borde det inte fortsätta. Det som är viktigt — som vem jag ska kontakta i just det ämne som sidan handlar om — bör finnas i kontexten. Mitt i smeten. Samma sak med blanketter och så vidare.

På sikt kan du självklart också fundera på om det finns andra sätt att bygga sidor än principen ”navigering > innehåll > runtomkring-grejer-jag-inte-annars-vet-var-jag-ska-lägga”.

Så. Nu fick jag det sagt — igen. Och om du läser detta på sajten noterar du en… trumvirvel… högerkolumn! Min tanke är dock att du aldrig där ska hitta något som faktiskt behövs för att sidan du är på ska bli begriplig eller fullständig (dessutom är här bara två kolumner).

En text från Webbrådgivaren Fredrik Wackå. Läs mer om intranät, webbstrategi och webbredaktör.

Benjamin Jackson argues that we’re disturbingly close to being Pavlov’s gamers, and that there’s a huge grey area of unethical gaming that we can’t ignore.

In his article printed in the Atlantic:

The primary characteristic of unethical games is that they are manipulative, misleading, or both. From a user-experience standpoint, these games display dark patterns, which I define as common design decisions that trick users into doing something against their will. Dark patterns are usually employed to maximize some metric of success, such as email signups, checkouts, or upgrades; they generally test well when they’re released to users.

For example, FarmVille, Tap Fish, and Club Penguin play on deep-rooted psychological impulses to make money from their audiences. They take advantage of gamers’ completion urge by prominently displaying progress bars that encourage leveling up. They randomly time rewards, much like slot machines time payouts to keep players coming back, even when their net gain is negative. And they spread virally by compelling players to constantly post requests to their friends’ walls.

This trend is not just limited to social games, though: many combat games, like America’s Army, are funded by the U.S. military and serve as thinly-veiled recruitment tools. Some brands have launched Facebook games like Cheez-It’s Swap-It!, and they serve as tools to sell more products. These techniques can be used in any sort of game, in any context.

We’ve also looked at various elements of social gaming. Still, this article reminded me of one blogger’s serious concerns with the gaming utopia people such as Jane McGonigal proposes.

Or, how it’s brilliantly parodied on the IT Crowd:

Still, what’s so interesting about this space is how it’s developing. ZD Net suggests that instead of putting badges on everything, we should be looking at the latest gamification darling, Pinterest.

Vi har sett några större organisationer välja Drupal i KI och Lunds Universitet, men med Ericsson.com avslöjandet visade det sig att även privata svenska jätteföretag vågar lägga närvaron på open source plattformen.

Nu får telekombolaget sällskap i svenska klenoden Husqvarna Group som placerar en del av sin sajtflora på Drupal 7 CMS.

Dock är det denna gång mer av ett klassiskt ”Drupal testskott” á la 2010-2011, det är koncernsajten husqvarnagroup.com som landar på en Drupal.

Det blev en rätt statisk, bild och textuppbyggd lösning med AddThis dela i topp (!) och en börsticker. För navigering används småanimerade mediumdropdowns.

Alert IR jobbar med Husqvarna och har sedan mitten av 2011 börjat satsa på Drupal.

Tipstack till Christian Åhs.

E-handel skiljer sig från vanlig handel i den fina konverteringarna för temabaserade och smalare nischbutiker.

Tror du att just dina nischade artiklar passar i en e-handel? De redan extremt billiga hyr/SaaS-lösningarna fick just ett ännu lägra insteg genom Jetshop och Shopitoo som låter mindre kunder testa sin idé för verksamhet gratis i ett kvartal.

Payson är drivande och PSP för båda dessa lösningar.

En förutsättning för att en användare skall kunna bli inloggad är att det finns ett användarkonto för henne. I ett sådant lagras unik information om användaren. Det finns konton som bara lagrar användarnamn och lösenord, men det finns också de som lagrar stora mängder information och till exempel är nyckeln till hela användarens pengavärld.

Om man vet vilken verklig människa som står bakom användarkontot så sägs hon vara identifierad (se sid 307 ).

Skapa ett nytt användarkonto

På många webbplatser skapas användarkontot genom att användaren registrerar sig själv genom att fylla i ett formulär. Ibland krävs bara att hon uppger vilket användarnamn hon vill ha, ibland krävs hon på betydligt fler uppgifter om sig själv.

Var försiktig med hur mycket uppgifter du kräver in i samband med registreringen. Se Fråga bara efter det du behöver veta, sid 343 .

Celebrations nya webbplats är byggd med responsive webbdesign vilket innebär att layouten anpassar sig efter den skärmstorlek som besökaren använder. Oavsett om det är en iPhone, Android, iPad eller en datorskärm besökaren använder så får man en bra användarupplevelse och en fungerande layout. Det betyder att inga separata appar eller särskilda mobilanpassade sajter krävs för mobila enheter.

Den nya webbplatsen presenterar på ett tydligare sätt vad Celebration erbjuder och vilka kompetenser vi besitter. Att vi, oavsett om det är en fråga som rör strategi & kommunikation, koncept & design eller produktion & utveckling, finns där för dig. En stor del av innehållet utgörs av beskrivningar av vad vi gör för våra kunder, det vill säga våra uppdrag. Genom dem beskriver vi våra erfarenheter, hur projekten sett ut och givetvis resultatet.

Se resultatet: www.celebrationstudios.se

Projektgruppen: Projektledare: Vincent Högman Salzedo Webbstrategi: Minja Stark och Vincent Högman Salzedo AD: Markus Ojanperä Gränssnittsutveckling: Pontus Dreij Copy: Pontus Dreij och Minja Stark Webbutveckling: Vincent Högman Salzedo

Som en av veckouppgifterna på den kurs rörande sociala medier utveckling, användning och konsekvenser som jag nu för fjärde gången ger vid Uppsala universitet och institutionen för Informatik och media brukar jag låta studenterna göra egna efterforskningar kring vilka tankar som finns kring framtidens internet – vad som kommer efter 2.0 och det förmodade ökade användardeltagande som ofta förknippas med den fas i utvecklingen som många påstår att vi just nu är inne i. Bland alla konsultsidor och mer eller mindre upphetsade amerikanska tidskrifter på nätet, bland alla rätt vaga definitioner av web 3.0 och till och med 4.0, så brukar studenterna varje år hitta en definition som ter sig betydligt mer gripbar. Sakernas internet, The Internet of Things, går ut på ungefär vad det låter som: en framtid där inte bara datorer är uppkopplade, utan även de många föremål vi omger oss med i vardagen. Och visst, många gånger har man väl önskat att man kunde googla plånboken eller paraplyet, men diskussionerna kring denna framtidsvision rör sig oftast på vad som skulle kunna kallas för en lite mer industriell skala – exempelvis så har tillämpningar inom tågtransport  har tidigare diskuterats inom ramen för NITA. För den som är mer intresserad av detta fenomen så arrangerar SICS en temadag rörande just detta område den 9 februari. Kan vara värt att kolla upp.

Ser med skräckblandad förundran på Nokias sammanbrott. Förra året var de världens ledande tillverkare av smartphones, med en marknadsandel på nära 30% och en försäljning mer än dubbelt så stor som närmaste konkurrent, och kraftigt på väg upp.

Sedan kom VD Stephen Elops interna men snabbt läckta memo om att Nokias operativsystem Symbian inte håller. Och så satsningen på Windows Phone. “Vår nuvarande produkt är skräp, och om ni väntar med ert köp så kommer det något mycket bättre”, blev budskapet. Kanske sant, men inget som driver försäljning. (Mer om det i Tomi Ahonens inlägg om Elop-effekten)

Till råga på allt verkar ingen vilja ha Windows Phone-telefonerna. Säkert av många anledningar, men jag undrar om inte en är att “Windows” är ett gisslan-varumärke. Det har sålt bra – men bara för att användarna egentligen inte haft något val. När man nu väljer vilket mobiloperativsystem man ska satsa på, är det ingen som är entusiastisk över att återigen låsa sig till Windows.

Man har lyckats sälja “över en miljon” av de ny Windows Phone-telefonerna, och presenterar det som en framgång. Frågan är dock om det är inte snarare är riktigt uselt (Man får dock vara medveten om att Tomi Ahonen som skrivit detta sedan länge är en hård kritiker av Stephen Elops och Nokias samarbete med Microsoft).

Som en följd har Nokia – på ett år! – gått från att ha en tredjedel av marknaden till en åttondel, och blivit omsprungna av både Apple och Samsung.

Snacka om blue screen of death.

We just got our royalty statement from Crown and are pretty excited about the fact that we’ve sold over 200,000 copies of REWORK now. About three quarters of the sales have been hardcover books with audio and ebook splitting the remainder.

Thanks to everyone who helped us get here by buying and recommending the book. We are very grateful for your support in getting the word out.

We’ve been working on Basecamp Next since March 2011 and we’re getting close to the public release. The private beta is now in full swing.

Early iterations on the Projects screen

We thought it might be fun to share some of the early design explorations for one particular screen, the Projects screen. Basically, the projects screen is a list of your projects. You can create new projects there as well. We explored hundreds iterations of the screen – from small tweaks to fundamental shifts in the feature itself. Only a fraction of the explorations are shown in the video below.

What you’re seeing here are discarded ideas. But new ideas are often built on old ideas, so you may recognize some of the design concepts you see here in the actual final product.

A VC that in my opinion gets it right:

Code cannot come before UX. Design the experience before you code it. Art takes time and has to be at the core of your product/service. If you don’t have a designer as one of your first three team members, well, in my humble opinion, you’re already in trouble.

To illustrate, here are some details I assess when every new venture comes my way: Email structure, word choice, the signature, the amount of deck slides, the weight of the presentation, whether the dollar sign is placed before or after the amount, the choice of stock photography, whether MS Clipart was used, the thickness of the business card, the choice of typography, even the entrepreneur’s choice of laptop and phone.

All of these go to the heart of our assessment the product/service, the team and the venture as a whole.

It’s about the sizzle, which is UX. It sells the product. If you don’t have a great UX, investors have to be aware there are going to be many, many other costs, like additional marketing, to make a product successful.

Great UX is art, but it’s worth it.

Some of the best decisions and designs at 37signals have emerged from intensely contested debates. Not just between Jason and me, but from anyone in the company. When sparks fly, some truly great ideas come to light.

The catch is that the heat must arise around the decision itself. Debates go off track when personal biases or old grudges come into play. So long as each party sticks to the merits, adding some fire will only unearth new angles and concerns.

This energy is so important to how 37signals operates that I consider it every time we make a hire. Is this person willing to fight for what they believe in? Will they stand up to me, Jason, or anyone else in the company if they think we’re wrong?

Detecting this rebel streak requires looking at a person’s full persona: online debates, choice of technology, writing or work samples, often just the ability to debate or question the interviewer in person.

Sometimes it’s easier just to detect a negative. Someone who’s unlikely to ever question you or your ways. A “yes man” who has only wonderfully great things to say about everything we’ve ever done. That’s a red flag.

Regardless of how you do it, find people with enough spark to care, fight, and campaign for what they believe in. What pushes you and makes you question your beliefs will make your company that much better.

OK, we’re only at number 19 so far, there’s still a way to go. Still, what’s there so far suggests it’ll be an amazing series. As the site doesn’t make it easy to see all of the methods so far, here’s a list of what’s there to date:

1. Concept Interviews: Users write down statement to do with the use of a product, and rank them.
2. Brainwriting: generating ideas quickly by getting people to write them down rather than say them
3. Freelisting: a complement to brainstorming where people list examples in relation to a particular question.
4. Reverse Brainstorming: asking a question that generates problems or criticisms rather than solutions.
5. Metaphor Brainstorming: guiding brainstorming by framing with metaphors
6. Future Workshop: four phase futures technique (preparatory, critique, fantasy, and implementation phases)
7. Claims Analysis: looking at how changing an existing feature on a product will affect various user groups
8. Repeated Card Sorting: doing card sorting repeatedly in order to find out the underlying product characteristics.
9. Reverse Card Sorting: a variation of closed card sorting where you measure users’ cards sorts against a proposed solution.
10. Perspective Based Inspection: getting users to review a product from a specific perspective (e.g. disabled user, power user)
11. Bodystorming: Physical scenario modelling.
12. Teachback: Testing the robustness of a product’s mental model by having an expert teach a novice and the novice ‘teach it back’.
13. Consistency Inspection: Like QA, but for product consistency across a product experience.
14.  Yes, And: Taking from improv to further ideas.
15.  Misuse Scenarios: looking for situations for unintentional (accidental) and intentional (e.g. malicious) misuse.
16. Backcasting: a strategic method where you start from a desired future and work backwards.
17. The User Interface Race: challenging users to compete to complete tasks under time pressure
18. The User/Task Matrix: plotting task frequency against groups
19. Laddering Questions: the IDEO ’5 Whys’ and other methods

Each method comes with discussion of the strengths and weaknesses, as well as other resources. The list was started in January 2011, so we’ve probably got a while to go until we get the full list (6 months, eh?), but it’s certainly worth keeping an eye on. See full list on the Autodesk Designing User Experiences blog.

Under onsdagskvällen presenterades vinnarna av årets Web Service Award på Nalen i Stockholm. Hela 157 000 webbplatsbesökares betyg gav följande vinnare (med Juryns motivering för respektive sida):

• Vinnare i kategorin Information & Service: Suntliv.nu (EPiServer, inhouse utvecklad) Omvandlar innehållet med dess fakta till att bli lättförståelig information. ”En sund sajt för en sund arbetsplats”.
• Vinnare i kategorin samhällskommunikation: Polisen.se (EPiServer CMS, KnowIT och Söderhavet) Har en tuff uppgift med en bred målgrupp. Webbplatsen sätter med föredöme användarnas nyttor i fokus.
• Vinnare i kategorin E-handel: Jotex.se (.NET custom e-commerce) En uppskattad webbplats som har legat på toppnivå i flera år och blivit allt bättre. Den underlättar för besökarna att hitta det man söker och ger inspiration.
• Vinnare i kategorin Intranät: Familjebostäders Porten (EPiServer CMS, Logica UX)Ett mycket användarvänligt och snyggt intranät som är mycket uppskattat av sina användare. Man har satsat på sitt intranät och det har gett resultat.

Storslam för EPiServer med andra ord. Ett resultat som bl a gått att skönja i resultaten från senaste WSA rapporten under förra året.