SitePoint Sponsor

User Tag List

Results 1 to 3 of 3
  1. #1
    SitePoint Zealot
    Join Date
    Jun 2006
    Posts
    139
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    How to approach mobile first design?

    IDK if this is the right area of the forum to post. I have a small team and we want to know what the best practices are for approaching the design for mobile first.


    Regarding designing for retina. If designing on the phone for retina is it best to resize shapes manually rather then use a action that does it for you?

    When designing mobile first what is the best practice (bootstrap we use) is it best to comp out a mobile screen and see how that would look and a desktop comp at the same time. So there is some visual map of where you're going? I have tried to find info on this but nothing that really talks about design approach.

  2. #2
    Mouse catcher silver trophy Stevie D's Avatar
    Join Date
    Mar 2006
    Location
    Yorkshire, UK
    Posts
    5,892
    Mentioned
    123 Post(s)
    Tagged
    1 Thread(s)
    Quote Originally Posted by keano View Post
    IDK if this is the right area of the forum to post. I have a small team and we want to know what the best practices are for approaching the design for mobile first.
    I've moved it to the "Designing for mobile" section, that seems to fit

    When designing mobile first what is the best practice (bootstrap we use) is it best to comp out a mobile screen and see how that would look and a desktop comp at the same time. So there is some visual map of where you're going? I have tried to find info on this but nothing that really talks about design approach.
    The first thing to do is to start with the basic structure. You then work up a basic mobile design, and start layering on more design and features for larger screens and more capable devices, until you get up to a full size computer.

    http://www.slideshare.net/bryanriege...e-web-by-yiibu - the first part sets a bit of context around mobile internet, but slide 42 onwards gives you the meat about designing mobile first.

  3. #3
    SitePoint Zealot
    Join Date
    Jun 2006
    Posts
    139
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thanks for the reply.
    So if our website use large images like heroes and other imagery should we use optimized images for mobile? Not a 1image fits all approach? I am trying to convince them that we need to use optimized images for very large images but some images that are smaller can be reduced by code right?

    I have heard that you should have a design asa reference meaning the reference could be a smartphone and from that the desktop version would be based of that as designers though who think pixels when we have the bootstrap 12 column template they seem to be stuck on the mobile design and don't know whats the right way to lay things out in the desktop template?


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •