Tag Archives: responsive web designing

Businesses Have Misconceptions about Web Development

It has observed that when businesses decided to have their own web presence and even in responsive web designing, they are running with some common misunderstanding regarding the web development process and web development team. These misconceptions or myths may sour their relationships with web development team or company itself.

Therefore, I have decided to give some insights based on our experiences as a web development team at Lujayn serving wide range of clienteles across the globe.

Myth #1 – These Are Simple Changes

Being a well-experienced web development company, team at Lujayn is preparing project scope documents where we are defining things in advance that what should be included, and what should exclude in the set price structure. Despite such preventions for project creeps, some businesses come up with small changes that they think as minor ones and can address with little efforts and time.

However, that is not true at technical point of view because simple looking websites may have intricate functionality and complex interactions in backend. Thus, always their programming becomes time-consuming and expensive at logic even a simple change in location of a button may take days to accomplish in coding and testing.

Solutions:

Businesses should define their requirements upfront and always discuss with team prior to suggest any changes as well as offer extra cost if your changes require the substantial amount of time and efforts from your hired web development team.

Myth #2 – Templates Are Okay

It is true that market is flooding with ready to use templates or themes and some software available to build a website using GUI tools without doing any coding at all, just drop and drag work flow. Of course, templates are good for those who need low-end and temporary web identity at initial stage and ready to customize them when their time and money come on hand.

Solutions:

In majority of cases, businesses, be they small or big want to augment their brands and have thirst for good ranking in SERP for their business keywords. Therefore, it is imperative for them to come up with unique and SEO friendly websites for their users and bots in order to get the best ROI.

Myth #3 – Web Development One Time Process

Majority of businesses think that once website has built their work is over. However, they are not true because web development is not one time process even though you have created customized web identity with the latest responsive web designing technologies, as web development team needs to update it regularly as well as check or test it frequently for its compatibility and user experiences in contemporary sense.

Web and mobile technologies are ever-changing field and your current websites may become obsolete after two or three years and you need to redesign it with the latest coming technologies at that time.

Solutions:

Therefore, my best advice for business houses to keep good relation with your web development company and take their help regularly by paying on their maintenance packages or for support or update charges.

Myth #4 – Anyone Can Do UX

When businesses have to select the web development company as their IT partners, they used to check presence and capabilities of graphics designers for UI and programmers for interactions and dynamism, but never ask for UX experts. Designing mere UIs and programming them can’t bring good user experiences on your websites because expertise and experiences in UX is quite advance and different discipline in software development as well as in any industrial product development.

Solutions:

Thus, check whether your hired web development team has UX experts included or not and ask for the portfolio of UX professionals too.

Test Hard, but Test Smart—a New Message to the Designers Part 4

Formulating Smart Testing Groups
Formulating Smart Testing Groups

Welcome on this final part of the series. As we have explored the factors involved in the testing a website and what to test in previous part, we will finally go to the browser group formation so we can know how to test smartly within limits of time and devices.

Options for Testing

We have some good options for testing in industry such as emulators, virtual machines working on servers or cloud, and some awesome testing services like Open Device Lab, BrowserStack, etc. are helping us different ways for different purposes. It is true that emulators and other above described options are good to cover wide range of devices for instance, if your target audiences are on the Android devices in majority and you have to test some where 2000 devices or hundreds of representative devices and their browsers, you are okay with them without spending much on devices possessions.

Issues with Optional Testing

At other hand, affordability and user experiences are issues with such services. If you want to know that what is loading time, how your UI elements fitting into your deserved parameters, and which hardware is conflicting in which device are tough to obtain in such remote or virtual testing. Therefore, we have to group our devices smartly by balancing our testing requirements, resources, and time devoted for manual or automated testing. In short, you have to decide the priorities for your browsers, devices, and their parameters or properties.

Ways To Do Smart Grouping

Formulating First Group

Let’s decide, which devices with, which browsers we must have for our first group, which can cover at least 50% of your targeted audience population.

  • Development Machine/desktop/laptop
  • Two Apple devices: one with latest iOS (iOS8) and another with a previous version (iOS7)
  • There Android devices: one with latest Android OS (4*) and Chrome, second with one-step backward version of Android OS (<4) and other Android browsers, and final one with older version of Android OS (2*) and with small screen size. Here I prefer 3 devices for Android platform because Android devices cheaper to buy and we need to cover more representative devices in order to cover huge audiences of Android.

Thus, now we have browsers of three screen size groups: first for big devices like desktop with Windows and Mac operating system, second groups have medium screen size with Apple and Android devices with latest versions, the third group would have small screen with backward version of OS and browsers.

In our first group we are covering browser types as Chrome, Safari, and some Android specific browsers.

Fortunately, at Lujayn our responsive web designing team is capable to cover vast audience with this group of devices and browsers in their rigorous testing of the websites of our patrons and successfully debug the most of the issues before any complain has made.

Formulating Second Group

Now our second group will include virtual machines for different kinds of browsers because in first group we have covered only Chrome and Safari. Therefore, now we are adding IE and Firefox in this second group using virtual machines against the costly devices. Thus, we will cover IE 8 and IE 11 on virtual machines for large screens and IE 10 for the emulator of Windows Phone as small screen size.

