Website Redesign: What are the critical screen resolutions ?
In Part 2, Which Browsers to Target?, we reviewed the targeted browsers and version using Google Analytics
In this part, we evaluate using same period of Google Analytics data.
We sort from most common to less common, guestimate the user profile and their trend [ex: iPhone6 already in the stat but growing fast] and finally put priorities based on % + trend.
More difficult then it seems since some report physical resolutions, some report CSS type resolution, etc.
The reason to not only use % but also estimated user profile and trend is to ensure our web site update will actual target our critical customers [we have both B2B thus must consider "old" corporate computers used by buyer/admin; and B2C thus must consider latest mobiles] not only now but at least for the next 12 months.
We group and organize them in a limited, manageable number of screen resolution, and put them in a more visual infographic with portrait/landscape actual size when suitable that we will use later to do our Responsive Web Design with the critical size breaks.
Responsive Web Design : Screen Resolution Target Infographic
Next Episode: drafting Responsive Web Design for the critical screen resolution…
Website Redesign, Which Browsers to Target?
In part 1, Why an updated web design?, we reviewed the rationales behind our decision to go for a design update.
In this part, we describe which platform/OS/browser we will support and test our web site against.
Step 1: Get stats from Google Analytics
We used past 3 months of Google Analytics to get the following statistics on our visitor base.
- Operating System:
Need to go into more details
Very messy and not really useful…
Quite a range…
- Internet Explorer
Definitely useful, still close to 20% of IE users using IE8, guessing corporate computers running XP…
- Android Browser
So only 4.x, no need to worry about older versions…
Step 2: Making Sense of it, Threshold selection
Now let’s make more sense of this, using excel and setting some targets
- Operating System:
|in bold the browsers to be used for full testing
Next Part: Choosing targeted screen resolutions
We recently embarked on a significant “design update” of our website, www.plixo.com.sg, and will post articles on the real-world experience we are collecting on the way, hoping it to be valuable for anybody conducting such a perilous task !
Why an update ?
First to consider is actually….
Why we should not do any significant update !
- Our website has pretty good Google rankings for most of our critical keywords in our targeted market Singapore:[more on why later]
- 42 top ranks
- 96 ranks 2-5
- 25 ranks 6-10
This include not only long-tail low-search keywords (ex:”laser cut leather singapore”, top rank) but also some describing our main activity (ex:”large format printing”, top rank) and some wide and competitive (ex:poster printing, rank 2).
- We got an average of above 200 visitors per day, most of them qualified that translate to around 50 requests by email and 20 phone calls, being our main business source of new customers, both B2B and B2C, and just nice to fill our production.
- Our customers regularly praise our website, easy to use even on mobile and comparing favorably against our competitors
So Why ?
Here is our reasoning:
- We never totally polished our current web site, with many small details here and there [pixels alignment, differences in rendering in various browsers, some pages with gallery some with slide-shows] not satisfying our perfectionist eyes. Trying to fix these with our current HTML+CSS has proven difficult, so a rewrite is expected to allow this
- While our website has some basic Responsive features and display nicely on smartphones and tablets, it’s not optimized for Retina type aka high DPI displays, with our logo and “icons” being blurs etc.
- Our website load very fast, but still use a lot of bandwidth and HTTP requests for the “enhanced” features “Gallery” and “Map”, making it not totally mobile friendly
- We have additional websites on the way for dedicated products/brands (BenMark, Sign4Sure). Updating our current website will provide us a real-case and a base for these two websites.
Each of this point is not enough to take the risk and bear the cost of a redesign. But all together their offer a more compelling story.
And oups, I forgot one key reason: I’m in charge of our web and wanna enjoy some of the new technologies and hopefully share and get praised for it
Next episode: part 2 – Target and Criteria
Featured image © Violetkaipa | Dreamstime.com – Technology In The Hands Photo
We have 3 job positions open !
Apply and join us in our growth !
Here are direct link to the 3 descriptions in JobsBank:
- Signage and Vinyl sticker Installer
See our new page: http://www.plixo.com.sg/safety-signs.php
Full range of safety signs, in various dimensions, materials etc…
More to come since we are working on adding an online database with design, materials, prices and later on direct online ordering
Job Opening: Laser Operator
Immediate, Near Red Hill MRT, Beginners Welcome
5.5 days per week, Competitive wages
See full details as pdf here.
In our serie “one Day of”, Artist canvas print & wrap in Singapore at our workshop near Red Hill MRT:
- First,build nice frame with full backing:
- Second, wrap the canvas printing nicely with dedicated attention of the alignment
- One canvas printing already assembled, more to go !
And the last but not the least one, nice tryptique of canvas printing of Singapore Landscape:
For more, see Artist Canvas Printing in Singapore, why Plixo ?
We just succeeded in testing our pipe markers against an extended temperature range of up to 130°C !
Here is the beginning:
Mid test view:
And some views of the final results:
For the sake of safety, we will take 125°C for our datasheet
This is one extra test passed successfully after our first rough chemical resistance and flame behaviour test which can be seen here Fire Behaviour + Chemical Resistance Test on our pipe markers and competitors.
- Accelerated aging, either Xenon or UV not decided yet
- Sea water spray test
Let’s see if our competitors are up to the task, a real test better than just comparing datasheet, as demonstrated already in our video…