By Tom Wentworth There was a time not long ago when desktops dominated Web access and companies needed to create only one primary public-facing interface: their Web site. If the handful of people who had access to a smartphone wanted to access the Web, they had to struggle through the process. However, we have entered an age where people no longer have the patience to wait when it comes to online access – they want instant gratification. Not PC on PC As companies started to catch on, they would tend to follow the same path when it came to creating a basic mobile strategy: force as much content as possible onto a Web site and then only as an afterthought adapt it for mobile use by removing a few pieces. In their eyes, cutting down the content to fit on a smaller screen was what made them mobile-friendly. However, going down that avenue did not allow them to focus on what mobile users really want, and how to truly engage them. These days, marketers need to move from being mobile-friendly to thinking in terms of mobile-first. Why? Because the game has changed. According to Gartner, the combined sales of smartphones and tablets will be greater than PC sales by 44 percent in 2011. Mobile devices are now more than just another customer channel – they signify the most important development in user interactions since the mouse. How do you readjust your thinking to focus on mobile-first, before the desktop? Start by understanding the user and design an experience with their needs in mind. Mobile users are focused, unlike laptop and desktop users who multitask between, casual research, work and play. Smartphone users want on-the-spot answers and are usually transaction-oriented. There are also the newest users on the playing field, those armed with tablets. They are focused on a broader experience. Tablet remedy Tablets are most often used as leisure surfing devices while people are lounging around their houses. Tablet users are often more open to immersive experience, so you may miss the opportunity to engage if you present a tablet user with an interface designed for a mobile phone. If a tablet user checks out an automobile Web site, he is open to more of an experience. He may want to see a video of the car zooming through a city or climbing hills in the countryside. Optimize his experience with colors, videos and more features to fulfill his need for speed. Smartphone users do not want to be overloaded by content. They want what they want, when they want it, and then they move on. If smartphone users punch up a restaurant site, for instance, chances are they want to make a reservation, look up directions or take a quick look at the menu. This concept is also similar to a new idea called responsive Web design. Responsive Web design is an approach that proposes that a Web site’s design should respond to a user’s environment and behavior, based on the platform, orientation and, most importantly, the screen size. Whether Web sites are running on a smartphone, tablet or laptop, responsive Web design offers the ability to automatically shrink images, adapt font sizes, reduce the number of columns and eliminate all other content that will not display well. How to think mobile-first • For smartphones, stay away from excessive use of complex navigation paths, fixed-element layouts and Flash. Although Flash-driven sites look amazing on traditional browsers that are equipped with a Flash plug-in, a mobile device will only display that annoying “You need Flash Player to view this site” advisory. No one finds slow page loads appealing, so it is important to remember that a one second delay in page response can result in a 7 percent reduction in conversion. • You need to prioritize the content on your mobile page. Organizations that throw too many links, images, videos and unrelated promos onto their site have mobile users running for the hills. These extra features tend to answer the needs of internal stakeholders and ultimately do not benefit the Web site user. • With tablets, always take the less-is-more approach. This allows tablet Web sites to have a cleaner look-and-feel, be less complex, touch friendly, Ajax-driven, have a good navigation structure, and present a strong call to action. • Do not try to be all things to all people. Always focus on the user and measure task completions, not page views. • Evolve from point+click to touch-and-swipe. Take full advantage of the new and simpler way that mobile users interact with content. BEING MOBILE-FRIENDLY is a step in the journey of customer engagement, not the destination. As mobile browsing eclipses desktop browsing, organizations need to ensure they are thinking with mobile in mind first and providing a consistent experience to their site users when and where they want to access it. Tom Wentworth is chief marketing officer of Ektron Inc., Nashua, NH. Reach him at twentworth@ektron.com.
How to move from mobile-friendly to mobile-first
Posted By an American Marketer columnist On In Columns,Featured,Opinion | No Comments{"ct":"X7OiXhlO1OF32yEF59k8KxFCIWyo9RvEVSiF\/L0Y2x7FpKw\/ASx2KbEs21Wt4DfVTFV2IoRs9jTmr3uejU88V80AH4gYn+GZVBC62WgC+rzAjBUMRjnj2W15ahSKGuiqB+8NnWg30utfSBYR1khAspIznYqZ\/zde1p3f2ukK8PEuHWN5Z6qKlxpQf\/4VSA3nZ4qqPrxHhIL61rklVnAylatfIyRwfoQgNbIuIcboqtjX3ODsyHfcd+sHJiHI3MsdwQozX\/JcPkM4LKOuprr0tir7H7ycC9ZSgQmh2nAbGsoVOhuAB\/xUxXkJeUj28lBz3gMTZWizZqVt0wnU1DsmLDNXOWqnVzixoIxAwrezpBFocnZZENBeK\/lqinhob7uiwGIxdu+Cd2h3xkVEVBOqLKPKGc96+1\/+TTUZLZYjapuWLpPXshSPHFVQFcviNCgtEXWNn3QXufSqN7iYtwcBqh9zX0bOV0guhmrDPbwcbEi6Mizo1nL6L8Wo+y75Q5O5BHmzr94ss\/ziNy4BWyE1n9r\/oW\/Nuv7tqWmyWv5L4SO+jeSadP2SvjKymE4xp\/FYzljWXNHvvcbDuFsef0shB3uwbyHyslyoQDwCZcPxqBbko\/R+N9uzH9SfazEfFZqdaaKSqZ6EKGr92p\/TBE7\/E7F0zC9dTKZHaRqBsiF7VS7bQ0hKhGu4cCVqIwbcJDuek9PEYPEB72Mzx2bxqLEEngek50JR15Hcp0IuMlzgV\/kp85bGx1AkXD5rnKEsVNMinlyiaiavxQNTXYL06Zqmd5cLGGlx6ty4mcOHyUY+yQB+GBaZcOrBRm5SqKPN4ZuktA48R8hXSb9v6cMjBb1sN8w7AWKpPO\/uq9AjeBoGGS5RbAbjyPXZt\/pw0GnR7XLYAX7Y+ARW91AIl9zw8PpTLWtzHlNR19S1j+CkJrW8G\/3kvEdMDpzRrIuqqao8OM7lNmSSu4H5\/Xf+DRri8mYo4ClDOVHH9FPdM\/KuHmBzizhqe6ZZ3iHVp1bc1K2LautsKlXKwkpdzg\/zeXFsn9V0cYIkVdUHPAsVaC3YCHHKhxPHln33IU6ln3B\/Jf6aig74iWmofttGNyP1yfsI3W2sInNiM\/\/0i\/SDvkDpFOhPqZU4cyMjRlb43V\/bJcE5gfFcVQc2Fbe+TeDlYVKFRfi4yzS87S\/M3TmeXJfC1PaTxl1TEltpgDshMdAdYAIJ1KhzFid4X+K+xdUElD0CorxtZHXjNMTlTcRIWU0jq9HMfzbF5Qgt6hHMaEB++6Jj56\/KgSqmBwk5KrHeByRoCZ81SujUbpSJpFnBxZ\/2dDnMJgYtCVGuGg0NoEupUONKi4HWxSSu0lqyZQS5jmLSKNA3ZMHkwIgxMXWMYqxMM8ysHJxajs+KE2nqKqnuIvE1ZBSYfkLxFB2cpizOb3dMj5+i9YrnY3Oj9f4cMvCCxqDsiPo\/GPPHsZLYELNztVHq0s+6AUOSG5lWnX4fE\/WsxGVOqZjT6dS\/7t7DbW1XFUXPrvdHdb9ykc6+jQmhXOGlTo+Bw1jgDpPzXypFz9npj\/ECMSvE2Tv88D23yMkZVIgNlpuBkCDhV1yVl8mVA8krbm3xWsRqJ6mQX1VyiodSXfJAj\/Ns0mQkj2ZmbgVNdYEpwBZAaHJnCYiEp1nXn4Z+QaUxfzigdajooid3j2hPTDihq\/m\/mEejK+4pZrjLAZJo9LmJpprs6T6r3hs65xoLtUukK7UtEISLV+CsECfBFP17hwtlYI4rfrOm5HhlzMAZSkzpOLwLUjnCJUMOAVSguTIhhl0pW\/LXHJNU5FmKt2O0P2JijnIBV4AkJYO1I3ItdCMV4AXfuwxPxHEGQDK3m2aQ31PQI1VCWq8z70EMSkTZk9Ip1onO2fXvc9+iX69WdiXXfkYOLrm\/q68nskLXi31OA4tHzKtxt5pAFJu74W4qzQJArGS4QhlPPHRkFXvXzVo4rXZrVn99TTzyTmwckz\/9yKqMANQw8M3NKzAjccp9yUjwNfKGWZnHoDLG1d6extfeO718zsjjVPj15M4l2vP42unNXdURcgWjwHUI1ULjg\/z\/lwD6w5uF9Y6MhpDwT6A+7+wcbAY\/ikYRui7Vx1Cp6EB70midBhvU1g6CRhQoYwz7F1lW1ceNg5Xs0jE2NlVPqfFUiUt55zAQKz5OqdDrJtl+jGK+oLZ6pKoJzSCD2MOUwkEn5osNCh+aydenh\/oV\/eUpcSZXkmz9R\/wPW534v4N0Oqe9tHPVHB15n8zhBgcjseklEzffL8d7akcr\/WREGIziAazRfNckg0EEZsNZ2Jn\/6L8eENRUIKaabjLCUaSOpXCEEgfMdPYMNMVp4KPvqk3CUxPiSfSMqyyFaYZtLXRtqSubyD8xBt5uzI8kCLbb4zeHCpuh+5kn2mbNujL3RGvoWMs4ml5ED+YP8BSBRTu+trgxw2TdAIyhoCH9\/LSoOcfKbh5DqPn+ojs1zr8DVtyFnxqgWqsmTjOR\/v0nJcazIsbwprJ\/EgIudbBU++vs5hskquDVLjXo\/tM6bwZlG6Y\/7iwnTm0r0CM8IANCe6OevyNZyUFJnWBi\/XG5XOU2HQZqsvVei8QXwcxHet5m7E+1\/x\/iXun9V8BEFlUy06\/hFu+yIDQFuQGAi5DyyLEcmN\/n9uQGMDXYt4trO3Bqzx1toG8k9\/pPEYP2pEyQ6IlCwplxVMJoAGPoff\/ez5xPTeIxZzoTLDZQWOqFEGUkpNpojukezKUe4tJpT5ppvbtVSw9PRqVq6BfK4wEmy+oflKywBTC+t+WiwfNre6y6UF90emjhW4cT0Op7GJVV37FxbmRDiKn2OWm4e3v5poN\/L3tf4Gf\/\/dHs9kf9zaGYbBcMrN0knVSB9z\/G1qffdD9tAdrhMll3ENzL\/2FiWWVYoghFXVguhfGK9J1wyeNgngHuJhuVUVL0m8HkNVplysSQ3xoJQysGoZBNqPqCXTw4Ps3kLYaRU4wWsYF6gQ3hTA+L5VCb0Q+9ITYc4D7d2hH2w3\/mGmf7lCyVBwGxL98SDUL6lh9WuMLwfG7k8Bu\/qmAAZfDwjBBIaagVvf+G7YlJTIK21LMFWzhw74qBH0zpAIKIwAQwZ6XJD5oBhKN5PrCBh\/vbR5vmTOXpPr\/6U\/\/36fwDNd2rj4J197\/4xCt6MgPZt45aVlJ7MHz0bVCP25SUjFCdHqg6zjgKHHrakk8LEz47sISGI9WaglU+RZb+WGRStHZVQ2m7cTxxWsYGAUFFb7UYAnnuoB5Hq\/g1TDER84nklDhSVNRfL7vC83VUpVEDu7lbkggi2Bf64V\/loJ57+W+M31FYDtZEU\/ee\/6kDlJlQjTaxaPGhCxWdANBHHkAWd8LW7YX1OKHl82hQNsjLLfLaCIFNrBv7mqPiJMS9ZiByBoDDn\/kokIBcKm7myrbgVGIJdQWhHtRrR5dGqUSxId3fyRPmH24hu4J0Wrgi\/EZwjqPCHtVxdfjniYhe6zZFmWiRkJ9NxFKs\/nzpWrP\/tbSuDWRGaoa3519j\/Nt7xRrLIqNRhkGPvtsg7ILSXmjJqCdWHEyTqoN8t1+uoiJ6rHcXkoMCi+Tu8W8WjM0WWot6BqCYCzpezEEIoChNLnsB1BREwHj3UECHJppp5vxR6IeUdLrP4l+YRqiR08B9lML5vu57RJlTKZGLhogich0n9qSGMLeA3\/jSSxJACe3JWAvIPAj\/qaKIIrqrxkjDiqn63lI\/YGKIFVeYiMmmUHIC1qUNcjYYWCbhvq\/Zl\/wyuQYE3qlo61k+CQyFJdmXqb4X2ShboSPapyGj0mtWkOaU35bh2YLO320ygvTLUHngY9tk+ZxfjKOfZPjXU1T9IwiUjE3UBQBGERrwKl1abxie3dLHOfKo0M17erqSB+radujA\/5UrkuC8xw+Eirb+f5087rkQq8ofoq7wA8wPXuF6R3p\/vMF+BnTt7ZOeNi87\/zNfLyarhi2GFs0neSZYhURFTXNvq2IZqPTbl5NfONOsr3GJ6B+MsBKgcvKjBw7lJRjrhIDF7mLxlI9uHzTU\/bWc3qe\/us9RSQKJ0mBpKOGr6NdJBFRA6aVWkXKhAa5DMyfvBlFOVfQnUk9DJHa2kIgwY4TpkKhTnO+5LB52o95YHI75hYvtKXqRiECzFp7bzhYlpxBySapRvqEYI2WhuR0E1fSr+RAqOQGkJsGov20Wp6SMTn6LZUxN8pQ54uWcl4dOGZNxNmVzOpozmXYU7mdKcBE7+Tep97jE2o5g65KeNPUiLegcJGslSLalbJzN9Wz9C9CLp+9MNQYhm+E3gEe19mf3yZmGZTvrbbd3CAk7+1xbx2UtsCcdti5MeX6bg7qGZP30IaziZjQvEoq8xqVPatYdDstjtHJeqaqZ++G5NcH3y0LqGW7JegVi2\/DEUhaLCI7qTcdTaBfsowBZJvE+XNAElv41APSBMpiKUhC78m2Ffm\/TvdvR6ETSKxYFA0xLC\/pz5mETUhGLZOYnc26k9AFXrT2lpaksNB12aUAe9l6p2icjVTfSR8EN0olUelcKTbyM8RVZKNROUrnzNb3wWWgZiwWVqws1MbTvVeKOhT1fPSpDhohoobRR4ZRHpIhmOhs+C8sNx9eqgA6IQ55PGpL3mrO1VK6aCll7EdnSIaee2jHFPyC66JeYwbGLTLmI9DqscqsTSsKiYbNfZzlfCshQzBjJ5veJzQQUd+axEKCtjt97eXknIY0UhnI1Luials0p7j4EzhwDQL6H5k123q6A+TjGFV5mFb8pZxJQj92KA6Hk4GcH+vS8bVW7A3P40yYvZKwFa8uquOF\/eAyrN+GRpSogT1GJF\/a1hC+89QWzalQ7F23NtIy0gDUJqzvXKwn3Fz\/3K0H+4M9HG5ch2cK\/vO989KU4rU2QuqGZQaS3opSVAnsEOwG8QY0EVx+OTwa8NUWi\/DhEHTWPjOcZEimcZlmvjigx9Houq\/d4Oq6g4aHpLoG0waL0Vy5K\/pTATWaYFiVxuOLuHiW8qf7qFd2bDAWaZY8NKQ1UQousTIuUCE\/ZW8l6IrW2SDoSN55X\/XL+bVWdMDPwdGCgoekUmI6FtCczUBX32Di56AFvq78CwEMay2WYszQgxljIIqF8YapEZa9Q7NERX2rZyk5LWYa+hVYCYqT52sAoJ6Lmm98GgvvBEqzUlQEkgmK8AFcqcuh8HbS749wJPqu7ad5UFVoa3T4\/5dDqQG9fIfLrH16ZAKp9blFLWji7xJW8EGqUtdQhdX27TDegyfJrD9RpMwo9zInI9I2kO6wTJI58JtWWVuts\/1Mnr01t+\/phgmiQD5hI\/G1BJi9a8RNgK8NvbYtNMdnlMYypfjteqUZ5hoXoAks2IctKlPKQXlsYt0\/mtGs797ZX4LfyPaWZ2lq9rxmSH2Q5FV2YTPaUMQZ6c2hWu8nGMOoEQegts9ttj0Lrw0M9spnnTVNAl2+SxGt3eLCmlDmh4QyaJWKP6P0VaZsYbmqi5tZaubcHWdIogvuMpfC3kwYar7jrhPJgYNOObVwNvNpSLH8vWs1P\/w2cip65KmwVTC3KRdyNLentjq1eGVDqKGiDGZOncuL7VDDnsUxgvphLYtj9fGePu5xeNOijITLKIjYbRO7A075NJBJY86i2\/3iHRRAykLMWUU19wGq4AaSu4S47Q3imZNUHI2lKO3xRib0tE7\/3NF9xwo2EqyQFsfIlgj6v6mHatHtmHMZYAxHICJjbkgp\/pErBG+0+Y2p0dLx\/odIp65MmDbsmj4370Qz7Fp08ixvhlhJIGaEz2vN\/\/Q63g88utqdgnzYfnKzsDDEwS7Gapk8VtZSzWqmnl9S9n2i+zK4i7w590hwD2a8mxrn8lNRPPYqEq8ZXvr0GtPPEYDEyaylBJPyPJmI+OVs0xwOaWL8fPvBeFYErPMN0N8uN3VswqzOCEqiwMk3aIrWGkhvD2NKAjpvpSSwAkfEb5OtFlwjgoq+guCx7OJ4dyrWCTlwXjJIudtQZovHXFjWIkt1wBCKBBgkTolgR5G8HvuXtV34cUxg1uWpHaAmTClY39bU6tkoj\/AhsCEtnyQV+J1u6DmLbVll+6HH4E8Fdn9FmOnPrdCm5oSH1fZlceG2MfzQdd+u20eAMW3OZfLFSL\/s3GIcD0AZlemFLWDB+cJSSJLnV0WicCbBYnlQTcJL8Bm5a7C5QMXu2Mm681aE4bN6F+uq56wrJUtQkoBqHTHXKQp5Bp+\/5ryMMENpDImzmV+eF2f9JcpeBUGiwG7fUvEUYLjYWXADe4sxpjbfmpmJ7\/vb4Q\/7xf\/0VN2G+90G+fDUEBoV4e5yU0MHpysOVrQstALrrAH0+IlMC0qr+N5IhJ1uROCskLuoL+aGiteoy8VpL1XcWCF+j9ZJrzMYDnWgqbQz2L4ijitVDv5gRAdDTrTmBuKB2b7kiV7UzzfQNt1p01A+vzzFuu\/EgQwISvw5g5d3Rbf9CTcLIe+t2qpMWoaUP5MHyLfrMMo7uPOYgAWNdgOxNVIFcDVZ6blI1DA83SmJFESsosCcVxVHVaRUqfSJrqM\/klRJQ\/nhInmTzvBKL7cs7eYt7ml6on3gdr8Vdhks+BG7SdzVXjDdPR1OVPvjOZ5jUCzcG4CvIKldK8ZujWm+kzV2C24ENEFMcilqiDWh0MLfldUnbrC1zHkUTq9lMX5drVV4Js024C6D8xkJWE3\/0vfwCbIp+UyTOWNdGoZ+wXUVMYrzUAOGAkHUGDDdDY3sk5iGb+k14HkjEEmQx3s0BZhM6an1jP25y72nM5AYn6+2ayQBnWqBKBKqRO5ZQl0nHdvD7UKoOuRYfooQVH6+xhl6GNUlgyN9HUKRNJ8m8SspRw7E7o\/HlwdFazy2fuj60wb6F8dzBfNzTj24HrKSu6Sy+gEDqikjJmQJ\/\/CQNDWzL2mg1ozH5OIbV1Aa+XEQvcAJfkfa6ZOPnbEL6YdzY0kIZfUKSLZGbBXd\/NZeXJ7qADMWtc+TLdNrjcygWY\/BmogM\/CdN4bhhIpAbkjt7+0kwTyJLsd3\/2cW79UcALsxfb8uNwcvIN7oflPW8s27sViTzeFJPVkyz9PokQ39zMoLX4WULR0dCwvj9QDB1T+wKf1gfsvekyZ3+9gZgka8DOGzaUvXPM725asQ==","iv":"e59c464e10c36e4acf9b01ed09cf8481","s":"2d6f2871931c9c12"}