Tagarchief: mobile

7 tips om je website ‘tablet friendly’ te maken

Dat er minder pc’s worden verkocht door de enorme opkomst van tablets is inmiddels bekend. Het is daarom juist nu essentieel om te onderzoeken of jouw website geoptimaliseerd is voor deze intelligente touch-interacties en tablet devices. Met slechts enkele aanpassingen kun je de gebruiksvriendelijkheid van je website al aanzienlijk verhogen.

Hieronder zal ik een aantal belangrijke punten behandelen, waar je rekening mee kunt houden als je een website gaat optimaliseren voor touch interacties en tablet devices.

1. De vinger is de nieuwe muis

Vingers zijn nu eenmaal groter, ronder en minder precies dan een muis. Er is dus meer witruimte nodig rondom een hyperlink. Gebruik bijvoorbeeld liever een button of button-achtige hyperlink in plaats van een tekst hyperlink. Het nieuwe ontwerp van Google speelt hier heel goed op in. Er is veel witruimte en de hyperlinks zijn zichtbaar ontworpen voor de vinger.

http://www.google.nl – veel witruimte rondom hyperlinks

2. Het vasthouden van de tablet met twee handen

Er zijn allerlei manieren om een tablet vast te houden. Apple heeft met het nieuwe iOS 5 besturingssysteem slim ingespeeld op de behoefte van de gebruikers die de tablet met twee handen vasthouden. Het toetsenbord kan namelijk in twee delen worden gesplitst, waardoor de gebruiker met twee vingers (sneller) kan typen.

Ook heeft KLM recentelijk haar website volledig geoptimaliseerd voor tablet devices. Op de volledige website van KLM staan de actiegerichte tabbladen horizontaal gepositioneerd en op de tablet worden deze links verticaal gepositioneerd. De ontwerpers hebben hoogstwaarschijnlijk nagedacht over hoe gebruikers de tablet vasthouden. Er zijn helaas nog weinig onderzoeken naar gedaan. Maar het is zeker belangrijk om goed na te denken over hoe je de navigatie positioneert.

http://www.klm.nl – op een desktop computer

http://www.klm.nl – geoptimaliseerd voor de tablet

3. Geen hover (mouse-over) interacties

De meeste tablets devices ondersteunen geen hover-interacties. Dit is een belangrijk usability punt voor touch interacties. Vooral (hele grote) dropdown menu’s kunnen veel problemen veroorzaken. Je kunt er niet met je vinger overheen zweven en verwachten dat er een menulijst uitklapt zoals je dat met de muis kunt doen. Gebruikers moeten daadwerkelijk het menu-item aanraken voordat een menulijst uitklapt. Echter, hoe gebruikers dit ongedaan kunnen maken is vaak een lastige vraag. Op enkele websites kan men de menulijst weer inklappen door op hetzelfde menu-item te klikken en sommige websites leiden je naar een overzichtspagina. Op Aegon.nl wordt de mega dropdown menu zelfs niet getoond.

http://www.flavourites.nl – menu lastig is in te klappen

CBC heeft dit probleem heel goed opgelost door een kruisje in het mega dropdown menu aan te bieden. Bovendien wordt de uitgeklapte menulijst niet over de content geplaatst, maar de menulijst drukt de content omlaag zodat de pagina en het menu te allen tijde goed zichtbaar blijft.

http://www.cbc.ca – biedt een kruisje in de mega dropdown menu

4. Toetsenbord weergave instellen

Ken je het probleem dat je telkens het toetsenbord moet switchen om een “@” of “_” teken te selecteren? Het grootste gedeelte van de tablets beschikt over verschillende toetsenbordweergaves. Als ontwerper of developer kun je deze slimmigheidjes toepassen om de invoer van formuliervelden gebruiksvriendelijker te maken. Op deze manier kan de gebruiker in één keer zijn e-mailadres of telefoonnummer invoeren, zonder te moeten switchen van toetsenbord. Uiteraard is het switchen van toetsenbord niet compleet te vermijden.

Verschillende weergaves van de toetsenbord op een iPad

5. Gebruik touch-interacties

Swipen is een vingerbeweging die we inmiddels hebben omarmd. Op camera’s, telefoons, tablets is het niet meer weg te denken. Maar waarom ook niet toepassen voor websites? Op m.funda.nl kun je via swipen door het fotoalbum bladeren. En zou het dan niet fijn zijn als je de afbeelding kunt inzoomen door twee vingers uit elkaar te trekken? De technieken zijn er al en daar moeten we vooral gebruik van maken.

http://www.funda.nl – swipen door het fotoalbum

6. Geen Flash

Hoewel er wel veel tablets zijn die Flash ondersteunen, is Apple nog steeds de koploper volgens een benchmarkonderzoek in Nederland van Mobilemetrics. Houd er dus rekening mee dat Flash niet op iPad’s wordt ondersteund. Het omzetten van Flash naar HTML5 is een mogelijk alternatief. HTML5 wordt namelijk wel door iPad ondersteund.

Bron: Mobile metrics

7. De ideale breedte: 960 pixels

