In the search to speed up page load, some publishers has been using a creative method to keep the page light and also ensure that the user experience on full desktop site Mashable’s AMP page has been spotted in the wild:
Full page: http://mashable.com/2017/03/12/google-project-jacquard-levis-jacket-launch/
AMP page: http://mashable.com/2017/03/12/google-project-jacquard-levis-jacket-launch.amp
Both links delivers the same message but have pros and cons pegged to them:
– Full page loads slower as there’s more plugins and ads – this helps the publisher to monetize but the long load time might cause the readers to bounce.
– AMP page loads faster with reduced plugins and has NO ads. Meaning publishers can’t monetize with the article.
Check list for this approach:
– ensure rel=”canonical” is implemented on the AMP page pointing to the full page
– place a link to feed users back to the full page as the other users might access it through a desktop and the experience would seem half loaded
Hello again. I am back!
Previously had some problems with the network hosting after i tried to migrate from blogspot to WordPress. The purpose of migrating is to test out more tech and implementation on my own initiative.
This month, I am looking to test out Facebook Instant Articles and Google AMP. Any feedback is welcome!
Fun easter eggs hidden in the new Google Hangouts in newly revamped Google Plus, which on the record not following pinterest but Google Now’s design (android users will know)
and the lat one is the KONAMI cheat geeks are used to on the image above.
Note: this does not work on mobile (yet)
Download the mobile app here – android and iOS
Enjoy and have fun. TGIF,
Just want to share a informative yet simple site for 1 year of user experience (UX) learning and revisions:
Now and then, there’s a lot of products/apps that stands out. The current trend is the simpler the product is, the better the review, feedback and the more shares it gets.
A recent article on techcrunch by Bump’s CEO, David Lieb points out that a lot of people over look “cognitive overhead” when it comes to productization. Cognitive Overhead — “how many logical connections or jumps your brain has to make in order to understand or contextualize the thing you’re looking at.” That causes a simple product to become more complicated to the users.
One of the example he gave was the use of QR codes. QR codes was invested and use nowadays to make it simple for people to get online to a specific website using the phone’s camera. However, is it really easy? Here’s the steps below:
- see ad
- takes out smartphone
- go to app store to download QR code scanner
- wait for download (people will drop off here as the waiting time is long)
- launch app
- scan QR code
- click to go to link
- go to website
From personal experience, it will be easier to input a shortened URL Here’s the steps:
- see ad
- takes out smartphone
- launch browser
- type in short url
- go to website
The second process is 3 steps shorter and also minus the drop off from the app download. On the preparation side, marketers would have lesser chance to make mistakes and lesser time making sure the QR code is the right size to scan. A lot of time people spend too much time and effort to build something around technology and lost focus on the product. The thinking of “no interface is the best interface” is the thinking of ditching the technology and just think simple.
In conclusion, we need to keep in mind that products need to be not only generically simple but also cognitively simple. I would recommend Steve Kurg’s “Don’t make me think” for those who are going for true simplicity. In the book it says “the developers needs to think a lot so that we don’t make the consumer think if how to use a website/product and just use it”.
Do let me know what you think.
We read a lot on how colors affect conversions and in some situation it mean business. Choosing the right color is never an easy task but we can get some guidance from other people who had done some research and testing of their own like the infographic above.
Once you selected and tested out the right color, it is always wise to also optimize which shades of color actually bring better conversion. Google tested 41 different gradient of blue in order to optimize click rates on call to actions.
How to test?
Google used to have a tool (Google web optimizer) that lets you do A/B testing directly on your website. However, the tool was shut and integrated with Google Analytics as of Oct 2012. For more resource on how to set up this free experiment function for your site using Google Analytics, you can take a look here.
Things to prepare before that:
- integrate ga.js code into your website
- have at least 2 designs ready for experiment
- prepare spreadsheet to collect results and compare with future experiments. ideally, the spreadsheet should have the changelogs as well.
- significant amount of traffic to perform a fair experiment quickly. the more traffic you have, the faster you can get results.
Split testing is especially insightful when you are trying to validate designs and in this case colors of the font, color of the buttons and also color of the links.
I will be conducting a lot of testing real soon and will share more takes on the Google Analytics Experiment function real soon.
Haven’t been blogging for long time. Time to come back here since I’ve just extended the domain for additional 5 years with a special discount from godaddy.com (well, I abandoned my cart while logged in so they sent me the discount code)
- Left Possible and joined Lufthansa for one year leading ecommerce initiatives for SEA and ANZ for a year.
- Got to travel to different countries to help ramp up ecommerce by providing training in CMS usage, tagging, analytics.
- Currently with e27 in charge of digital marketing and product strategy. Current projects:
- optimizing codes
- redesign user experience on site
- digital marketing for Asia largest startup tech conference – Echelon
It is really different moving from agency to client side and now to startup mode. Currently learning a lot from other members including back-end and front-end development. Will be sharing more learnings and how-tos here in future.
Do feel free to engage me and let me know what you want to know as well.
Here’s an insightful TED talk by Yang Lan regarding China’s youth and how social media is playing apart in their daily life.
How the youth is using social media in their daily life, for social good and to influence the society