Digital Marketing Tutorial: Implementing Responsive Design for Your Website


Happy Holidays everyone! I’m Victoria
Chemko, Principal of Umami Marketing today I’ll be talking about responsive
website design and what considerations to keep in mind when building out your
website for your business responsibly for the first time so keep on watching
to find out all the details on this holiday edition of the digital marketing
postcard so what is responsive design anyway well
it’s an approach that suggests that website design and development responds
to a user’s behavior and environment based on screen size platform and
orientation this ensures content will look good and be easy to use across
multiple devices such as desktops tablets or smartphones using flexible
grids and layouts nowadays search engines take responsive design into
consideration within their algorithms and the site is mobile-friendly it has
the potential to make better than other non mobile-friendly sites as a result
it’s become more important than ever to make sure your website is set up
responsibly what this means for you is there are additional complexities to
consider in terms of various devices and how users will view your site so here
are some key considerations to keep in mind one it’s different than desktop
only design you need to keep in mind that viewers will be looking at your
site differently depending on their device that’s the whole point of
responsiveness so while you may consider something that will look really unique
and cool on desktops how will that translate once someone is viewing what
you’re trying to portray on a tablet or on their even smaller mobile screen
while browsing in bed for example what used to be designed that only had to
take into account one version of the user experience you must think more
broadly and creatively to understand how you want to portray your content to your
audience now have access to your site on a multitude of devices and another thing
to keep in mind is that just because your current site visitors are not
generally on mobile as seen in your analytics for example it’s not
necessarily because they aren’t on the increase itself it may be due to your
current site being too difficult to maneuver from a mobile and thus people
leave the site immediately due to frustration or just won’t visit it all
from the small advice you may find your stats change once your site becomes
easier to use to ensure your designer and developer understand responsiveness
some designers and developers are used to thinking about design within a single
view only from traditional media get to the websites of the past when
selecting a vendor to help you build your new website make sure they really
do understand all of the intricacies involved from design to development
across the user device spectrum if they don’t you’ll end up with a poor user
experience and a site that doesn’t work well on various devices so you may have
to then go back to the drawing board or spend a lot of time and money redoing
all Park all or parts of it getting it done the right way three choose the
right images there are a lot of possibilities to ensure that images are
fluid and can work across different screen sizes but you must keep in mind
as you’re going how an image may appear when it’s in full size on a desktop
versus what can possibly show up within a smartphone for example will he be able
to see the details that you need to of that image once it strings down to a
smaller size went on a tablet versus a desktop of parts of the image be cut off
or not show what you ideally would like for example when sourcing out an image
for that new blog post think about what it’ll look like at various free screen
sizes and not just what your viewing when creating it also keep in mind the
size of images and how it will affect loading times and performance across all
possible devices as this is another key ranking factor for file format of across
devices another thing to think about is how video or other large files may be
rendered on a desktop versus a mobile phone for example if you have a page
with a looping video you may want to make it show up as an image itself for
mobile devices so as much usable of a person’s data if they’re not on a Wi-Fi
network this also is a factor for other large file formats that you want to have
show up on desktop but not necessarily on smartphone how will this change the
user experience what about performance will this still convey the message in
action you’re trying to get across 5 consider mobile first mobile first
design was common prior to the uprise of responsive design and is recommended
here as well the idea is that when he just created think first about how it
would be viewed on mobile before determining how that could be enhanced
to work on larger devices like the desktop or tablet
it’s easier to scale up then scale down will you be able to read that headline
on the smallest screen that will deform neat constant scrolling before it can be
filled out and submitted how does the navigation work this can also help the
overall user experience since it’ll drive more simple direct focus on the
action that you are hoping for the visitor to take mobile users want fast
loading websites to research quickly take an immediate action or make a
purchase while possibly on the go so to summarize when implementing responsive
website design key considerations include one it’s different than desktop
only design to ensure your designer and developer understand responsiveness
three choose the right images for file formats across devices and five consider
mobile first now that you understand more about website responsiveness please
check out our recent blog post covering more useful website tips and if you like
this video subscribe to the Umami Marketing YouTube Channel on our monthly
digital marketing postcard. Happy Holidays, be safe and I’ll be back again
in the new year to answer more of your questions. Here’s to a great 2017 take
care!

Add a Comment

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