Checking User Experience by Speed Insight
Now I'm checking the Template's style sheet in order to make this site smartphone friendly.
When I check it, following errors appears.
There are stuffs to "Consider Fixing", but four rules seem to be passed.
- Avoid plugins
- Configure the viewport
- Size content to viewport
- Use legible font sizes
The rules seems not so difficult to pass.
The mobile and smartphone cannot use Flash embedded objects. There are currently no video contents, therefore it is automatically passed.
When we use Youtube's video, by using iframe code provided on the movie page to shaer, it has no problem.
This is about viewport setting of the meta tag located in header of the Html. By writing like bellow, it is automatically passed
I think this is a little bit difficult. This time, it fortunately passed. When I create template in Responsive Web Design, I used the web browser's scroll bar to check the size of layer div.
When you narrow the browser's width, and the design changed into smartphone mode, then if vertical scroll bar appears on the bottom of client area, it is wrong.
By checking this way, my Responsive Web Design passed the rule.
This is easy. If you do not use too small font, it will be OK.
I fixed following stuffs.
The distance of body content was too closed when the list is linked. I added following style sheet to the template.
This is same with list's distance.
This is the most troublesome error. The only thing I can do is set "display:none;", when it is smartphone mode.
I think most of linkedin's users access from PC, therefore, it is maybe OK.
After fixed, the usability become 100%. But the linkedin's bookmark part is not available on smartphone. I'm going to check the socialite's update, and fix it later.