Moreover, our development machines will cover Safari and Firefox browsers for large screen tests. Thus, this second group has only one Window Phone emulator with touch experiences, otherwise rest have pointing devices experiences.

Formulating Third Group

For third group, you need to have only one Apple device with Opera Mini browser and one Nokia Ovi devices with Ovi browser.

Formulating Fourth Group

Whereas in fourth group you can add BlackBerry devices, BrowserStack testing services, virtual machines, and you development machines for wide range of browsers that you missing in above three groups.

This way you will cover almost 100% of your audiences with least investments on devices, services, and time.

 

 

Heading towards Device Agnosticism by Responsive Web Designing Part 2

As we have absorbed some ideas and some insights about responsive web designing in Part 1, now we are going to think about the device agnosticism for responsive designing.

Time to Think Beyond Desktop-Laptop Traffic

Generally, we web designers when say our clients to think of mobile traffic we immediately pull up data from the Google Analytics and tell them that how our and our other clients’ websites are showing an increase in mobile traffic. Furthermore, we put some statistical reports extracted from recent magazines or news on the table that showing how the web/internet access is increasing through mobile devices and number of users steadily increase who use mobile devices solely to access the web.

Problem #1: Less Mobile Traffic

Usually, this trick is working in majority of cases and clients become ready to have mobile first approach in their website designing. However, actual problems start when we have client who has desktop only website and wish to redesign it, but her Google Analytics showing only 3% mobile traffic so how will you convince them to go for mobile first approach.

Problem #2: Cost-Effectiveness

Another problem we face in mobile first approach is the costing of creating mobile specific website. Suppose we are going to create website dedicated to smartphones or tablets we have to create content, layout, and support for various platform separately for them than the desktop or laptop website. This increases the overall costing as well as increased time and resources for it. This ultimately leads to compare the return over the investment on mobile first approach.

Suppose we think of responsive website designing at this stage we have solutions of many costing and other problems at first hand, but time and resources consumption are remain intact there. Beside these, there are other problems with responsive web designing, but we will discuss them later on.

Problem #3: Fragmentation

On mobile first approach, we have biggest challenge is the fragmentation on the hardware as well as software sides. For instance, our graphics designers have to think of smartphones specific images, their resolutions and their sizes upfront because they are altogether different from the tablet display as well as laptop or large desktop screens.

At other hand, our coders have to pull their hairs to give support to the different browsers and operating system technically. Moreover, Android is bad famous for its device as well as OS version fragmentation. The same is true for iOS platform at some extent since Apple is releasing iPhone and iPad version different in many aspects each year and iOS version support in bonus. Thus, we have to face a very fragmented ecosystem in order to get support from different hardware components through trading off various code and scripts in our responsive website programming.

 

Heading towards Device Agnosticism by Responsive Web Designing Part 1

In years of 2012 and 2013, we were talking about the handheld devices like smartphone and tablet, but year 2014 is coming with some more awesome innovations in sense of electronic gadgets and communication devices in particular. For instance, Google glasses and Apple watches are coming trends with their own operating systems and bespoken software.

Think Beyond Desktop

Most of these innovations are web enable and have greater chances to display your web presence on them. Therefore, thinking about the mere desktop or laptop devices during initiating a website or web application project for personal or professional uses is thinking backwardness. In fact, we are heading towards multiple size screens and somewhat devices agnostic era where our websites wouldn’t only face the screen size fragmentation, but also hardware and even operating system fragmentation in particular.

In due course, we have limited options if we stick to the fix width or size website designing layouts or only mobile website designing considering some particular mobile devices. We are in fact heading toward device agnosticism where responsive web design is only viable and feasible solution. Let me explain it bit further.

Why We Should Be Responsive Designing Evangelists

Before few years, we had 800X600 screen resolutions on most of the desktops and our websites were performing well with table frame layouts with fixed size and minimum flexibility granted by percentage formulas in coding for height and width. Now, in present days tablelesss web design are ruling the web and CSS3 is the choice for majority of web developers. HTML mark up also becoming advance in many terms and offering awesome tags to access various hardware of different types of devices and integration of multimedia.

Device Preferences Changing

At other hand, the mood and taste of people also changing with pace of time and smartphones and tablets are now in-things and people have great addictions of such mobile devices. Therefore, recent PC market growth is stagnant and mobile devices market is doubling every year. People like to access web at any time and from anywhere even while on the go.

Therefore, addressing our customers or audiences through mobile devices is mandatory for our success. Be it on online or for brick-and-mortar businesses. This is  because our tech-savvy new generation first find out product and shop on their mobile web, and then burn pint of fuel only to reach at shop for final purchase, or order the home delivery without wasting their time further.

Responsive Design Only the Solution

In such, awful scenario missing the mobile presence is a sin at marketing point of view and responsive designing posing cost-effective solutions for all sorts of businesses including e-commerce storefronts. In next part, we will see how, and why, responsive designing solve or present problems and offer better promises for our bright future on the web with device agnosticism.