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

iOS 15 beta has blur nude photos opt-in, but its not without fault

(TECH NEWS) To protect children from explicit content, the most recent beta version of iOS 15 includes a feature that allows users to blur nude photos.

Published

on

Woman looking at Apple iPhone representing new iOS 15 beta that will blur nude photos.

In a move to protect children from explicit content, the most recent beta version of iOS 15 includes a feature that allows users to blur nude photos received in the Messages app. Amid privacy concerns, the feature has yet to be released.

The option to blur nude photos is opt-in, reports The Verge, and does not prevent users from choosing to view the photos in question even after being implemented.

This iteration of the feature is distinct from the original one insofar as it will no longer alert a parent or guardian when nude photos are encountered. While this may seem like a controversial change, several experts pointed out that exposing nude content on a child’s device in some households could result in abuse or, as Harvard Cyberlaw Clinic instructor Kendra Albert suggests, the outing of “queer or transgender children to their parents.”

With the most recent version of this feature enabled, children who receive inappropriate photos via the Messages app would be able to do two things: choose to avoid (or see) the content, and choose to send a report to a trusted adult if they see fit to do so.

Blurring photos is just one of several aspects of Apple’s Communication Safety suite, a feature that aims to prevent child sex abuse by making it easier for children to avoid and report predatory content.

 

Child on electronic device- iOS 15 beta that will allow blur nude photos should protect children.

Another feature that Apple has tested – but not released – is their Child Sex Abuse Imagery Detection (CSAM-detection), which scans and reports iCloud content that shows child pornography or abuse to Apple moderators for further review. As one can imagine, the feature drew mixed criticism, the majority of which came from privacy advocates.

While the vast majority of humanity can (hopefully) agree that fighting against child exploitation is a noble cause, these groups argue that scanning and reporting individuals’ personal photos via an algorithm opens the door to government interference and increased surveillance. Switching the algorithm’s baseline to scan for things like anti-government content, for example, would be easy, these groups posit, making the feature extremely dangerous in principle.

There is no current release date set for any of these aforementioned features, though iPhone users can reasonably expect them to drop at some point during iOS 15’s development.

Continue Reading

Tech News

Amazon Music debuts synchronized text transcripts for popular podcasts

(TECH) The first feature to hit Amazon Music is auto-generated and synchronized text transcripts for their most popular podcast shows. Sign us up!

Published

on

Amazon Music Transcripts

Amazon set out to accelerate the growth and evolution of podcasts last year by acquiring the podcasting network, Wondery. Now, the company is doing just that with the launch of its auto-generated and synchronized podcast transcripts feature on Amazon Music.

According to an Amazon Music tweet, with this feature, you’ll be able to “Roll it back, jump ahead, and follow along” with the podcast you’re listening to. For instance, you can scrub through the transcript to find that line of text with that quote or movie and book suggestion you can’t quite remember. When you tap on a particular line of text in the transcript, you’ll be able to jump straight into that specific part of the podcast. I can already see all the time saved! But, if you just want to read along as you listen, you can do that, too. The transcript will match the audio as you’re hearing it.

Right now, the company is only rolling out podcast transcripts in the US on both iOS and Android devices. When it will expand to other countries isn’t known, and the feature isn’t available for all podcasts yet. For now, it is only available on a selection of popular podcasts like Smartless, Crime Junkie, This American Life, Uncommon Ground, and Modern Love, but more are coming.

Amazon Music Homescreen

To use it, all you have to do is open the podcasts tab on Amazon Music and select one of the podcasts you’d like to listen to. Of course, you’ll need to select a show with the podcast transcription feature to see it. When your show is playing, on the top of the album art and in fullscreen mode, the transcriptions will be available for you to read along to.

Oh, and if you’re worried about having to read through the ads, you have nothing to fret about. Ads won’t be transcribed. Instead, the transcription will read “audio not transcribed” when they are playing.

So far, Amazon seems to be going strong in the podcasting game with the release of podcast transcripts. The feature makes it easy to search and find what you are looking for in a show. And, for those on a long and noisy bus and subway ride, you’ll finally be able to read the information you previously couldn’t hear.

Continue Reading

Tech News

UX design: If you don’t have it, get yourself an audit made easy

(TECH NEWS) UX design is important. By conducting a simple audit to make sure your site is accessible, you can minimize the number of people that quickly go away.

Published

on

Two UX design people standing in front of a whiteboard with a UX map.

A good UX design is essential in attracting and retaining customers. A seamless and positive experience will keep customers happy and bring your business many benefits, like increasing audience engagement and sales.

But, how do you know if your user experience is in need of help, so people don’t bounce away quickly? Well, if UX is not your forte, the best thing to do is to hire a good UX designer. Unfortunately, sometimes hiring one isn’t always within the budget.

So, what do you do then? The next best thing is to conduct a UX audit of your website or app. Not sure where to begin? Fulcrum’s Do It Yourself UX Audit kit is one place to start.

According to the website, this DIY UX audit “can help you gain valuable insights about the usability of your product.” The tool detects problems in your UX, prioritizes them for you, and finds out how you can fix any existing issues.

The tool is made out of free easy-to-use Notion templates. These UX audit checklists are all customizable, and you can print them or save them on your Notion dashboard to use later.

Inside each template, there are cards with descriptions and examples. Depending on if you meet certain criteria or not, you drag and drop the card into the “Yes” or “No” column. When you’re finished, you will easily see what issues you have, and you can work on fixing them.

The templates are divided into Junior and Middle-level templates.

The Junior level has templates for things such as field and forms, login, mobile UX, and architecture. Most of these templates help make sure you cover your basic UX bases. For instance, it looks at whether your website is desktop and mobile-friendly, and if each element makes sense and is easily identifiable.

The Middle Level dives in a little deeper. The “Visibility of system status” audit checks if you are keeping your audience informed on what’s going on. Things like battery life, loading, or Wi-Fi connection indicators can make a huge difference. No one wants to stare at a screen with no clue if what they clicked on is working or not.

If you can afford it and want a UX virtuoso to do the work for you, you can get a UX audit from Fulcrum. The experts will conduct a full-fledged UX audit and create wireframes with solutions for your UX issues.

However, no matter how you go about it, a good UX design is important. Higher rate conversions and user retention won’t happen if your product is just pushing people away.

Continue Reading
Advertisement

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!