<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>

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

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

<p>Diener Precision Pump is global leader in micro precision pumps in MedTech and High-tech industries. Already highly reputable in certain sectors such as dialysis, Diener has sort to move into new markets where innovation, precision and reliability are indispensable. To achieve their objectives, Diener needed develop a completely new digital strategy and presence.</p>

Diener Precision Pumps

Design and Branding Services

Do you need help with the design of your new Brand Identity and digital assets?

large_dpp-website-composition.jpg

medium_dpp-website-composition.jpg

small_dpp-website-composition.jpg

thumbnail_dpp-website-composition.jpg

dpp-website-composition.jpg

dpp-website-image-01.jpg

dpp-website-background-02.jpg

Website traffic has more than tripled through a combination of content marketing, SEO and SEM.

Website traffic has more than tripled through a combination of content marketing, SEO and SEM. Diener regularly appears in the top search results for relevant keywords.

Precision mechanical and micro-electromechanical engineering.

<p>Website traffic has more than tripled through a combination of content marketing, SEO and SEM. Diener regularly appears in the top search results for relevant keywords. \ Enhanced user-experience, new engaging content and meaningful call-to-actions has meant a 100% increase in qualified leads since the launch of the new website.</p>

Social Media Advertising

Search Engine Optimisation (SEO)

<p>Each aspect of the digital user journey was reviewed. From here Darwin developed a digital strategy to achieve Diener’s commercial objectives. Darwin’s multi-disciplinary teams successfully implemented each component of the strategy: design and development of the new website; digital marketing plan; search engine optimisation and content marketing.</p>

Douglas Robinson

Diener Precision Pumps Website Redesign

<p>The Swiss Polar Institute to facilitates and funds Swiss research projects in the World’s polar regions. As part of their mandate, they must report and publish the findings of these projects, which inevitably generated enormous amounts of data.</p>

Swiss Polar Institute

large_Swiss-Polar-Institute-bg.jpg

medium_Swiss-Polar-Institute-bg.jpg

small_Swiss-Polar-Institute-bg.jpg

thumbnail_Swiss-Polar-Institute-bg.jpg

Swiss-Polar-Institute-bg.jpg

Non-profit and non-governmental organisations.

<p>A centrally secured database with user-friendly tools allows SPI teams to save a substantial amount of time recording their findings. A wealth of information is readily available for other stakeholders and the public. Darwin’s multi-dissimilarly and highly technical staff provide SPI with the customer-service and expertise normally reserved to large multi-nationals.</p>

<p>Develop a custom API to allow research teams and other stakeholders push and pull data from a bespoke SPI database. Develop an intuitive user-interface that is quick and simple to use. Support SPI teams and staff to promote key projects with dedicated websites.</p>

Danièle Rod

<p>Watch measurement tools used by watchmakers to measure and adjust mechanical watches for the highest level of precision. H2i is completely reinventing the conceptual design of these tools to make them more ergonomic and user-friendly.</p>

<p>Deisgn and development of H2i website.</p>

large_h2i-website-composition.jpg

medium_h2i-website-composition.jpg

small_h2i-website-composition.jpg

thumbnail_h2i-website-composition.jpg

h2i-website-composition.jpg

<p>The new web has seen a dramatic increase in organic traffic as a result of the SEO work done on and off-page. The design and content see more repeat visitors and solid leads from Swiss watchmaking industry professionals.</p>

<p>Design and develop a new responsive website to promote the innovation and design aspects for the products. Ensure the site was performant and SEO-frienldy. Inform new customers on benefits of H2i products. Provide after sales information and tools in the form of software downloads and user guides. Integrate the site with third-party tools; shopify for Direct-to-Client sales and Salesforce to manage new prospects and leads.</p>

We create sophisticated, unique and easy-to-use mobile designs for iOS and Android applications, mobile-first websites, tablet kiosks and digital marketing materials adapted for mobile, inspired by the traditional Swiss elegance, simplicity and precision. 

Mobile Design Agency Lausanne | Darwin Digital

large_image-2.webp

medium_image-2.webp

small_image-2.webp

thumbnail_image-2.webp

image-2.webp

Talk to our Design experts

Mobile Design

If your website is not adapted for mobile, it will not appear in Google search results and you risk loosing more than half of potential website traffic.

Expand Audience Exposure

In 2022, smartphones accounted for around 74% of retail site traffic worldwide and 63% of online shopping orders. 
We help consumer goods suppliers and manufacturers sell online.

Build Online Marketplaces

Mobile-friendly website is not only imperative for B2C and D2C businesses nowadays. Even more traditional B2B analogue fields benefit from deploying responsive designs that provide good user experience to wide audience spans.

