Method Community

I'm making more of my screens available on the mobile web. Are there any best practices (e.g. screen widths/percentages) you guys have for makiing my screens work well via mobile? Tips, pointers, do's/don'ts?

Thanks!

Hi Blake,

Here are a few tips I found:

Some best practices for designing.

A. Small screens are much faster than big screens, so limit how much you put on them.

B. Use tabs instead of regular sections to prevent unnecessary grid loading.  Grid loading can slow screens down considerably.

C. Design with up to 2 columns wide.

D. Put fields up and down instead of left and right.

E. Limit how many columns you put into grids.  You can always have hidden columns that you show when you really need them.

This was taken from a older blog post when we released Method Mobile.  Most, if not all of it still applies.

- Adam