6 things you are doing wrong in responsive design

The art of responsive web design is continuously evolving. As the times pass, we learn better ways to tackle different challenges and improve the technique of building responsive websites. Because of this, something that was right and spot-on a few months ago could be wrong or not as effective right now.

This is not like fashion; rather it’s the natural process of continuous improvement, furnishing us with newer and more effective ways to achieve the same goals. Below we highlight a few outdated practices in responsive web designer singapore. If you've made them, not to worry, I've made all of them before learning not to:

1.   Don’t disable the magnification

You know this block of code, commonly used to disable the zoom facility on a responsive site:

<meta name="viewport" content="width=device-width initial-scale=1, maximum-scale=1, user-scalable=no">

By so doing, you’re taking control out of the hands of the users, which can be taken very antagonistically. You’ll make users think you don’t like them, and that’s not nice.

2.   Don’t use device widths to set breakpoints

In the beginning, it was common to design style sheets catering to widths of well-known devices. It was easy enough because there was just 480, 768 and 1024 pixel devices. Right now, you have the iPhone 5, Kindle Fire, HTC and a vast array of mini-tablets and phones of varying screen size. You can’t set style sheet for all of them, I promise.

A better way is to place a breakpoint where the design breaks, meaning a new layout is necessary from that point. It’s a bit tedious, since you’ll have to test it on as many devices as possible, but it works.

3.   Don’t have ginormous file sizes

You may think nothing of using images as large as 100 or even 200kb as backgrounds for web pages until you try to load them on a phone. If you’ve been spoilt by broadband and its crazy-fast speeds you know what I’m saying. Think about the user who’s got a slow 3G connection and will think nothing of aborting because your site is taking eons to load.

4.   Don’t hide content

You know this, hiding content simply because you’re unable to fit it into your smaller screen:

Forget this code, bury it for good. Work with the assumption that your mobile visitors want to do everything that the desktop user would want, perhaps even more!

5.   Don’t compromise on the design

Tempting though it might be to design a webpage or site that seamlessly folds down into a neat view on mobile devices by prioritizing ease of development over visual design, be careful. Avoid the trap of allowing technology to suppress your creative muscle, otherwise you’ll have similar looking responsive websites, and that’s just boring.

Responsive web design is not easy, but when done properly, you’ll love the result. Don’t be afraid to put in the work.

6.   Don’t forget the touch

Everything that is clickable should be the size of a thumb-click. Put your buttons too small and close together and the ‘fat-fingered’ users will take out a hit man on you. Ensure links are adequately spaced, and have acceptably sized mobile controls (Apple recommends 44 pixels).

Now go ye forth and be a great designer! Visit http://www.create360.com.sg/ for more details.

Designing Responsive Design? Reconsider your Design Breakpoints

Responsive web design has been in our world for a number of years now, but most businesses are only just warming up to the technique. In responsive web designer Singapore, changes are made to the layout (rather than the design itself) of a website in order to make it fit different screens perfectly, regardless of size or orientations.

What are breakpoints?

You have probably noticed that when you visit some sites on browser screens in different devices, they tend to show, hide or resize the page content depending on the size of the screen you’re looking at. Now, for this to occur, the website designer or developer sets specific breakpoints which will determine where changes will happen.

It is more common to use breakpoints determined by the standard resolutions of the different devices available on the market. An important point to note is that the resolution, rather than the actual screen size, is what is considered with responsive layouts.

There are three units that are used to position layouts, content and breakpoints: percentage, ems and pixels. Of the three, only pixels are fixed, the other two are dependent and fluid. Most designers prefer using pixels to determine breakpoints since they are standard. Ems and percentages are more useful for layouts and content.

When to embrace responsiveness

It is a common assumption that responsive layouts are the answer to all design and maintenance issues. Too many clients believe that just investing in responsive design is enough to kill three birds with one stone.

The real truth is that full responsive websites are most ideal for small e-commerce sites, text intensive sites, corporate sites, bios and portfolios, all regardless of actual size. However, large video and photo sites as well as large e-commerce and complex navigation sites are better served by having native site layouts which are specially designed for a specific viewport.

When to limit the breakpoints:

These are a few reasons you might consider holding off on being responsive, or at least keeping the breakpoints to a minimum:

•          To help save on loading times and bandwidths especially on mobile networks

•          Large forms requiring user input

•        Where there are two devices which have similar pixel sizes e.g. a medium desktop/notebook computer and a tablet on landscape orientation, resulting in impractical usage

•          Half-baked or duplicate layouts in resolutions or devices

•          When the better option is to have a native app

•          For creation and maintenance of graphical assets e.g. marketing banners

•          On data-centered websites

•          Online libraries that have links to third-party documentation e.g. (.doc, .pdf etc.)

In these, and many more situations, you may want to consider minimizing the responsiveness of your website by having fewer breakpoints.

Final word

While it’s true that having a responsive website can help to increase the opportunities open to a business and reduce the scheduled maintenance activities, it’s important to keep in mind the practical aspects of user access to various sites when deciding the degree of responsiveness to go for.