Consistent Brand Identity

<p>Incorporating a multidisciplinary approach into all our projects, we create responsive user-friendly and aesthetically appealing mobile solutions that suit the habits and behaviours of today’s users.</p>

<p>We draw on the extensive experience of our team made of UX/UI designers, web developers, data analysts, and SEO, content creation and video production specialists to ideate, design and implement mobile solutions that predict and satisfy the needs of our clients’ target audiences, solve their problems and frustrations, and turn them into returning customers and brand advocates.</p>

<p><span style="color:windowtext;font-family:&quot;Calibri Light&quot;, &quot;Calibri Light_EmbeddedFont&quot;, &quot;Calibri Light_MSFontService&quot;, sans-serif;">Currently, well over half of the total traffic on the Internet happens on mobile phones.</span></p><p><span style="color:windowtext;font-family:&quot;Calibri Light&quot;, &quot;Calibri Light_EmbeddedFont&quot;, &quot;Calibri Light_MSFontService&quot;, sans-serif;">The numbers don’t mean that one hat fits all – the choice between Responsive and Mobile-first website design will depend on the business model, industry, perceived customer traits and behaviours. &nbsp;</span></p><p><span style="color:windowtext;font-family:&quot;Calibri Light&quot;, &quot;Calibri Light_EmbeddedFont&quot;, &quot;Calibri Light_MSFontService&quot;, sans-serif;">We found that B2B businesses in more traditional analogue sectors, with longer sales cycles, require rich HTML structures and heavily loaded informative and authoritative website content. <strong>Responsive website design</strong> is the better choice in this case, appealing more to these businesses’ target clients, while still adapting navigation and layouts to smartphones and tablets, and providing good user experience for mobile users.</span></p><p><span style="color:windowtext;font-family:&quot;Calibri Light&quot;, &quot;Calibri Light_EmbeddedFont&quot;, &quot;Calibri Light_MSFontService&quot;, sans-serif;">On the other hand, B2C and especially D2C players - retailers, designer goods, and consumer tech manufacturers, are increasingly feeling the need to adapt their branding and marketing efforts to the switch from desktop to mobile in their customers’ content consuming habits. They are the ones opting for <strong>mobile-first website designs</strong> with adapted app-like user-interface, less text, larger fonts, fast download speed, video and audio assets, one call-to-action per page, short forms, geolocation elements, etc.</span></p><p><span style="color:windowtext;font-family:&quot;Calibri Light&quot;, &quot;Calibri Light_EmbeddedFont&quot;, &quot;Calibri Light_MSFontService&quot;, sans-serif;">If your customer data shows that your user numbers are split between formats, it may be best you opt for a hybrid solution or a dedicated mobile website, so you can cater to all your audiences’ preferences and increase conversion across devices. Whatever your design needs, at Darwin Digital we have the required experience, tools and established processes to strategize, draft and implement the optimal solution which fits your brand personality, business goals, and your ideal customer journey. &nbsp;</span></p>

<p>Fast developing digital-first business sectors are today relying more and more on mobile solutions that simplify daily tasks and decrease frustrations for their users. This goes for <strong>fintech, proptech, medtech, IoT</strong>. But, beyond these, mobile applications are increasingly proving to be an effective way to connect and engage users and customers in more traditional fields like <strong>tourism, healthcare and wellbeing</strong>, as well as more robust systems, like <strong>procurement, farming and agriculture</strong>. &nbsp;</p><p>At Darwin Digital we are passionate about collaborating with innovative thinkers and helping them shape and bring to life creative ideas that improve lives, simplify processes or create a more sustainable future for all.&nbsp;&nbsp;</p>

<p>Like in mobile-first web design, design of mobile apps is an art of translating complex, forward concepts into simple yet exceptionally functional, intuitive and beautiful designs and systems. The building elements here are different from desktop website design – mobile apps make use of built-in phone features, like camera, scanning, voice recording and recognition, face recognition, AR/VR options.</p><p>Backed by our Swiss heritage and powered by a multi-skilled team of designers, business innovators and web developers, we confidently approach every new project and guarantee high quality authentic designs that adapt to our clients’ business workflows and goals, while providing seamless user experience for their customers.</p>

Mobile Design

Modern Mobile Solutions

Expand Audience Exposure

Build Online Marketplaces

Consistent Brand Identity

How we create high performing mobile designs

UX and Web Design Experts

Mobile-first vs Responsive Website Design

Mobile Apps Design

Why Choose Darwin Digital for Your Mobile Design

Don't take our word for it, see for yourself

Diener Precision Pumps Website Redesign

Swiss Polar Institute

H2i

Do you need help with the design of your new Brand Identity and digital assets?