Archive for april, 2013

Action research

april 28, 2013

Kallas också inland för Participatory action research. Kurt Lewin, proffessor på MIT myntade uttrycket action research 1944. Karaktäristiskt är att man under studien själv är med och deltar i den grupp / organisation som man studerar och att man då också påverkar utkomsten. En del av studien bör därför vara att analysera sig själv.

John Heron och Peter Reason’s Cooperative Inquiry är en variant på action research.
”“research ‘with’ rather than ‘on’ people.” It emphasizes that all active participants are fully involved in research decisions as co-researchers.”

Action science är en annan variant eller rättare sagt dominerande teori Om tittar på hur människor designar sitt agerande i svåra situationer. Man utgår från att människor designar sitt agerande utifrån att man vill uppnå vissa konsekvenser och styrs av miljön de befinner sig i.

En annan förklaring att man använder sig själv i studien o analyserar sitt eget agerande. http://www.jeanmcniff.com/ar-booklet.asp istället för att börja med en hypotes, så har man en idé i början av studien. Man följer idén och utvärderar hela tiden om det som händer är i linje med det man tänkte. På så sätt är action research en utvärdering av sig själv.

40 exempel på mega menyer

april 23, 2013

http://www.chethstudios.net/2011/07/40-mega-drop-down-menu-examples.html

Riktlinjer för service design i Storbrittanien

april 23, 2013

Från och med april 2014, så måste Storbrittaniens statliga myndigheters digitala tjänster  uppfylla vissa kriterier för service design. Liknar mycket det vi har i Sverige ifrån e-delegationen.

De finns här:
https://www.gov.uk/service-manual

Jakob Nielsen om mega menyer

april 22, 2013

http://www.nngroup.com/articles/mega-menus-work-well/

Trevlig felsida

april 17, 2013

Hemnet hade visst tekniska problem idag, och de presenterar de på ett trevligt sätt. vilket faktiskt minskar min irritation.

I bilden syns det inte. Men kugghjulen rör sig också. Det påminner mig om projektet med att lägga in Missing children på 404 sidor i notfound projektet.

Hemnet - tekniskt problem sida

Inspiration – mega menyer

april 15, 2013

30 exempel på Mega Menyer
http://vandelaydesign.com/blog/galleries/mega-menus/

Join me – dela skärm program

april 15, 2013

Bra program för att dela skärm:

https://join.me/

InDesign – stavningskontrolll

april 8, 2013

Hittar man under: Redigera/stavning/ Kontrollera stavning.

Mer om funktionen för att kontrollera stavning:
http://help.adobe.com/en_US/indesign/cs/using/WSa285fff53dea4f8617383751001ea8cb3f-6f53a.html

För att ändra till rätt språk när man ska kontrollera stavning (om man tex har inställt på svenska i textboxar, fast man skrivit på engelska) så kan man göra en quick and dirty variant via sök/ersätt:

http://indesignsecrets.com/changing-the-language-with-findchange.php

Vilket språk som textboxen har ser man i textpanelen högst upp i InDesign.

Brad Frost om Adaptive web design

april 4, 2013

Brad Frost pratar  på Smashing Conference 2012 i Freiburg om ”Beoynd Media Queries: An anatomy of an adaptive web experience.”

http://vimeo.com/55076713

Brad dissikerar ett exempel på mobile first responsive design.

Responsive design:
Fluid Grids, flexible media and media queries.
Men Brad tycker att det är ett problem att man har definierat det som en klarhet och blir fundamentalister. Bara det är responsive så blir det bra.

Responsive web design är bara ett subset av vad adaptive web design är. 

Men uttrycket har i sig en massa saker som är viktiga för att skapa en bra web. Te x content strategi.

Principer för att skapa Adaptive web design:

  • Ubiquity,
  • Flexiblitity
  • Performance
  • Enchancement
  • Future-friendly

Ubiquity: ”Vara närvarande överallt”
Vi har pc, mobiler, tablets idag och snart är det bilar, kylen osv… Vi vet inte vad som kommer sen. Därför är ubiquity internets superpower.
Flexibility:
Performance: 71% mobil users förväntar sig att mobile sites laddar lika fort om inte snabbar än på desktop.
74% mobile visitors lämnar en site om det. Men de flesta sidor i dag väger över 1 MB. 86% sites skickar samma content till mobiler som till desktop. Tänk på att sidorna inte ska vara för tunga! Under 5 sekunder att skicka iväg. Good performance is  good design.
Enchancements
– du behöver inte skicka all content till alla!.
Starta där du hittar den minsta gemensamma nämnaren för alla användare. Dra in kommentarer och relaterade bilder när de behövs och ladda inte in i onödan.
Future-friendly
Omfamna och acceptera att vi inte kan förutse vad framtiden bär med sig. Vänkta tills kunderna säger: Kylskåpet då?

Dissikera bit för bit:
Logo: Gör logon större säger kunderna. Om det är ngn bild som ska skickas upp i flera bilder är det logon.
Navigering: Där när man behöver den. Låt inte menyn äta upp hela ytan, te x lägga ut den på flera rader på mobilskärmen.
Search form:
Search är viktig. om du har en nav som är 5 nivåer djup, se till att du har search. Klicka på ”Serach # och popa ut en sökruta.
Product overview:
Visar produkt, vad den kostar och hur populär den är. 79% använder sig av telefonen för at bestämma sig om de ska ha produkten.
Product images:
Om man ska ha carousels – Tycker Yahoo är bra. Föregående + nästa och imellan så finns det antalet och vart du är. Zappos – visar hint av nästa bild. Men använder sig inte av enchancement. Vissa mobiler kan inte se den?
Kassa:
Ta upp rätt keybord, te x nummer för födelsedagar.
<input tupe=”number” pattern=”0-9*”/> (alltså keybord för att slå mobilnummer)
Social buttons: 
De är tunga. Tar 19 requests och 246, 7K. Tar inte med det per default, utan lägg istället in länkar. Prograessive enchancements.

Content:
Långa sidor på mobilen: Vi scrollar igenom en content typ i taget, tex en artikel.. Oftast blir det väldigt långt eftersom man staplar alla kolumner under varandra. Men hur vet då användaren att content finns där? Visar exempel på Obamas sajt, där man kan scrolla i all oändlighet. Visa istället användaren att det här finns om du är intresserad och de får själva ladda in om de är intresserade. Använd conditonal lodning, dvs progressive disclosure – hinta om att conent finns och ge det sedan till dem.”
Footer navigation. Krymp ihop.

Glöm inte att man på mobilen kan ringa direkt!. ”call tool” – <a href=”tel: 070…>ring</a>
Back to top link: Japp