• Fractal Systems is UAE’s leading innovative technology providing company with its headquarters in Dubai Silicon Oasis (DSO). Established in the year 2011 the company has been successful in spreading its excellence all over Middle East and Africa within a short span of time. Owing to our high quality services and products, edge cut technologies we have been able to garner a huge clientele base as well as secure a safe niche in today's highly competitive market. We also own a credit by partnering with technology leading companies like Philips and MadHats. With leading expertise, we specialise in the field of technology by offering services and products including 3d projection mapping , augmented reality apps, virtual mannequins, interactive window display, virtual book and many more.

1. INTERACTIVE CONTENT
DEVELOPMENT

2. What is Interactive content
development
• Creating or repurposing content adding graphics,
interactivities, audio and video, which could be
delivered as Flash or HTML5 through a delivery
medium
• Interactive media is related to the concepts interaction
design, new media, interactivity, human computer
interaction, cyberculture, digital culture, and includes
specific cases such as, for example, interactive
television, interactive narrative, interactive advertising,
algorithmic art, videogames, social media, ambient
intelligence, virtual reality and augmented reality.

3. Interactive content development
•
The interactive world is constantly changing, and the number of different devices that connect it all is growing
every year. The problem that arises is that there are no rules for the game. As big corporations create new
products with different systems and technology, it’s inevitable that we’ll have to come up with creative ways to
adapt.
•
Responsive Web Design is not a new concept, but it has gained people’s attention in the past couple years as a
good alternative to designing for different screen sizes and aspect ratios for all desktop, tablet and mobile devices.
Put simply, responsive design is the creation of a single website with a fluid proportion-based grid that
automatically adapts to users’ browsers and the devices they are using. This is not a trend—it’s the future.
•
"Rather than tailoring disconnected designs to each of an ever-increasing number of web devices, we can treat
them as facets of the same experience." (Ethan Marcotte)
•
This means that brands now have more control over how users access and interact with their content. These are
huge changes. Most brands focus on desktop experiences only and leave the other devices aside. Now, more than
ever, consumers are interfacing with brands from anywhere and everywhere; often they are using mobile as a way
to augment or enhance another branded experience. By compromising content accessibility, brands position
themselves negatively.
•
Access is good, but it’s not that easy. As we are dealing with multiple platforms, we have to plan ahead and
prioritize the content as well as the format that it will be displayed in, to users. In our opinion, that’s the biggest
challenge for brands--prioritization. The next step will be to take all that information and adapt it to a single
template using the simplest code possible, making sure that it will be displayable on devices that have fewer
capabilities.

4. Simple Keys to interactive content
development
• 1. Plan Ahead
• In order to create an efficient and responsive design, we must plan
things properly. The design process is a little bit different than what
we usually have with a traditional website, especially because we
can’t base the layout on a fixed viewport size and there is no simple
way to design to every single size. We’ve found that it’s easier to
design as few breakpoints as possible and then interpolate the
layout between these breakpoints.
•
"The grid, like any other instrument in the design process, is not
an absolute. It should be used with flexibility, and when necessary it
should be modified or abandoned completely for a more workable
solution." (Allen Hurlburt)
• If the layout is based on a grid, make sure the grid still makes sense
on smaller/bigger screens and that the size of the grid can be easily
adapted.

5. Simple Keys to interactive content
development
• 2. Prototyping is Fundamental
• Prototyping is really important for testing, validating
the grid size and making sure the whole structure will
scale to multiple pages. Since we won’t be doing
designs for all of the possible widths, it is much easier
to set some of the breakpoints on the prototype itself.
Prototypes are also a good tool to introduce the
project to the client. They show how the design will
adapt to different screen sizes and help determine the
content priorities that lead to an enhanced user
experience.

6. Simple Keys to interactive content
development
• 3. Keep it Simple
• The simpler the site is, the greater the chance that it will work
across multiple devices. Simple blogs are much easier to adapt than
a complex interactive site. Technical limitations should always be
taken into consideration if you want the best experience on the
broadest range of devices. Sometimes we need to simplify the
interaction and complexity of the layout to improve accessibility.
• The amount of breakpoints should be kept to a minimum, since
each new breakpoint makes the system harder to test and
maintain--especially if each breakpoint changes the design
drastically and relies heavily on JavaScript to work.

7. Interactive content development
• 4. Break the Rules
• It is important to understand why a rule was
created and if it really applies to your project.
Sometimes a remarkable experience is the most
important thing; don’t let these rules bind you.
• Visit http://www.fractal.ae/touchinteractive/multi-touch-screens/interactivecontent-development/ for more information.