The Importance of Responsive Web Development

Responsive web development is when we create a site that responds instantly to the device it’s being viewed on and makes adjustments to best perform for that device. This is not just in its layout but in the way we approach design, accessibility, coding, performance, testing, and search engine optimization. Here are a few notes in regards to how we approach responsive web development.

Device Agnostic 

Device agnosticism is the capacity of a computing component to work with various systems without requiring any special adaptations.

When we talk about making a product device agnostic we usually mean not making a site for any specific device or tool, but making the site work similar across several devices and different browsers with disregard for their differences.

In the past, we might have foregone specific browser features because not all browsers supported them. This caused a delay in using new web technologies. This is commonly referred to as progressive enhancement. Starting with the lowest common denominator then enhancing your way up to the newer technologies.

Another approach is called graceful degradation where we start using the latest web technologies then making sure those features “fall apart” (are disregarded behind the scenes) in a predictable and graceful fashion in older browsers. This sometimes means providing a specific feature as a polyfill to older browsers. There are techniques used to only load what is needed, preventing the newer browsers from loading in code that it does not need.

Both approaches have its pros and cons, but the end goal is creating a site that will work on as many devices and is accessible as possible. What approach we use does not mean we will use that approach for all the features on a website; it might change from feature to feature. While this is a simplified explanation of making a product device agnostic, it gives an overview of the complexities present during the development. 

Mobile First

Designing for mobile first is an approach that allows for a site to be as accessible as possible. Due to the limited resources and screen size of mobile devices, odds are if your site works on a mobile device it will also work on desktop devices. If a site is already optimized to load quickly on a network limited device it will load even faster for a device with a stable network connection. 

For the most part sites are now designed for mobile and worked up to larger screens, but that is not always the case. Some designers find it easier to work on the larger display and work their way down. However, from a development perspective this does not rule out a mobile-first approach.

Search Engines

Starting in July 2019, Google changed the way they index and rank websites; they now predominantly use the mobile version of the content. If you are already using the mobile-first approach, your desktop and mobile content should be almost, if not exactly, the same. This means if you are still running an obsolete, non-responsive website you will rank lower than those using mobile-friendly designs. Note: if you are using the “m” dot technique to serve the mobile version of your site, that content is what will be given priority in search results.

The above points demonstrate what responsive web development is and why it’s important to your users. At Gray Digital Group, we address these considerations on every project and take the time to think through the implications they will have for our clients. 

Every handful of years it is smart to evaluate if your website needs to be rebuilt or if it needs a refresh. Technology is advancing fast, trends come and go and you don’t want to be left behind. If you are in need of a new website, contact us today!

Connect With Us Today

 


Sources:

Images:

https://www.creativebloq.com/advice/3-pro-tips-for-building-a-device-agnostic-ux-system

Mobile First Approach Image 

 

5 Tips to Plan an Engaging Podcast

 

The first part of planning a podcast episode is sitting down and outlining what value you will be providing the listener. Your goal is to add value to someone’s life. This will keep them listening and sharing. 

Here are a few techniques that will help as you plan engaging content for each episode. 

1. Storytelling 

Sprinkle in stories to help make your point come to life and draw the listener in. It makes the listener feel more connected, gives a sense of relationship, and gives credibility to what you are talking about. Remember to have your stories outlined and practice telling them. It’s easy to go off on a long tangent when sharing a personal story. Keep it to the point while not sacrificing your personality.

2. Mirroring

Think about your listener and communicate in a way that will feel familiar to them. For example, if selling a solution to something — describe how you used to be just like them and also how your life has improved thanks to the solution. 

3. Mind’s Eye Scenarios 

Have the listener participate from afar. By asking the listener to visualize something or think about the topic/solution as applied to their own life, you are making them the center of attention for a moment. Let’s be honest, we all like to think about ourselves and enjoy feeling a part of the conversation.  

4. Strive For Connection 

Humans are all about connection. Feelings of intimacy and connection play a major role in buyer decision-making. Do not underestimate the importance of empathy in your podcast episodes. The more ways you are able to understand and share the feelings of the listener, the more you will create a bond with them to keep them coming back.

5. Figurative Language 

Metaphors, similes, and analogies all work to help make your point more clear to the listener. They also make for more relatable content which makes it easier for the listener to remember. Most times when someone is sharing something they heard or learned they will use the exact examples and analogies that were used. 

 


After outlining and planning your episode, think about some of the other details. 

  1. Within the episode title, and short description, give a clear and concise idea of what you will be sharing with the listener and how they can benefit.
  2. In the episode intro, provide a teaser to reel the listener in and compel them to hold out till the end.
  3. Don’t forget to wrap it up nicely. Always provide the listener with something to take away whether that is a clear solution, a call to action, or leaving them with more to think about (such as a reflection question). Whatever the takeaway, you need to give the listener some form of closure on what you just spoke about.

These techniques will help you better engage your audience and encourage them to become long-time listeners. 

 

At Gray Digital Group we help produce a multitude of podcast shows. If you’re looking for help getting your podcast up and running, let us know!

Connect With Us Today

 


Sources:

4 Copywriting Techniques for Engaging Podcasts and Audio Presentations