Doordat er verschillende devices met uiteenlopende schermgroottes zijn, is het van belang om je website daar zo goed mogelijk op te ontwerpen. Het vaststellen van de breedte van de website is hierbij een cruciaal punt en telt zwaarder mee dan de lengte van de pagina. Het 960 grid system is een vaak gebruikte afmeting om websites te ontwerpen. Dit grid biedt links en rechts genoeg marge om een ontwerp passend te maken voor tablet devices. Bovendien is het ook zeer geschikt voor desktopcomputers.

http://www.essent.nl – maakt gebruik van 960pixel grid

Tot slot

Kijk en leer hoe bedrijven als Google en Facebook continue bezig zijn met het optimaliseren van hun webdiensten. Google heeft recent de nieuwe look van Gmail.com gelanceerd en Facebook heeft zelfs een eigen touch.facebook .com omgeving ingericht. Het is zeker de moeite waard om hier even rond te kijken. Daarnaast is het tablet-friendly maken van websites een steeds belangrijker wordend uitgangspunt bij het ontwerpen van een website. Let er vooral op dat de website overzichtelijk, helder en eenvoudig moet zijn. Samen met de tips en voorbeelden hierboven zul je een heel eind komen.

Getagged , , ,

Mobile Plays Pivotal Role in Coverage of Moammar Gadhafi’s Death | Mobile Marketing Watch

On Thursday, international news organizations and media outlets were largely dependent on mobile phones and social networks to gain insight into what proved to be the final moments of former Libya strongman Moammar Gadhafi’s life.

From CNN to BBC, gruesome photos (taken via mobile phone) of an apparently lifeless Moammar Gadhafi were used to underpin reports that the former leader had, in fact, been killed in crossfire earlier that day.

According to CNN’s coverage, the mobile phone images were not only instrumental in proving Gadhafi’s death but also further weakening the late leader’s lingering supporters.

The images will be a big blow to the morale of his supporters, who have been clinging to the hope he would seize power again, during the weeks he has been on the run.

Five years ago, images also taken from a mobile device were released of Iraq’s Saddam Hussein at his execution. Unauthorized cell phone footage showed the world Hussein’s final moments on the gallows. This incident followed other images that surfaced three years earlier of Hussein’s two sons, Uday and Qusay, who were killed in a firefight.

Shortly after the images were released publicly, former CIA Director James Woolsey told CNN: “I think it’s necessary for the world to see and particularly for the Iraqis to see that these two are, in fact, dead, that this is not some ginned-up story from the United States.”

What was true at that time in Iraq is also true today in Libya. And those who are rejoicing in the death of Libya’s former tyrannical leader are especially thankful for the mobile devices that made proof of Gadhafi’s death possible in close to real-time.

via Mobile Plays Pivotal Role in Coverage of Moammar Gadhafi’s Death | Mobile Marketing Watch.

Getagged , ,

Study: Banner Ads on Mobile Devices See Higher CTR Than On PCs | Mobile Marketing Watch

There’s been a lot of debate regarding CTR for banner ads on mobile devices.  Many argue that mobile users click on banner ads by mistake and therefore can’t compete with traditional banner ads viewed on PCs.  A new study out by MediaMind, however, aims to debunk this myth.

The company analyzed 230 million impressions of the same banner ads on both mobile devices and traditional browsers and found that the average CTR for mobile ads was .61% compared to .07% for browsers.  MediaMind disagrees with the notion of errant clicks on mobile devices and instead says that mobile is simply “experiencing the same kind of new and fascinating curve that banner ads had when they first asked people to punch the monkey.”

The company also says that the position of the ads on mobile devices plays a huge part as well.  ”Mobile banners aren’t just on top of the innovation curve, but also occupy a bigger portion of the screen relative to browser based banners.  In many cases, there is only one banner on the page.  Furthermore, people tend to browse with their phone closer to their eyes, unlike the screen of a laptop or a desktop.”

Bron: Mobile Marketing Watch

Getagged , , , , , ,

Secret Mobile Shopper Chart uit de VS

Een interessant artikel waarin de homepage, product page en check-out page van zes grootste en meest luxueuze warenhuizen in de VS worden vergeleken is vandaag gepubliceerd op Luxury Daily onder de titel  “Who aced the Luxury Daily mobile shopper test?” Ik zou zeggen, zoek de verschillen.

  

Getagged , , , , ,

Twee nieuwe aanbieders mobiel internet bij telecomveiling

Heleen van Lier − 15/09/11, 13:35 in de Volkskrant van vandaag
Smartphone. © GETTY

Minister Maxime Verhagen (Economische Zaken) is bereid om bij een aanstaande veiling van telecomfrequenties voor mobiele telefonie meer ruimte te bieden aan nieuwkomers. Hierdoor creëert de overheid de ruimte voor in elk geval twee nieuwkomers op de telecommarkt, die kunnen gaan concurreren met de steeds duurder wordende bestaande partijen.

