Go to content
The Codest
  • About Us
    • Staff Augmentation
    • Project Development
    • Cloud Engineering
    • Quality Assurance
    • Web Development
  • Our Team
  • Case studies
    • Blog
    • Meetups
    • Webinars
    • Resources
Careers Get in touch
  • About Us
    • Staff Augmentation
    • Project Development
    • Cloud Engineering
    • Quality Assurance
    • Web Development
  • Our Team
  • Case studies
    • Blog
    • Meetups
    • Webinars
    • Resources
Careers Get in touch
2017-08-04
Software Development

MOBILE FIRST APPROACH

Klaudia Migacz

MOBILE FIRST APPROACH - Image

Designing web page from “the end”? Why not! There are two ways of making a responsive project: you can either design a desktop version and cut its content, one feature after another to leave only essentials, or make the mobile, condensed design and expand it.

The problem with scaling down is that you always must have in mind that not all desktop technologies are adequate for mobile devices and sometimes the “cut” version feels incomplete, unprofessional and that tweaking your desktop website will lead to downloading the big content although it’s not necessary.

The mobile-first approach is a method that will help you to extract the core of your idea and keep in mind what is the most important content, what is the purpose that you want to show. You can use it to increase page’s performance by minimizing unnecessary substance when needed, easier to monitor it. It is also easier to design UI patterns when you can add something tricky, than to reduce something important. Also, it is more helpful to look from accessibility point - how will the slower devices react? The desktop devices are often more powerful than mobile, so it makes easier to code new feature as an addition, not the base which can’t be really used on slower ones. However, it doesn’t mean that mobile design has to be raw and stark. With consideration of the limits, it should be complex and appealing, because both versions are profound for the viewer while browsing, but it doesn’t also mean that the experience has to be identical (in fact it can’t be).

The challenge for mobile views is: how to put as many functionality as possible, with little weight and intuitive experience? Desktop forgives a lot of mistakes - mobile not. If you shoot the bigger quarry first, you will find further developing a lot easier. Remembering about taps and swipes, there is not much to think while converting it to clicking - at least not as much as the other way.

What’s difficult? The most difficult in starting from mobile view, in my opinion, is lack of clear visual design concept. This issue comes strictly from creative, artsy perspective, in which the mobile version sometimes IS a deficient design. Yes, that’s the truth - there is not much space for expression and letting unhampered imagination speak, especially if the design isn’t pure and minimalistic. There is a lot to care about composition of color and shape which has to fit in small space and still look inviting and clear, not to mention the intuitive handling. What’s the solution? I would recommend sketching all of the versions with as many visual ideas as possible and then start the mobile option from a technical and pure user experience and front-end developing view. It seems the best answer for the quandary, a compromise to get only pros from both perspectives!

Related articles

Software Development

3 Useful HTML Tags You Might Not Know Even Existed

Nowadays, accessibility (A11y) is crucial on all stages of building custom software products. Starting from the UX/UI design part, it trespasses into advanced levels of building features in code. It provides tons of benefits for...

Jacek Ludzik
Software Development

5 examples of Ruby’s best usage

Have you ever wondered what we can do with Ruby? Well, the sky is probably the limit, but we are happy to talk about some more or less known cases where we can use this powerful language. Let me give you some examples.

Pawel Muszynski
Software Development

Maintaining a Project in PHP: 5 Mistakes to Avoid

More than one article has been written about the mistakes made during the process of running a project, but rarely does one look at the project requirements and manage the risks given the technology chosen.

Sebastian Luczak
Software Development

Why you will find qualified Ruby developers in Poland?

Real Ruby professionals are rare birds on the market. Ruby is not the most popular technology, so companies often struggle with the problem of finding developers who have both high-level skills and deep experience; oh, and by the...

Jakub
Software Development

9 Mistakes to Avoid While Programming in Java

What mistakes should be avoided while programming in Java? In the following piece we answers this question.

Rafal Sawicki
Software Development

A quick dive into Ruby 2.6. What is new?

Released quite recently, Ruby 2.6 brings a bunch of conveniences that may be worth taking a glimpse of.  What is new? Let’s give it a shot!

Patrycja Slabosz

Subscribe to our knowledge base and stay up to date on the expertise from industry.

About us

The Codest – International Tech Software Company with tech hubs in Poland.

    United Kingdom - Headquarters

  • Office 303B, 182-184 High Street North E6 2JA London, England

    Poland - Local Tech Hubs

  • Business Link High5ive, Pawia 9, 31-154 Kraków, Poland
  • Brain Embassy, Konstruktorska 11, 02-673 Warsaw, Poland
  • Aleja Grunwaldzka 472B, 80-309 Gdańsk, Poland

    The Codest

  • Home
  • About us
  • Services
  • Case studies
  • Know how
  • Careers

    Services

  • PHP development
  • Java development
  • Python development
  • Ruby on Rails development
  • React Developers
  • Vue Developers
  • TypeScript Developers
  • DevOps
  • QA Engineers

    Resources

  • What are top CTOs and CIOs Challenges? [2022 updated]
  • Facts and Myths about Cooperating with External Software Development Partner
  • From the USA to Europe: Why do American startups decide to relocate to Europe
  • Privacy policy
  • Website terms of use

Copyright © 2022 by The Codest. All rights reserved.

We use cookies on the site for marketing, analytical and statistical purposes. By continuing to use, without changing your privacy settings, our site, you consent to the storage of cookies in your browser. You can always change the cookie settings in your browser. You can find more information in our Privacy Policy.