background preloader

Designing for iPad: Reality Check

Designing for iPad: Reality Check
by Oliver Reichenstein Over the last two months we have been working on several iPad projects: two news applications, a social network, and a word processor. We worked on iPad projects without ever having touched an iPad. One client asked us to “start working on that tablet thing” even before we knew whether the iPad was real. Even though we developed everything inside the black box of Photoshop, it became quite clear that iPad application design is substantially different from web design in many ways. 1. The obvious issue with the resolution gap is typography. Is the font big enough? …we had no choice but to print out 1:1 scale mockups. Reality check: Wow, this thing is sharp! After two months of printing, we did get the typography pretty much right, but there was another surprise waiting for us: The sharpness. Web body text sizes (14-16px) feel too small on iPad, while bigger sizes clash with the canvas dimensions. Backgrounds and the delicate sound of noise 2. Using metaphors 3. Related:  iPad what's change and doesn't change?

The iPad needs its HyperCard (Note: With the iPad scheduled to arrive this week, we reached out to a number of folks across a variety of industries to get their take on the device and the changes it may usher in. We’ll be featuring these pieces over the next few weeks. — Mac) Dale Dougherty, editor and publisher of MAKE: When I think about opportunities around the iPad, I recall the CD-ROM market of the late 1980s. My favorite CD-ROM product, which I thought held such promise as a landmark approach to multimedia, was Beethoven’s 9th Symphony by Robert Winter, a UCLA music professor. The CD-ROM market also consisted of “productivity” titles from Broderbund such as Family Tree Maker and Print Shop. The market for CD-ROMs collapsed because the distribution channel for boxed software went away, and the web became the primary means for users to find entertainment, games and productivity apps. What’s missing today is HyperCard, or an equivalent tool that can be used to create a new wave of applications for the iPad.

What the iPad is Missing (No, it’s not a Camera) I’m not an iPad naysayer. I forked over $700 on the first day of pre-ordering and my iPad hasn’t left my side, day or night, since it arrived on Monday. I’m with those who see the device and its new approach to computing as an exciting step forward, especially for media delivery. Yet it’s exactly that part of media consumption, reading , that reveals what’s missing on the iPad: good typography. Signs that type took a backseat in the iPad’s development were clear back in January when Steve Jobs demoed the device, revealing just four uninspired and uninformed font options in iBooks. Disappointing, but not surprising. The string of odd missteps began with the release of Mac OS X. A lack of Lucida italic could be considered a mild irritant, but Apple’s typographic neglect in OS X ran deeper. Then came the iPhone, its fantastic display with a high pixel-density enabled legible type at small sizes. The iPad represents a new opportunity to reverse this trend. 1. 2. 3. 4. 5. 6. 7. 8.

Usability Testing Tool Review: Usabilla We’re seeing a boom period in the development of new tools for usability testing, which is a great trend that foretells better web experiences in the coming years. Today I’m going to look at Usabilla, which my friend Keri Morgret and I used on her site Strike Models, which sells products for building remote controlled battleships. Service description: Usabilla shows screenshots of your choosing to testers and asks them questions which they answer by clicking and/or annotating over the image. You choose what questions to ask from a preset list and/or provide your own. You can provide the screenshots or just input the URL and Usabilla will take the screenshots for you. Usabilla hosts the test (it appears in an overlay). What the service isn’t: Usabilla does not recruit users for you from a panel that they manage. Here’s what the marked up screenshot looked like, with points (circles) and notes (squares). Value of insights obtained: Pretty high in many cases, perhaps 8.5/10. Some examples: 1. 2.

My five commandments for wireframing « Boagworld Design: The estimated time to read this article is 5 minutes I am a fundamentalist when it comes to wireframing. Its almost like a religious furore. However, I am not writing this to convince you of the value of wireframing. Thou shall not neglect to wireframeThou shall not wireframe aloneThou shall not be afraidThou shall start with pen and paperThou shall test thy wireframes Let our sermon for the day begin with “Thou shall not neglect to wireframe”. Thou shall not neglect to wireframe From my perspective things start to go wrong when you decide to skip wireframing. This is such a small change it doesn’t need wireframing The client won’t pay for wireframes There isn’t time to wireframe The problem is that these objections simply are not true. Thou shall not wireframe alone Another big danger I have observed in wireframing is what one of our developers calls the ‘chinese whispers effect‘. I believe the best way to overcome this problem is to wireframe as a group. Thou shall not be afraid

