# Design for platforms

> Learn how to design products that stay usable and consistent across different platforms, screen sizes and input methods.

Source: https://uxspot.io/design-platforms

<section id="differentplaforms">
<h2>Design for different platforms</h2>
<p>There is a big difference in the amount of time users spend on mobile phones compared to desktop computers. The average mobile session lasts 72 seconds, while the average desktop session is 150 seconds, more than twice as long. Why is this important? Because it shows us that people use different devices in different ways.</p>
<p> Mobile users are more goal-oriented and focused on completing a single task. On mobile phones, gestures like tapping and swiping help users move around the screen. Try it out for yourself. The next time you use a mobile phone, think about your own behaviors.</p>
<br>
<div id="responsiveness">
<p><strong>Responsiveness</strong> Responsive web design allows a website to change automatically depending on the size of the device.</p>
</div>
<div id="cta">
<p><strong>Call-to-action buttons should be placed front and center</strong> so the user can easily complete the desired task, such as joining an email list or adding an item to their cart.</p>
</div>
<div id="navigation">
<p><strong>Navigation menus should be short and simple.</strong> We want to simplify the user experience on mobile. Therefore, menu options should highlight only the core features of the product.</p>
</div>
<div id="gestures">
<p><strong>Use gestures that users already use, such as taps and swipes.</strong> The gestures should be intuitive and familiar to users.</p>
</div>
<div id="orientation">
<p><strong>Design for both directions a phone can be held.</strong> We need to consider the vertical portrait view of a phone and the horizontal landscape view. We want users to have an effective experience no matter how they hold their
phone. Fifth, reduce visual clutter. Mobile phones have smaller screens, so it's important to keep the visual experience simple.</p>
</div>
<p class="blockquote">Users behave differently depending on their device. UX designers help make this transition as seamless as possible.</p>
<ul>
<span>keywords</span>
<li>#responsiveness</li>
<li>#ctas</li>
<li>#navigation</li>
<li>#gestures</li>
<li>#orientation</li>
</ul>
</section>