7 UX Tips for Mobile-first Design Blog cover image

medium_7-UX-TIps-Mobile-first-Blog-Cover-800x800.jpeg

small_7-UX-TIps-Mobile-first-Blog-Cover-800x800.jpeg

thumbnail_7-UX-TIps-Mobile-first-Blog-Cover-800x800.jpeg

7-UX-TIps-Mobile-first-Blog-Cover-800x800.jpeg

7 UX Design Tips for Mobile-First Websites

Example of 3 Digital Marketing Campaigns That Worked Blog Cover image

medium_3-Digital-Campaigns-Blog-Cover-800x800.jpeg

small_3-Digital-Campaigns-Blog-Cover-800x800.jpeg

thumbnail_3-Digital-Campaigns-Blog-Cover-800x800.jpeg

3-Digital-Campaigns-Blog-Cover-800x800.jpeg

Three Examples of FMCG Digital Campaigns that Worked

UX trends for 2019 blog cover image small

large_Trends-In-UX-UI-Design-blog-cover-wide.jpeg

medium_Trends-In-UX-UI-Design-blog-cover-wide.jpeg

small_Trends-In-UX-UI-Design-blog-cover-wide.jpeg

thumbnail_Trends-In-UX-UI-Design-blog-cover-wide.jpeg

Trends-In-UX-UI-Design-blog-cover-wide.jpeg

7 UX Trends That Will Shape 2019

7 proven ways to generate new leads fast blog cover image

medium_7-ways-generate-leads-1000x1000-1.jpeg

small_7-ways-generate-leads-1000x1000-1.jpeg

thumbnail_7-ways-generate-leads-1000x1000-1.jpeg

7-ways-generate-leads-1000x1000-1.jpeg

7 Proven Ways To Generate New Leads FAST!

AR apps take foothold in Europe blog cover image

medium_augmented-reality-AR-takes-foothold-in-europe-blog-cover-resized.jpeg

small_augmented-reality-AR-takes-foothold-in-europe-blog-cover-resized.jpeg

thumbnail_augmented-reality-AR-takes-foothold-in-europe-blog-cover-resized.jpeg

augmented-reality-AR-takes-foothold-in-europe-blog-cover-resized.jpeg

Augmented Reality (AR) Apps Take Foothold in Europe

Adapting Your Brand for the Mobile Marketing Blog Cover image

medium_adapting-your-brand-for-the-mobile-market-blog-cover.jpeg

small_adapting-your-brand-for-the-mobile-market-blog-cover.jpeg

thumbnail_adapting-your-brand-for-the-mobile-market-blog-cover.jpeg

adapting-your-brand-for-the-mobile-market-blog-cover.jpeg

Adapting Your Brand for the Mobile Market

SEO-vs-SEM-marketing-strategy-choice-blog-cover-resized.jpeg

medium_SEO-vs-SEM-marketing-strategy-choice-blog-cover-resized.jpeg

small_SEO-vs-SEM-marketing-strategy-choice-blog-cover-resized.jpeg

thumbnail_SEO-vs-SEM-marketing-strategy-choice-blog-cover-resized.jpeg

SEO vs. SEM, what is the best strategy for your company?

Mobile first vs. Responsive Web Development Blog Article Cover

medium_mobile-vs-responsive-blog-landing-cover.jpeg

small_mobile-vs-responsive-blog-landing-cover.jpeg

thumbnail_mobile-vs-responsive-blog-landing-cover.jpeg

mobile-vs-responsive-blog-landing-cover.jpeg

Mobile-First vs. Responsive Web Design: Choose Your Strategy

Essential E-Commerce Platform Guide Blog cover

medium_Essential-eCommerce-Platform-Guide-1000x1000.png

small_Essential-eCommerce-Platform-Guide-1000x1000.png

thumbnail_Essential-eCommerce-Platform-Guide-1000x1000.png

Essential-eCommerce-Platform-Guide-1000x1000.png

Your Essential Guide to The Perfect E-commerce Platform for Your Business

