CategoryMobile

September 3, 2018 — The 2017 holiday season proved — once again — that e-commerce has become a major part of consumers’ shopping habits. This guide will take a closer look at the role mobile websites played in sales from that time period and how to use that data to prepare your website for the 2018 holiday season. Suzanne Scacca is going to give you a quick rundown of what happened during the 2017 holiday sales season and, in particular, what role mobile played in it. Read more…

August 28, 2018 — Users can be hesitant to fill out forms. That is why it is our goal as designers to make the process of filling out a form as easy as possible. The primary goal with every form is completion. Two factors have a major impact on completion rate: Perception of complexity and Interaction cost. In this article, Nick shares some techniques that can help you design effective forms. He will help you cover many aspects related to structure, input fields, labels, action buttons and validation. Read more…

August 27, 2018 — This is the second part in a series on enhancing mobile forms for users. In the first part, we saw some general guidelines on how to improve form readability for mobile users, label placement and size, interaction cost and dealing with errors. HTML5 has brought us a lot of really cool features to help users fill in mobile forms and format their data, so today, Stéphanie Walter will show you in detail how HTML5 attributes can help you with that. Read more…

August 20, 2018 — Do you test your forms on real users and real devices? If not, you should. Let’s take a look at some of the techniques that can help you take your forms to the next level and help users fill them in. In this first part of a series of two articles, Stéphanie Walter will sum up some essential best practices to improve your mobile forms, including scannability and readability. She will guide you through label and input placement, size and optimization. Read more…

August 17, 2018 — In Google’s never-ending journey to make the web a mobile-friendly place, we now have even greater insights into the four key reasons why consumers reach for their mobile devices. These are known as micro-moments, and this post aims to teach you how to design for micro-moments to increase website conversion rates. Read more…

June 28, 2018 — With mobile traffic increasing on local business websites, web developers and designers are now tasked with a new responsibility. It’s no longer enough for websites to rank well — they need to rank well in local search results, too. As mobile users demand more information about local businesses, your websites need to be creative in how that data is served to them in search and through design. You can use these seven mobile design strategies to do so. In this article, Suzanne Scacca is going to show you how to use mobile web design to improve local search ranking. Read more…

June 21, 2018 — Flutter makes building cross-platform mobile applications a breeze. It allows high-performance, beautiful applications to be built for iOS and Android from a single code base. It is also the development platform for Google’s upcoming Fuchsia operating system. In this article, Mike Bluestein introduces Flutter, compares it to other mobile development platforms, and shows how to use it to get started building apps. Read more…

June 1, 2018 — In terms of how to handle typography in mobile web design, it appears that simpler and safer works best. In this article, Suzanne Scacca will break down the elements you need to pay attention to in mobile typography and then visit what the research says about how to handle them. She will give you a brief summary of what it is we know about typography in web design, and then see what UX experts and tests have been able to reveal about using typography for mobile. Read more…

May 11, 2018 — WordPress can work as an excellent back-end platform for your next native app, especially if it is content-driven or an online shop. In this article, Muhammad Mushin will show you the foundations for building mobile apps with React Native and WordPress. You will learn how to build an e-commerce application for iOS and Android using the WooCommerce platform as your backend. This would be an ideal starting point for anyone willing to get into native cross-platform development. Read more…

April 26, 2018 — Not sure how to remove the code debt that bloats and weighs down your site? In this article, Jon Raasch will show you the quantitative benefits of optimizing page speed. This guide will give you the tools you need to convince others. Here are specific ways mobile performance impacts your site and page speed results. It’s time to change our mindset. Read more…