Connect with us

Tech News

Brief overview of responsive web design, how to test any site

Responsive web design emphasizes the use of mobile browsers, disintermediating the idea that consumers must download third party apps to use a site in a mobile environment.

Published

on

Responsive web design

If you’ve been considering overhauling your company’s website, or if you’ve been to a tech conference in the last year, you’ve heard the phrase “responsive web design,” and if you’ve read other blogs, many have claimed they are “responsive” which does not mean it talks to the user, has a chat function, or allows for better communication.

No, responsive web design (RWD) implies that a web site is written with a particular coding language that (in layman’s terms) allows for a site to adapt to the device on which the site is being viewed, resizing automatically and altering navigation to suit the device rather than develop a third party app that users have to waste time downloading and forgetting to use.

The coding language lives by the theory that mobile devices come first and since mobile browsers are so limited in what they can do, design should center around that idea first, given the rise of mobile devices. When sites are not developed with W3C CSS3 (RWD), mobile browsers degrade the experience, can be slow to load, and users have to pinch the screen and pan around to zoom in and out to use the site which is not ideal, so RWD reshuffles the site automatically, knowing the size of that browser screen and making for a better browsing experience and not requiring users to download an app.

How to test any site for responsiveness

You’ve heard recently that so and so site is “responsive” and you go view it on your iPhone and get annoyed that you still have to zoom in and out, scroll all over the place, and your mobile experience is still heavy and slow.

Enter “The Responsinator” wherein you enter any URL and it will show you exactly how any website will present itself on the most common devices (iPhones, Androids, Kindle, iPad). If each size has a different layout (as pictured above), it is automatic because it is responsive, but if you see the corner of a website, it is not responsive (as pictured below). Responsinator can also help site owners and developers to see on which devices a site does not look or function properly.

Responsive web design is not yet common, and is not a coding language understood by all developers, so as a business professional, it is unrealistic to expect your designer to whip up a responsive site overnight. The biggest implication of RWD is the doing away with requiring people to download apps for a smooth experience, when they could simply experience a mobile site in their regular browser. Responsinator helps you test any site for responsiveness, especially your own, and while some industries will struggle with responsiveness because of the complex nature of what must be displayed on a site (calculators, retail search, real estate IDX), consumers will ultimately demand a more seamless mobile experience, and responsive web design is the beginning of answering that demand.

Here are some sites to test on The Responsinator to give you a feel for the difference responsiveness makes to the mobile experience (special note: RWD is very, very new, so just because a site is not yet responsive is not a reflection of the quality of the site or the company running it):

Marti Trewe reports on business and technology news, chasing his passion for helping entrepreneurs and small businesses to stay well informed in the fast paced 140-character world. Marti rarely sleeps and thrives on reader news tips, especially about startups and big moves in leadership.

Continue Reading
Advertisement
2 Comments

2 Comments

  1. Justin Avery

    March 24, 2012 at 7:00 pm

    A nice overview of the responsinator.

    There are a few other tools which achieve similar functions, some a with less options but others with customisable options.

    Regardless of these knd of tools available I you are going to go down the responsive path you need to test on the devices themselves. There is no substitute for the real thing when it comes to the interactive tests (is this button big enough, is the target click link large enough for a thumb, does my colors/images look good on the device etc)

  2. Pingback: Take a page from MTV: reevaluate your web design - AGBeat

Leave a Reply

Your email address will not be published. Required fields are marked *

Tech News

What is UI/UX? Take a little time to learn for free!

(TECH NEWS) For the all-time low price of—well, free—Invise gives you the option of learning a few basic UI and UX design techniques.

Published

on

Woman browsing web, made easy with UI/UX

There’s no denying the strong impact UI and UX design has on the success of a website, app, or service—and, thanks to some timely altruism, you can add basic design understanding to your résumé for free.

Invise is a self-described beginner’s guide to the UI/UX field, and while they do not purport to deliver expert knowledge or “paid courses”, the introduction overview alone is pretty hefty.

The best part—aside from the “free” aspect—is how simple it is to get a copy of the guide: You enter your email address on the Invise website, click the appropriate button, and the guide is yours after a quick email verification.

According to Invise, their beginner’s guide to UI and UX covers everything from color theory and typography to layout, research principles, and prototyping. They even include a segment on tools and resources to use for optimal UI/UX work so that you don’t have to take any risks on dicey software.

UI—short for “user interface”—and UX, or “user experience”, are two critical design aspects found in everything from websites to app and video game menus. As anyone who has ever picked up an outdated smartphone knows, a janky presentation of options or—worse yet—a lack of intuitive menus can break a user’s experience far faster than slow hardware.

Similarly, if you’re looking to retain customers who visit your website or blog, presenting their options to them in a jarring or unfamiliar way—or selecting colors that clash for your landing page—can be just as fatal as not having a website to begin with.

The overarching problem, then, becomes one of cost. Hiring a design expert is expensive and can be time-consuming, so Invise is a welcome alternative—and, as a bonus, you don’t have to dictate your company’s vision to a stranger and hope that they “get it” if you’re doing your own design work.

