Responsive Design Part 2

Responsive Design Part 2

Desktop First

Currently, designers and web developers are confronting an enormous issue before initiating their projects.

Desktop or mobile-first?

We already discussed the Mobile-First idea, click here to check it out.

Today we will talk about the desktop first and its pros and cons.

The desktop first was the only way to design a website before the responsive tendencies.

Why should we employ this concept?

It is easier to create first for a big screen in view of the fact that if you start from the biggest width you can just remove information when the screen gets smaller and diagram the elements again.

By doing the opposite it will be harder to insert content from a narrow width to a big one, so basically you will see all major features at once.

You can also recognize the number of possibilities you have by working first on a large screen size by including elements that will be unnecessary on a mobile device.

It will enhance the user experience.

Desktop first is also a clever idea when we talk about click x tap, we should consider the fact that the mouse is more precise in comparison with a human finger.

It is crucial to comprehend how browsers will work, therefore, if you have all elements on screen then removing visual extra information will be easier to increase the size of the tapping area.

Another truth to point out is some users still prefer Desktop rather than mobiles for multiple reasons, so it is reasonable to create first thinking in old browsers with a lack of support for modern features and just after inserting some brand new technologies.

Sometimes your project does not need mobile support.

Let’s picture the following scenario:

You are creating a portal for a company, however, it is only just for the employees to access during working hours from the company’s devices, the access will be denied from any other network or device.

Considering that probably 99% of the people are still working on regular jobs eight hours per day in front of a desktop computer, why do we have to be worried about mobile?

It will be straightforward to wrap up the project.

With modern CSS features, we can choose if we will work with grids, flexbox, etc. Desktop first is easier to define limits, you can pick the width that fits you better, in addition, when we are talking about mobile it is impossible.

要查看或添加评论,请登录

Rafael Basso的更多文章

  • Data table design: Best practices for better UX

    Data table design: Best practices for better UX

    Data tables are one of the most difficult features to work on, especially when we are talking about the table’s…

    2 条评论
  • Why attending conferences is beneficial for your career

    Why attending conferences is beneficial for your career

    In the digital age, we’re inundated with content on social media—design articles, text posts, podcasts, videos…

    1 条评论
  • Why Figma in 2024?

    Why Figma in 2024?

    In 2024, Figma solidified its position as the leading design tool in the market. But what explains such popularity?…

    1 条评论
  • Embracing the Future: AI for Product Design

    Embracing the Future: AI for Product Design

    In the dynamic field of product design, artificial intelligence (AI) is starting in a transformative era, extending…

    1 条评论
  • 6 Reasons Why Cross-Cultural Design Is Important

    6 Reasons Why Cross-Cultural Design Is Important

    There is no doubt that digital products can be used on a global scale and therefore it is necessary that they are…

  • Prototypes: What They Are and Why They Are So Important

    Prototypes: What They Are and Why They Are So Important

    Prototypes play a crucial role in the UX design realm, but what does this term mean, and why can a good prototype be a…

  • Johnson & Johnson Rebrand

    Johnson & Johnson Rebrand

    Johnson & Johnson is writing a new chapter in its history with a remarkable rebrand, created by Wolf Olins agency. The…

    1 条评论
  • UX vs CX – Demystifying the Differences

    UX vs CX – Demystifying the Differences

    Navigating the maze of UX and CX – What sets them apart? Let’s be real, the whole UX (User Experience) and CX (Customer…

  • Is UX Design IT?

    Is UX Design IT?

    I face this question almost daily when someone asks me what I do for a living. I usually say I’m a designer, and some…

    1 条评论
  • Twitter rebranded as X

    Twitter rebranded as X

    Twitter has undergone a dramatic transformation, rebranding as “X” under the vision of Elon Musk. Instead of “killing…

    1 条评论

社区洞察

其他会员也浏览了