À propos de l'iPad Il y a trois semaines, j'ai acheté un iPad pour le bureau. Trois semaines à le faire passer de main en main, à discuter de la chose, de ce qu'on aime ou qu'on déteste... La liste est longue, car le moins que l'on puisse dire, c'est que la machine ne laisse pas indifférent ! Je vais dans un premier temps parler de l'utilisation de l'iPad, et je compte parler des dangers de la politique d'Apple dans un prochain billet, qui risque fort d'être moins flatteur. La première impression de l'iPad est positive pour à peu près tout le monde. Pourtant, sur une longue durée, les sources de frustrations se font nombreuses, et elles rendent très frustrante l'utilisation sérieuse de l'iPad. Aucun doute, la machine fait preuve d'un WOW factor d'autant plus fort que les gens à qui je la montre en ont entendu parler mais n'en ont jamais vu "en vrai". Probablement pas. Conclusion Damien Douani déclare sur Twitter Alors, pour ou contre ? Limitations de l'iPad Les points positifs c'est beau et rapide !

Safari Web Content Guide: Configuring Web Applications A web application is designed to look and behave in a way similar to a native application—for example, it is scaled to fit the entire screen on iOS. You can tailor your web application for Safari on iOS even further, by making it appear like a native application when the user adds it to the Home screen. You do this by using settings for iOS that are ignored by other platforms. For example, you can specify an icon for your web application used to represent it when added to the Home screen on iOS, as described in “Specifying a Webpage Icon for Web Clip.” You can also minimize the Safari on iOS user interface, as described in “Changing the Status Bar Appearance” and “Hiding Safari User Interface Components,” when your web application is launched from the Home screen. These are all optional settings that when added to your web content are ignored by other platforms. Read “Viewport Settings for Web Applications” for how to set the viewport for web applications on iOS.

The Value of Good Design Drawar has published a couple of interesting posts about the importance of design and aesthetics for online businesses last week. The main premise is this: businesses succeed and fail on the web regardless of how well designed their sites are. An ugly website will succeed if their product or service is good, so why bother making something beautiful? Now, Paul Scrivens' position on this is that you should care, and that pushing out something that’s just good enough isn’t what web designers should strive for. I agree. I also think that good design, and good aesthetics for that matter, oftentimes make business sense. It’s not difficult to find examples of businesses with beautiful websites but no traffic. Of course on the other end we have pig ugly websites that are wildly successful. This will vary depending on your product or service, but in many cases it can and will make a difference. The easiest example is of course Apple. Take the case of Facebook. Good design speaks.

Designing for Social Interaction It took both the telephone and the mobile phone 15 years to amass 100 million users, but Facebook did it in 9 months. We see more and more people becoming connected on online social networks, and it seems our networks are growing exponentially. But the reality is, social networks rarely add to our number of connections. We’ve already met almost all the people we’re connected to on social networks. We’re already connected to these people offline. Social networks simply make the connections visible. The average number of friends on Facebook is 130, and many users have many more.2 Yet despite having hundreds of friends, most people on Facebook only interact regularly with 4 to 7 people,3 and for 90% of Facebook users, 20% of their friends account for 70% of all interactions.4 We also see this with phone usage. We also have varied interactions with the people we’re not as close to. We have many diverse relationships with the people in our lives, yet the web doesn’t support this very well.

iPad: ce qu’en pense la soucoupe » Article », digital jo Les médias ont très vite vu dans l'iPad un moyen miraculeux pour sortir du marasme dans lequel ils sont enferrés. C'est pourtant bien loin d'être le cas et beaucoup de travail reste à fournir. Revue des points de vue exprimés sur la soucoupe. Alors que la nouvelle tablette d’Apple sort dans les prochains jours dans l’hexagone et un peu partout dans le monde, la soucoupe a décidé de fouiller dans ses archives et d’en exhumer les avis, réactions et analyses de ses auteurs à propos de l’iPad. Avec un même message: si l’objet est fascinant et innovant, le chemin vers la révolution annoncée est encore long et plein d’embûches. Dès l’annonce de son lancement, on attendait – peut-être à tort – un produit fondamentalement nouveau et révolutionnaire. L’iPad est le chainon manquant entre l’iPhone et le MacBook. Damien Douani Les patrons de presse ont immédiatement vu dans la tablette le salut tant attendu qui allait leur permettre de monétiser leur contenu en ligne. Emgenius Benoît Raphaël J.

Si vous n'avez qu'un seul article lire sur les enjeux de la conception sur iPad (notamment par rapport aux textes), c'est celui-ci ! by beolive May 2