2020 probably isn’t the year to break the bank on design choices, but the importance of UI and UX in your business can’t be overstated. If you have time to read up on some design basics and a small budget for a few of the bare-bones tools, you can take a relatively educated shot at putting together a modern, desirable interface.

Continue Reading

Tech News

Google set to release new AI-operated meeting room kit… and it’s pretty baller

(TECH NEWS) Google’s newest toy is designed to “put people first” by alleviating video and audio issues for conference room meetings.

Published

on

Google Meet Series One is a new meeting kit that puts people first.

Remote meetings can be the worst sometimes. The awful video and audio quality are frustrating when you’re trying to hear important details for an upcoming project. Even with the fastest internet connection, this doesn’t guarantee you’ll be able to clearly hear or see anyone who’s in the office. But Google is re-imagining conference rooms with their new video conferencing hardware.

Yesterday, the company introduced Google Meet Series One. In partnership with Lenovo, this meeting room kit is made exclusively for Google Meet and is poised to be the hardware that “puts people first.”

The Series One has several components that make it stand out. First is the “Smart Audio Bar,” powered by eight beam-forming microphones. Using Google Edge TPUs, the soundbar can deliver TrueVoice®, the company’s “proprietary, multi-channel noise cancellation technology.” It removes distracting sounds, like annoying finger and foot-tapping noises, so everyone’s voices are crystal clear from anywhere in the room.

The hardware also has 4K smart cameras that allow for high-resolution video and digital PTZ (pan, tilt, zoom) effects. Processed with Google AI, the device knows to automatically zoom in and out so all of the meetings’ participants are framed in the camera. With an i7 processor and Google Edge TPUs, the system is built to “handle the taxing demands of video conferencing along with running the latest in Google AI as efficiently and reliably as possible.”

The meeting kit has Google grade security built-in, so the system automatically updates over-the-air. The system also works seamlessly with Google services and apps we already use. Its touch control display is powered by a single ethernet cable. From the admin controls, you can manage meeting lists and control room settings. Powered by assistant voice commands, their touch controller provides a “touchless touchability”; if you want to, you can join a meeting just by saying, “Hey Google, join the meeting.”

These new meeting kits are easy to install and are versatile. They can be configured to fit small, medium, and large-sized rooms. “Expanding kits for larger rooms can be done with just an ethernet cable and the tappable Mic Pod, which expands microphone reach and allows for mute/unmute control.”

According to the Google Meet Series One introductory video, the meeting room kits are “beautifully and thoughtfully designed to make video meetings approachable and immersive so everyone gets a seat at the table.”

Currently, there is no release date set for Google Meet Series One. However, pre-orders will soon be available in the US, Canada, Finland, France, Norway, Spain, Ireland, United Kingdom, Sweden, Australia, New Zealand, Japan, Netherlands, Denmark, and Belgium.

Continue Reading

Tech News

One creepy way law enforcement might have your private data

(TECH NEWS) Wait, geofences do what? Law enforcement can pull your private data if you’re in the wrong place at the wrong time.

Published

on

Man walking on crosswalk with phone, but his private data could be vulnerable.

By now, it’s pretty common knowledge that our smartphones are tracking us, but what you might not be aware of is just how much law enforcement is taking advantage of our private data. Now, the good news is that some places have gotten wise to this breach of privacy and are banning certain tactics. The bad news is: If you were ever in the vicinity of a recent crime scene, it’s quite possible your privacy has already been invaded.

How are law enforcement doing this? Well, it starts with a geofence.

At its core, a geofence is a virtual border around a real geographic location. This can serve many purposes, from creating marketing opportunities for targeted ads to tracking shipping packages. In the case of law enforcement, though, geofences are often used in something called a geofence warrant.

Traditionally, warrants identify a subject first, then retrieve their electronic records. A geofence warrant, on the other hand, identifies a time and place and pulls electronic data from that area. If you’re thinking “hey, that sounds sketchy,” you are–forgive the pun–completely warranted.

With a geofence, law enforcement can dig through your private data, not because they have proof you were involved in a crime, but because you happened to be nearby.

This practice, though relatively new, is on the rise: Google reported a 15-fold increase in geofence warrant requests between 2017 and 2018. As well as invading privacy, these warrants have led to false arrests and can be used against peaceful protesters. Not to mention, in many cases, geofence warrants can be extremely easy to acquire. One report in Minnesota found judges signed off on these cases in under 4 minutes.

Thankfully, there have been signs of people pushing back against the use of geofence warrants. In fact, there have been multiple federal court rulings that find the practice in violation of the Fourth Amendment, which protects citizens from “unreasonable searches and seizures,” including your electronic data.

If you’re still worried about your privacy, there are ways to keep your electronic data on lock. For example, turn off your location services when you’re traveling, and avoid connecting to open Wi-Fi networks. You can also work to limit location sharing with apps and websites.

These and other tips can be a great way to help you avoid not just geofence warrants, but others who want to use your electronic information for their own gain.

Continue Reading

Our Great Partners

The
American Genius
news neatly in your inbox

Subscribe to our mailing list for news sent straight to your email inbox.

Emerging Stories

Get The American Genius
neatly in your inbox

Subscribe to get business and tech updates, breaking stories, and more!