The Power of Remarketing blog cover image

medium_the-power-of-digital-remarketing-1000.jpeg

small_the-power-of-digital-remarketing-1000.jpeg

thumbnail_the-power-of-digital-remarketing-1000.jpeg

the-power-of-digital-remarketing-1000.jpeg

The Power of Remarketing

Core Web Vitals Google May 2021 Update blog cover image

medium_Core-Web-Vitals-Google-May-2021-Algorithm-1000.png

small_Core-Web-Vitals-Google-May-2021-Algorithm-1000.png

thumbnail_Core-Web-Vitals-Google-May-2021-Algorithm-1000.png

Core-Web-Vitals-Google-May-2021-Algorithm-1000.png

Core Web Vitals Critical to Google’s May 2021 Algorithm Update

<p>User-experience (UX) design for mobile websites is a holistic discipline that it encompasses strategy, design and content, and more aligned with industrial design than graphic design or art. At the heart of UX design is the client/user and it is them who will determine the ultimate success of your mobile website. Here are 7 essential UX design tips for your next mobile-first website project:</p><h2>1. Know your Target Audience</h2><p><img src="https://strapi.darwinstaging.com/uploads/user_data_desing_audience_target_c2b6c5dbc5.jpg" alt="user-data-desing-audience-target.jpg" srcset="https://strapi.darwinstaging.com/uploads/thumbnail_user_data_desing_audience_target_c2b6c5dbc5.jpg 245w,https://strapi.darwinstaging.com/uploads/small_user_data_desing_audience_target_c2b6c5dbc5.jpg 500w,https://strapi.darwinstaging.com/uploads/medium_user_data_desing_audience_target_c2b6c5dbc5.jpg 750w,https://strapi.darwinstaging.com/uploads/large_user_data_desing_audience_target_c2b6c5dbc5.jpg 1000w," sizes="100vw"></p><p>Everything starts and ends with your target audience, therefore, do your homework. Never forget, you are designing with the end-user in mind. When you are looking for user data, start by exploring the three following groups:</p><h3>a. The Client</h3><p>When working with a client, interview all the internal key stakeholders as their opinions and insights may diverge.</p><h3>b. The Competition</h3><p>Make a competitive analysis by analysing three competition websites on both smartphone and desktop. Check out what keywords people are using to search for these sites with Google Webmaster Tools.</p><h3>c. The User</h3><p>Make sure you sieve through all available usage data to see who is accessing the existing website (if it exists), when, where, how and what they are doing.</p><h2>2. Keep it Simple</h2><p>Mobile-first design is about keeping your screen layout clean and simple. Each screen needs to convey one concept, a piece of information or call-to-action (CTA). For more complex actions or information, split up your layout while indicating clearly this screen is part of a larger suite of information or a group of actions. Regroup similar information and use white space purposefully.</p><h2>3. Size Matters</h2><p><img src="https://strapi.darwinstaging.com/uploads/design_size_matters_8a07cc7ea2.jpg" alt="design-size-matters.jpg" srcset="https://strapi.darwinstaging.com/uploads/thumbnail_design_size_matters_8a07cc7ea2.jpg 234w,https://strapi.darwinstaging.com/uploads/small_design_size_matters_8a07cc7ea2.jpg 500w,https://strapi.darwinstaging.com/uploads/medium_design_size_matters_8a07cc7ea2.jpg 750w,https://strapi.darwinstaging.com/uploads/large_design_size_matters_8a07cc7ea2.jpg 1000w," sizes="100vw"></p><p>There is a natural tendency to make content smaller for mobile design when in fact it is recommended that fonts and CTA buttons be larger. Have you ever found yourself skipping over large portions of small text on a mobile site because it is too difficult to read? Touchpoints like navigation, buttons and links must be finger size and not obscured by other dynamic areas.</p><h2>4. Speed Matters</h2><p><img src="https://strapi.darwinstaging.com/uploads/speed_mobile_phone_reload_design_28a0737693.jpg" alt="speed-mobile-phone-reload-design.jpg" srcset="https://strapi.darwinstaging.com/uploads/thumbnail_speed_mobile_phone_reload_design_28a0737693.jpg 245w,https://strapi.darwinstaging.com/uploads/small_speed_mobile_phone_reload_design_28a0737693.jpg 500w," sizes="100vw"></p><p>This is killer for many sites and is unforgiving when it comes to repeat usage. The mobile user of today is pretty impatient and will quickly give up on your website if it does not load within seconds. All those beautiful pictures and special effects if not adapted, may prevent a large portion of the population from ever viewing your site. Never compromise on speed however tempting it may seem.</p><h2>5. People are Lazy</h2><p>Generally people like instant gratification without doing too much work; and rightly so, nothing gives us the right to waste their valuable time. Filling out complex forms will frustrate and annoy the end user so always provide select menus and check-boxes where possible. If imputing text or numbers cannot be avoided, provide preemptive text like email or phone numbers. All users get infuriated when they cannot find something on your site; make sure your navigation is logical and well structured. A good search tool goes a long way, a bad one is just another nail in the coffin.</p><h2>6. Engage and Wow your Audience</h2><p>For all the good design work you have done, if your content is neither pertinent nor engaging, you will not retain your audience and they will move on. Creating good content requires people who are passionate, talented and know their subject matter. Make sure you find the right people to produce content. Rich media like audio and video is becoming cheaper and easier to produce and mobile users cannot get enough of it.</p><h2>7. Test, Test and Test Again</h2><p>Quality assurance (QA) testing, a/b testing and user testing are a critical every part of any project and probably the least loved by designers, developers and content produced. Similarly, on small projects, clients are the reluctant set-aside budget for testing. Continuous testing and new technical tools on the market make testing much simpler. This is a process that you will have to integrate but generally more planning and good project coordination make it more manageable.</p><p>We hope that you enjoyed this blog post, if you have any questions or comments please contact us at info@darwindigital.com</p>