De markt voor mobiele internet is nu in handen van KPN, Vodafone en T-Mobile. De bestaande partijen liggen onder vuur omdat ze mobiel internet duurder willen maken om zo de verminderde inkomsten uit bellen en sms’en te compenseren. Door diensten als Viber, WhatsApp en Skype gebruiken smartphonegebruikers steeds meer mobiel internet, en bellen en sms’en zij steeds minder. Eerst probeerden ze deze diensten apart te belasten, maar hier stak de Tweede Kamer een stokje voor.

Toenemend gebruik
De overheid veilt begin 2012 extra frequenties om het toenemende gebruik van mobiel internet en smartphones op te vangen. In totaal komt 60 Mhz aan extra frequentieruimte vrij, 30 MHz voor uploaden en 30 MHz voor downloaden, op de 800 MHz-band. 800 MHz-band is volledig nieuw voor de telecomsector en wordt op dit moment onder andere gebruikt voor TV-uitzendingen.

Verhagen wilde twee keer 10 megahertz (MHz) aan nieuwkomers geven (oftewel 20 MHz, maar een blok wordt altijd in twee delen verkocht: de ene helft voor uploaden, de andere helft voor downloaden). Nu zal er twee keer 15 MHz voor nieuwkomers gereserveerd worden met een maximum van twee keer 10 MHz per partij. Hierdoor zullen sowieso twee nieuwe partijen de ruimte krijgen om de markt van mobiel internet te betreden. Zij kunnen uiteraard ook op de bestaande ruimte bieden, maar waarschijnlijk kunnen ze de bestaande partijen zeer moeilijk overbieden omdat deze koste wat kost hun ruimte willen behouden.

Verhagen deed de toezegging vandaag in een overleg in de Tweede Kamer over de telecommarkt. Een meerderheid van de Tweede Kamer had hier eerder om gevraagd. De Tweede Kamer heeft een meerderheid doordat de PVV, gedoogpartner van het kabinet, met de oppositie optrekt. De VVD was aanvankelijk tegen uitbreiding van de ruimte voor nieuwkomers.

Getagged , , , , , , , , , ,

IDC: Smartphones populairder dan dumbphones in West Europa

 
IDC: Smartphones populairder dan dumbphones in West Europa

In Nederland worden al geruime tijd meer smartphones dan dumbphones verkocht. Dat komt natuurlijk voor een groot deel ook door de zogenaamde ‘subsidiemarkt’ waarbij je de meeste, dure, toestellen ‘gratis’ bij een abonnement kunt aanschaffen.

Onderzoek van IDC heeft nu uitgewezen dat de afgelopen drie maanden (Q2) in heel West Europa (oa UK, Frankrijk, Duitsland en de Benelux) meer smart- dan dumbphones verkocht zijn.

In deze periode was 52% van de, in totaal, 42 miljoen verkochte toestellen een smartphone. Van de 21.8 miljoen smartphones die in Q2 verkocht werden waren er 4.8 miljoen van Samsung, 4.6 miljoen van Apple, 3.1 miljoen van HTC en 3 miljoen van RIM. Deze fabrikanten zagen hun verkopen, vergeleken met een jaar eerder, (fors) stijgen. Voor Samsung betekende het zelfs een verzevenvoudiging. Nokia’s smartphone verkopen in West Europa daalden met maar liefst 60% naar amper 2.3 miljoen toestellen. Zie ook onderstaande tabel.

Smartphone-Sales-WEU-Zomer-2011
Getagged , , , , , , , ,

Een impressie van de iPhone 5

Wanneer het nieuwe speeltje uit komt is nog niet helemaal helder. Dat Apple er dezelfde strategie voor heeft gekozen als de introductie van de iPhone 4, is tot dus ver wel duidelijk: Apple medewerker ‘vergeet’ prototype in bar waar toevallig redacteur van GiGaOm zit. Gevolg: rumour around the brand, gissingen, weddenschapjes en engelse bookers die er rijk mee worden. Hoe dan ook, hier een leuk filmpje over een paar innovaties die Steve vlak voor zijn aftreden er in heeft gestopt.

(Bron: iphone5winkel.eu)

Getagged , , ,

Reclame review: Hi messaging

Jongeren zijn eigenlijk altijd met elkaar verbonden. Dankzij Facebook, Hyves, Twitter, Foursquare en WhatsApp is onbereikbaar zijn not done. In de commercial zien we twee vrienden die in paniek met een noodvaart door een stad rennen. Over muren en auto’s. Op weg naar het huis van een vriend waar vermoedelijk iets verschrikkelijks mee is gebeurd. Want waarom zou hij anders al 12 seconden niet reageren op tweets, sms-jes, Facebook en WhatsApp berichten?

 

Lees meer over de doelstelling, de uitwerking en last but not least het oordeel over deze reclame spot hier.

Bron: marketingfacts.nl

Getagged , , , ,

Mobile Technology 2011

Er wordt wel eens gezegd dat een foto meer zegt dan duizend woorden. Moet je nagaan hoeveel informatie je aan bezoekers van je website kan overdragen met behulp van video! Audiovisuele content is dan ook een belangrijke troef geworden van veel ondernemers en bloggers op internet. Zo zijn er op Youtube duizenden leden met een succesvolle account waar wekelijks duizenden mensen naar kijken. Daarom ook hier een filmpje.

Getagged , , , ,