Mobile News

Best design mobile phone

Mobile Friendliness  June 2, 2017 – 01:51 am

The internet’s been in “mobile everything” mode for a couple of years now, but as far as email is concerned, the idea is a little younger. Despite the fact that emails are still coded using the outdated table standard, it’s possible to create modern, mobile-friendly, responsive emails using the same principles we see applied to traditional websites.

There’s a distinction to be made between “mobile-friendly” and “responsive, ” however, since a mobile-friendly email is not necessarily responsive, and a responsive email is—generally speaking—always mobile-friendly.

Mobile-Friendly Email Attributes

  • Can be fixed-width but still mobile-optimized. An email with a fixed width of 320px (the width of a phone screen in portrait orientation) is one example.
  • Font sizes don’t change dependent on screen size, but are large enough to be readable on small screens.
  • Can retain a multi-column layout while allowing for readers to tap and zoom into each individual block of content, for easier reading.
  • Use large, thumb-tappable buttons for calls to action.

Responsive Email Attributes

  • Use media queries to adjust email width dependent on the size of the display on which its viewed. That way, the email’s width adapts to any display size in any orientation.
  • Font sizes change from desktop to mobile displays. Several different display sizes can be targeted using different media queries
  • Layout can be changed from multi-column to single-column on the fly.
  • Different elements (image-based buttons, for example) can be hidden and shown dependent on which platform the email is viewed on.

Best Design Practices

When designing mobile email, we try to follow the mantra “one eyeball, one thumb, and arm’s-length.” This means that, on a small screen, an email should be easily readable with one eye (The other one is presumably paying attention to traffic—don’t do this!), any links and calls-to-action usable with one thumb, and any text or visual cues large enough so that all of the above can be done comfortably at arm’s length.

Guidelines for achieving these objectives: * Minimum font size of 16px—Apple recommends 17-22px, Google recommends 18-22px. (We’ve found 16px Georgia to be nice and readable.) * Call-to-action touch targets, such as buttons, should be at least 46px squared (Apple recommends 44px squared, Google recommends 48px squared—we’re splitting the difference). * Avoid clustering several links together in your copy. It makes individual links very difficult to access.

Device Size Matters

Consider how people use their devices. Human behavior should definitely influence your designs; whether someone is viewing an email on a phone or tablet can lead to very different design choices. Start with how people hold their devices.

Phones are generally held in one hand and used with one thumb. The areas where it’s most comfortable to tap with the thumb are opposite of the user’s dominant hand (right-handed taps comfortably on left side of the screen):

Tablets, on the other hand (Ha!), are generally held in two hands, allowing thumbs to reach touch targets on the sides on the screen, but not the middle:

Where possible, your designs should accommodate both scenarios. Consider having important calls-to-action like buttons span the full width of the email when its viewed on a mobile device. By doing so, you’re covering both right- and left-handed readers.

You can also go the extra step of providing multiple ‘break points’ for your design with media queries that target phones in landscape and portrait orientations, and provides similar solutions for tablets. At the very least, design an email that can scale down to a 480px width - the most common width of a phone in landscape orientation.


Cambridge SoundWorks OontZ Angle 3 Next Generation Ultra Portable Wireless Bluetooth Speaker : Louder Volume 10W+, More Bass, Water Resistant, Perfect Speaker for Golf, Beach, Shower & Home (Black)
Speakers (Cambridge SoundWorks)
  • HIGH QUALITY CRYSTAL CLEAR SOUND distinct mids and highs from our two precision acoustic drivers delivers excellent stereo sound and enhanced bass from our proprietary...
  • LOUDER VOLUME & MORE BASS distortion-free at maximum volume; room filling sound, perfect for home, dorm room, kitchen, bathroom, car, parties; streaming music...
  • WATER RESISTANT IPX5 splashproof, rainproof, dustproof, sandproof; outdoor shower speaker, perfect for the beach, poolside, car, boat & golf cart -- IPX5 rating...
  • ULTRA PORTABLE Under 10 ounces, 5 inches long, 2.8 inches tall; High capacity rechargeable 2200 mAh battery for up to 12 hours of playtime at 2/3 volume on a full...
  • CONNECT OVER BLUETOOTH IN SECONDS to: iPhone, iPad, iPod, Mac, Smartphones, Tablets, Windows 10 To play from Chromebooks, Windows 7-8 systems, TVs and non-Bluetooth...
OMOTON iPhone 7 Plus Screen Protector [2 Pack]- [9H Hardness] [Crystal Clear] [Bubble Free] [3D Touch Compatible] Tempered Glass Screen Protector for Apple iPhone 7 Plus
Wireless (OMOTON)
  • Particular Design: Laser-cut dimensions provide maximum protection for the screen of your device. The curved edges can not be covered. Only fit for Apple iPhone...
  • Scratch Resistant: This 9H Hardness screen protector can effectively protect your iPhone 7 Plus from unwanted scuffs and scratches by knife, keys and some other...
  • Easy installation: Bubble-Free Adhesive makes it easy to install this iPhone 7 Plus screen protector; 2.5D Rounded Edges: Smooth feeling at all edges
  • HD Retina Clarity: High-Transparency provide you high-definition clear viewing. Hydrophobic Oleophobic screen coating protects against sweat and oil residue from...
  • BUY 2 SAVE 5%. If you buy 2 or more you will save 5% for each one at checkout (no coupon necessary). Buy for a friend or loved one and save together. And OMOTON...
Magnetic Mount, WizGear [2 PACK] Universal Air Vent Magnetic Car Mount Phone Holder, for Cell Phones and Mini Tablets with Fast Swift-Snap Technology, - With 4 Metal Plates
CE (WizGear)
  • 2 PACK MOUNT EASY YOU USE: This Air vent universal smartphone magnetic car mount holder is 10 times easier to use than any other magnetic car mount holder due to...
  • STURDY BASE: The high quality rubber construction of the base of the mount is unique and very functional as well. It guarantees that the base of the mount will solidly...
  • SWIVELS YOUR DISPLAY: Rotate your smartphone and swivel your display as you please. The base of the mount remains fixed into the air vent of your car and does not...
  • COMPLEMENTARY DESIGN: The complementary design of the magnetic mount is one that fits into the back of any smartphone. The magnetic mount is has a smooth surface...
  • POWERFUL MAGNETIC MOUNT: The reinforced magnetic holder of this mount is what sets it apart from other mounts. This Universal magnetic holder produces an intensive...

Related posts:

  1. Best standard mobile phone
  2. Best site to mobile phones
  3. Best Three mobile phone