Google Ads Agnecy Switzerland

Social Media Advertising Agency Switzerland

Content Marketing

Digital Marketing Agency Switzerland

Search Engine Optimisation (SEO) Agency Switzerland

Website Design Agency Switzerland

Mobile Application Design Agency Swizerland

UX Design Agency Switzerland

Digital Branding Agency Switzerland

Design and Branding

API Development Company Switzerland

WordPress Development Company Switzerland

Custom Applications Development Company

Web Development Company Switzerland

iOS App Development Company Switzerland

Android App Development Company Switzerland

Mobile Application Development Company Switzerland

Shopify Development Company Switzerland

WooCommerce Development Switzerland

Custom eCommerce Development Company

eCommerce Development Company Switzerland

Industrial and MEMs Companies Projects

Global Brands and Multinational Companies Porjects

MedTech and Healthcare Companies Projects

Educational Organsiations Projects

Non-profit governmental and non-governmental organisations projects

Direct to Client Businesses Projects

Projects

Careers

Company

Darwin Digital Blog

Contact Page

Privacy Policy

Cookie Policy

Darwin Digital is a Swiss full-service digital marketing agency experienced in the design and management of digital content, search engine, and social media advertising campaigns. 

company_image.png

twitter

Darwin Digital - Facebook

Darwin Digital Agency Switzerland

Darwin Digital

Darwin Digital - Full Service Digital Marketing Agency from Lausanne, Switzerland

favicon.ico

Mission and Values

Management Team

Clients

About the Darwin Digital Company

Industrial and MEMs Projects

Direct to Client

MedTech and Healthcare Projects

Non-profit Organisations

Education

Global Brands and Multinationals

Darwin Digital Projects

Services

Blog

Contact

Welcome to the Darwin Digital blog where we talk about news and events about our company and topics related to the wider digital services industry as a whole. If there is a certain theme or discussion you would like us to look at, please get in touch with us via the general inquiry form. 

Blogs

Darwin Digital LinkedIn Page

instagram

facebook