Tips for designers from mobile app developers
<p>I want share some tips to help designers understand better on what are easy and what are hard to do for mobile developers.</p>
<p><img alt="" src="https://miro.medium.com/v2/resize:fit:630/1*mzjXcjDUGtJMh9z9Qz-Xcg.jpeg" style="height:525px; width:700px" /></p>
<p>Photo by <a href="https://unsplash.com/@visualdesign_inspiration?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText" rel="noopener ugc nofollow" target="_blank">Visual Design</a> on <a href="https://unsplash.com/s/photos/mobile-design?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText" rel="noopener ugc nofollow" target="_blank">Unsplash</a></p>
<p>The goal is to help us work together better. The goal is NOT to limit the creativity of the design. After all, developers also want the app to look nice and sleek! But when design meets reality, some compromise has to be made.</p>
<h2>Topics</h2>
<ol>
<li>Basic technical limitations</li>
<li>Use native UI components as much as possible</li>
<li>Always think if loading, empty, and error states are needed</li>
<li>UI adjustments — size class, Figma components, grid system</li>
<li>Miscellaneous</li>
</ol>
<p>Let’s dive in! </p>
<h1>1. Basic technical imitations</h1>
<h2>There is no web view on Apple TV</h2>
<p><img alt="" src="https://miro.medium.com/v2/resize:fit:630/1*zxe7XAYsAoEltXXqqj859Q.jpeg" style="height:583px; width:700px" /></p>
<p>QR code login on Rakuten Viki AppleTV app — <a href="https://support.viki.com/hc/en-us/articles/200762154-How-do-I-log-in-to-Viki-" rel="noopener ugc nofollow" target="_blank">https://support.viki.com/hc/en-us/articles/200762154-How-do-I-log-in-to-Viki-</a></p>
<p>We cannot have clickable link UI that opens a a web page, neither inside or outside the app. Alternatives are showing the URL in plain text or display QR code, which you usually see on login pages.</p>
<p><a href="https://medium.com/swiftblade/tips-for-designers-for-working-with-native-mobile-apps-7a14e32167bd">Visit Now</a></p>