3. โข Responsive web design:
1. Adapts to the width of the device being
used, from PC to tablet to mobile
2. Eliminates the need to produce
separate websites for different devices
3. Designs are content focussed with the
same content displayed across devices
4. Reduces time and cost
โข Particularly useful for sites with a
wide user-base of technologies This is an example of a responsive site. As you can see, it
โข Built with fluid grids, it is relatively
adapts from 1-column up to several for a desktop site.
The overall look and content remains throughout each
easy to prepare a site to be version
responsive
Responsive Design and Progressive Enhancement
4. โข Itโs not only mobile apps that can
take advantage of native
functionality
โข HTML5 can be used to detect, and
make use of, things like cameras and
microphones without having to use
external, third-party plug-ins
โข This means that everything users
would require should be available to
Twitter makes use of many native elements in itโs mobile
them at their point of access app. With direct transition between camera and app, as
well as mirroring smartphone messaging functionality
Native Features
5. โข Online and native apps are becoming
more and more popular
โข Youโll see more of them on both your
desktop and mobile screens
โข This normally means a much more
integrated experience for the user
โข Visually, it is likely that sites around
the web will start taking cues from
mobile and tablet app experiences Here at Zabisco, we use the web app โConceptshareโ. It
allows us to share creative work quickly and easily
amongst the team, whilst adding comments
Applications Everywhere!
6. โข The smartphone market, globally, is
yet to slow down its growth
โข Mobile sites and the progressive,
adaptive websites will only continue
to match this growth
โข This means a likely reduction in Flash
sites, in addition to copywriters
taking out all the filler from sites to
optimise the mobile viewing
experience
Mobile Market Growth
7. โข 2012 sees a number of companies
bringing out new tablets, the most
notably, of course, being Apple with
their new iPad 3
โข companies are ready to bring out much
cheaper alternatives which should see
tablets in many more households
โข As such, designers should be prepared
to design for this medium
โข Sites should optimise their sites for
users of tablets, most notably, the
elderly and children, who are
proportionally more likely to have
access to a tablet than an alternative Tablets are available in a range of prices, sizes and uses.
Are you designing for them?
method of browsing
Tablets
8. โข Pop-ups are no new thing for the
internet
โข Pop-up windows are increasingly
incorporated into designs to reduce
clutter on pages
โข They give a clean, easy to follow
journey for elements such as forms
and login elements
The Zabisco design for Outsourcery sees pop-ups used
for contact elements as well as for logging in. Theyโre a
great way to get vital information across without
distracting from any other user journeys
Pop-ups
9. โข 2012 looks to be the year of User
Experience
โข With content and design being so
integrally linked and user journeys
being ever more adaptable, a user
guided approach seems to be the
only way through the complicated
web landscape
โข Designers should be mindful of this
and seek to gain the best possible As a User Experience agency we are used to giving our
knowledge of what a set of users will designers thorough research on a sites users, including
journeys and personas, that allow them to create a site
expect from a site that is easily perceived by the end user
UX Design
10. โข The web is moving into more โข Integrated services, such as native
mediums, all with different screen functionality are working their way
sizes and requirements: onto the web as well as on mobile
1. Designers should allow for this, creating โข User experience should be a key. Be
sites that are accessible for all users
mindful of user journeys and who
2. Designers should also consider that a
wider variety of users will have access
will actually be using the site:
to these devices, including the young 1. Make use of UI elements, such as
and old pop-ups, to make journeys more
3. These users will be used to app and straightforward
other mobile UI, so its worth
considering how these elements can be
incorporated into web design
Conclusion