For instance, it makes better sense to have native apps for mobile devices where the site needs access to the device’s hardware e.g. microphone, GPS and/or camera. A few companies opt to have both the website and native app for mobile devices, but each serves a different purpose. The important thing is to go responsive because you need it, not just because it’s the current fad. For more details, Visit: http://www.create360.com.sg/.

Tips to get eye popping App Design

Designing anything can become a difficult task if you are not-into-depth and kind of a superficial mind or person. Just look at the few key factors involved in app design…

a)   User understanding

b)   User affiliation

c)   Research (proper and deep analysis)

d)   User-app interface

e)   Original and unique idea and/ design

f)    Market awareness

g)   User friendly

h)   Catchy and attractive app design

i)    Lots of contrast in design/theme

j)    Interesting feature and popular layouts presentation

 I’d recommend you not to design anything if you are not aware of the above factors and in such case you need to research. If not, then you’d be losing money on the spot and one vital asset of professional career, ‘Credibility.’ A simple design of symmetrical lines and vertical or horizontal prefix is just the start of your designing hopes and possibilities. However, even for a simple design of anything, name any object- as big as the stars in the galaxy to as tiny as the atom or particles within atom-you need to carry out the proper research. Web Designer Singapore is your ultimate key behind your every attempt of designing. A deep-rooted search will enable you to look at things on a different perspective, unlike most of your other mates who would foolishly go for the easy way or superficial research. Hence, application design requires deep research. Why? Well, it enriches you with useful information regarding such as what are these terms of User interface (UI) and User experience (UX)? Why are they important and essential to create a good and popular app? Well, with research you can find the exact answer, with proper looking into the topic and various date about it, many tips and other thesis etc ; you will be easily gathering all the information or the ‘ theory’ and putting it in ‘practice.’

Tips to create an eye popping app design:

1.   My first tip should be to have a clear concept of your design.  A nice and catchy design only comes from a clear and concrete mind. So, the question arises, that why do you need a clear concept? Well, for you to make your app worth applicable, worth buying, worth enjoying and in good ratings, you must think outside the box. Your concept must not be duplicate or as I call it the ‘replica’ or repeat of a used concept.  So, we come to a two-way solution,

a)    Is it your custom design?

b)    Is it a design template?

This tip of being original goes for both ‘a’ and ’b.’ Obviously you can get the experience of many apps, and make a conclusion of their theme and come up of your own original theme. Inspiration is totally legal; however, there are limits of inspiration. You need to respect the intellectual property of any person or company. A clear concept will enable your users to spend less time on how to use your app. The less time they spend, the chances are much more that they will try or even buy your app. For instance, if a user took three or four minutes just to understand how to use your app, you are not getting it right. When you are facing millions of apps, by a mere click of mouse or tap of keypad, then you have to impress your user within the first few seconds of app-user interface. The moment you are a failure in creating a positive vibe in your user in the first few seconds then your app is likely to be rejected. It will also go down in rating owing to the bad customer review.

On the other hand, if you have worked hard on originality of your design, you stand a very good chance to impress your user and make him think that your app is worth trying.

2.  My second golden advice would be to concentrate on User interface (UI) and User experience (UX). As a user is the real client of your app, and you must have to create a positive experience for him or UX. The design should be appealing, the application should be simple and easy to understand and not vice versa. Your app should stand for a positive experience for the user. Now, as a good app designer, you have to mark all the corners possible. I mean, you need to get your user into your zone, where you can deliver the best app for him. If the user is easily attracted only then the real qualities or characteristics of your app will be visible. Your test of app should be easy to read, it should not be too small to read or too big to be ignored. The buttons should be easy to apply, user friendly and app-suitable elements. It is also necessary that you have correct and research base understanding of ‘market attitude’, ‘user aptitude’ and what apps are in and what are not! You must also consider all the contemporary popular design and think on the perspective of a user that what makes your app different and better than the rest and already on ‘good sale chart’ apps.

3.  A design worth excellent if it has proper balance of colors and contrast.  My third and final tip is to bring more and more contrast into your appl. The theme, the buttons, the features, the layouts, the sourcing, the codes that show, the text that appear, the delete-use- buttons or the common buttons and features, the graphics itself, the style and composition of your theme, whether custom or template- they all must be enriched with lots of contrast.  You should use your research, current themes that are popular and your own perception to try different color schemes. You should come up with an attractive, catchy and easy on eyes theme or design in order to create a magnificent first impression. This is extremely important and helpful.

Conclusion:

We can summarize the effective app designing into many small and tiny details including all the ones that we mention in introduction and explained in the article.

k)  User understanding

l)  User affiliation

m)  Research (proper and deep analysis)

n)  User-app interface

o)  Original and unique idea and/ design

p)  Market awareness

q)  User friendly

r)  Catchy and attractive app design

s)  Lots of contrast in design/theme

t)  Interesting feature and popular layouts presentation

Using all the above factors and the one that are discussed in detail, one can ensure a superb and popular app design, an eye popping app design. 

For More info, Visit http://www.create360.com.sg/.