A “Comprehensive” Guide to Mobile Statistics « Cloud Four A “Comprehensive” Guide to Mobile Statistics Table of Contents Introduction At least once a week, I see people arguing over mobile statistics. The arguments go something like this: iPhone fan: Apple is totally kicking ass. Typically, the people arguing aren’t even talking about the same thing. There are two things you need to know in order to effectively use statistics on mobile: What statistics are available and where to find them.What question about mobile that you’re seeking to answer. Until you understand these two things, you can’t use mobile stats to inform your decisions. How the sources were selected When you have the audacity to call something a “comprehensive guide,” you know the moment you hit the publish button that someone is going to point out something you’ve missed. My bias is for finding free or inexpensive sources of data. Types of Statistics Available Sales market share Sales market share is the most common statistic used to track the current trends in the mobile market.
Chapter 6, The Design Process The Traditional Design Process Before delving into design principles for the web, let's look at the traditional design process which I was taught in school–still the standard in use today by the graphic design industry. The Traditional Design Process 1. The brief is comprised of a couple of documents: The client brief is what the client gives you. The creative brief is a document produced by a designer in response to the client brief. It may involve deciding where on a page to place an element, (such as a heading or image), how much emphasis should be given to that element, and how to emphasise it. 2. Research is vital to the success of any design solution. Insights to help generate ideas for the design. Designers don't need to be involved in the actual research, but they do need access to the results. 3. The designers get to work. 4. The designers then spend time amending the design to reflect the changes or problems highlighted by the client–sometimes endlessly. 5. 1. 2. 3. 4. Lo Fi
New Study Shows the Mobile Web Will Rule by 2015 [STATS] In a dense, 87-page report, Morgan Stanley analysts have charted the most important online trends and predicted the future of the Internet. In addition to forecasting more online shopping and showing the geographical distribution of Internet users, the study also shows a dramatic shift toward mobile web use. Including devices such as the Kindle, the iPhone and other smartphones, web-enabled tablets, GPS systems, video games and wireless home appliances, the growth of the mobile web has been exponential — and we're still just at the beginning of this cycle. The mobile wealth creation/destruction cycle is in its earliest stages. And speaking of coverage, global 3G penetration is expected to hit 21% this year. Finally, mobile e-commerce is ramping up faster than online e-commerce, now making up 4% of total retail sales. Notes on the Social Web Social network use has already eclipsed e-mail use. In the past three years, two sites have gained a huge amount of mindshare around the world.
CSS Cascading Style Sheets (CSS) is a stylesheet language used to describe the presentation of a document written in HTML or XML (including XML dialects such as SVG, MathML or XHTML). CSS describes how elements should be rendered on screen, on paper, in speech, or on other media. CSS is among the core languages of the open web and is standardized across web browsers according to W3C specifications. Previously, the development of various parts of CSS specification was done synchronously, which allowed the versioning of the latest recommendations. You might have heard about CSS1, CSS2.1, or even CSS3. There will never be a CSS3 or a CSS4; rather, everything is now just "CSS" with individual CSS modules having version numbers. After CSS 2.1, the scope of the specification increased significantly and the progress on different CSS modules started to differ so much, that it became more effective to develop and release recommendations separately per module.
Luke Wroblewski – Designing Mobile Web Experiences Podcast: Play in new window | Download (Duration: 28:32 — 15.1MB) The surge in mobile technology is incredible. Manufacturers ship over a million touchscreen phones every day. These devices allow people to interact with the web in new ways. Luke Wroblewski, the former Chief Design Architect for Yahoo! Here’s an excerpt from the podcast. “… I think we’re still really in the beginning stages of this stuff. Tune in to the podcast to hear Luke cover these additional points: How does direct manipulation affect user interaction? Luke is also one of the Masters joining us for the 2011 Web App Masters Tour. UIE Web App Masters Tour: Get $100 off the Minneapolis Masters Tour with the promotion code BLOG.
How Did We Get Here? You are here: Home Dive Into HTML5 Diving In Recently, I stumbled across a quote from a Mozilla developer about the tension inherent in creating standards: Implementations and specifications have to do a delicate dance together. Keep this quote in the back of your mind, and let me explain how HTML5 came to be. MIME types This book is about HTML5, not previous versions of HTML, and not any version of XHTML. Every time your web browser requests a page, the web server sends “headers” before it sends the actual page markup. Content-Type: text/html “text/html” is called the “content type” or “MIME type” of the page. Of course, reality is more complicated than that. Tuck that under your hat. A long digression into how standards are made Why do we have an <img> element? One of the great things about standards that are developed “out in the open” is that you can go back in time and answer these kinds of questions. (There are a number of typographical errors in the following quotes. Tony continued:
Enabling IT Applications on Mobile Devices The usability role today is strongly affected by the proliferation of and interest in mobile devices. Every day the demand for mobile devices and applications grows; predictions indicate that within five years, access to the Internet via mobile devices will outpace that of desktop PCs. Companies are responding to (and helping drive) interest in mobile by allocating the resources and funding necessary to create some truly innovative solutions for their customers. But these same companies may find they are behind the times when it comes to mobile-enabling their internal applications. There are significant benefits for staff members who can leverage smartphones and tablets in their day-to-day work, which can translate into real business value for organizations. Challenges Unique to IT Applications Going Mobile The challenges of standard mobile design and development processes are compounded for IT. The Role of the Usability Practitioner Informing a mobile device support strategy Conclusion
How jQuery Works | Learn jQuery This is a basic tutorial, designed to help you get started using jQuery. If you don't have a test page setup yet, start by creating the following HTML page: The src attribute in the <script> element must point to a copy of jQuery. Download a copy of jQuery from the Downloading jQuery page and store the jquery.js file in the same directory as your HTML file. To ensure that their code runs after the browser finishes loading the document, many JavaScript programmers wrap their code in an onload function: Unfortunately, the code doesn't run until all images are finished downloading, including banner ads. For example, inside the ready event, you can add a click handler to the link: Save your HTML file and reload the test page in your browser. For click and most other events, you can prevent the default behavior by calling event.preventDefault() in the event handler: The following example illustrates the click handling code discussed above, embedded directly in the HTML <body>.
Should mobiles and tablets influence your web design? If designers thought they had it bad having to deal with multiple browsers, the past several years have made it clear: IE6 is a walk in the park. Today, thanks to the rise of smart phones and tablets, designers are tasked with designing across a wide range of devices, many with different form factors, platform capabilities and hardware profiles. The future is mobile, so not surprisingly, when it comes to building sites designed for mobile and tablet devices, many companies think of their web experience and mobile/tablet experience as separate entities. That can be painful and costly, but a result of this could be that companies gain insights that allow them to improve the experiences they create for their users and customers. Scrivens went on to suggest that the simple, cleaner HTML5 version of the FT website served up to smart phone and tablet users is the likely cause of the pageview disparity: On the HTML5 version you are guided down the content gently. Wither complex grid layouts?
30 Beautiful Clean and Simple Web Designs for Inspiration Beautiful typography, strategic use of colors and graphics, and obstruction-free aesthetics devoid of visual clutter are a few of the characteristics shared among web designs that are clean and simple. In this collection, you’ll discover a few excellent web designs that are clean, simple and elegant. Here are related collections you should also check out: 1. Nizo 2. 4. 6. 7. 8. 9. 10. 11. 12. 13. 14. 15. 8 Faces 17. 18. 19. 37signals 20. 21. 22. 23. 24. 25. 26. enjoythis 27. co: collective 28. 29. 3Degrees 30. Related Content About the Author Jacob Gube is the Founder and Chief Editor of Six Revisions.
9 Tips for Optimizing Your Website for Mobile Users Is your website meeting the needs of on-the-go mobile users? When you’re developing your first mobile site, you may be at a loss. That’s understandable—a mobile website is an entirely different animal from a traditional website. Given that, it’s important to keep some best practices in mind as you develop your mobile presence. What follows are 9 best practices you can use to ensure your mobile site is as good as it can be. About Mobile Users But before we dive into the 9 best practices, it’s important to keep one thing in mind—the person viewing your site is mobile. That may seem like a no-brainer, but you’d be surprised by how many people forget that simple truth. When someone is mobile, they’re expecting an entirely different experience from the one they’ll get on your standard website. For example, a mobile visitor is typically looking for a few key pieces of information: directions to your office, a click-to-call phone number or a map of your store locations. #1: Simplify.