Category Archives: Uncategorized

How loading time effects your responsive website

How loading time effects your responsive website

25% จะหนีจากเว็บ เมื่อใช้เวลาโหลดหน้าเว็บเกิน 4 วินาที
จากภาพ 1 ใน 4 หรือ 25% จะหนีจากเว็บ เมื่อใช้เวลาโหลดหน้าเว็บเกิน 4 วินาที
อ้างอิงจาก http://www.sitepoint.com/optimizing-responsive-design-websites-for-performance/

หากดูจากภาพนี้
How loading time effects your Bottom Line
เทียบกับเว็บไซต์ e-commerce บน mobile ช่วงเวลารอคอย 6-10 วินาที เป็นช่วงเวลาที่มีจำนวนรอคอยได้มากสุดนั่นคือ 30% นอกจากช่วงเวลา 6-10 วินาทีแล้ว จำนวนคนที่มีความอดทนรอคอยก็จะลดจำนวนลง คือน้อยกว่า 30% ซึ่ง เว็บประเภท e-commerce จะเห็นการสูญเสียตัวเงินชัดเจน สมมติว่า เว็บไซต์ AAA ทำรายได้ 1 แสนบาทต่อ 1 วัน ถ้าหน้าเว็บโหลดช้าไปเพียง 1 วินาที ก็จะทำให้สูญเสียรายได้ไป 2.5 ล้านบาทต่อปี จะเห็นว่า 1 วินาทีนั้น มีค่ามากขนาดไหน

อ้างอิงจาก http://blog.kissmetrics.com/loading-time/?wide=1

Mobile first ตอนที่ 4 Organization

Mobile first ตอนที่ 4 Organization

ในการจัดการ  mobile web experience นั้นทำได้โดยศึกษาจากพฤติกรรมและความต้องการของผู้ใช้

1. ศึกษาพฤติกรรมการใช้มือถือของผุ้ใช้ว่าเป็นไปตามลักษณะไหนใน 4 ข้อนี้
– Lookup / Find
– Explorer / Play
– Check In / Status
– Edit / Create
และนำมาปรับใช้ให้สอดคล้องกับเว็บไซต์ของคุณ

2. เน้นที่เนื้อหามากกว่า navigation ให้ผู้ใช้เข้าถึงข้อมูลได้เร็วที่สุด

3. วางทางเข้าในตำแหน่งที่เหมาะสมและมีสิ้งค์ที่เชื่อมโยงเพื่อให้ผู้ใช้ได้เข้าถึงข้อมูลหน้าอื่นๆได้

4. ลดตัวเลือกเพื่อลดความสับสนให้แก่ผู้ใช้ และจะทำให้สิ่งที่ต้องการสื่อชัดขึ้น ซึ่งจะเป็นประโยชน์ในเวลาเร่งรีบ
ซึ่งเมื่อทำการจัดการ  mobile web experience  แล้วจะทำให้ผู้ใช้เข้าถึงสิ่งที่ต้องการค้นหาได้สะดวกและรวดเร็ว

Mobile first ตอนที่ 1 Introduction

Mobile first ตอนที่ 1 Introduction

บทความนี้จะ นำ ไปสู่การอธิบาย การเริ่มต้น หรือสิ่งที่ควรทำจาก web site ไปสู่ Mobile

การออกแบบมือถือ เป็นการเตรียมพร้อมสำหรับการเติบโตของเทคโนโลยีอย่าง มือถือ และรองรับการใช้งาน ของ website บน mobile Growth การใช้ Smart Phone นั้นมีการใช้งานที่เพิ่มขึ้นมาก เกือบทุกคน ในทุกๆที่ ที่เราไป

จากระยะเวลาที่ผ่านมาจึงได้มีการวิเคราะห์ว่าการเติบโตของมือถือเกิดขึ้นได้อย่างไร

  • Smart Phone ถูกคาดการณ์ ว่าจะเติบโตพร้อมกับ labtop notebook แต่ Smart Phone นั้นเติบโตอย่างรวดเร็วและแซงหน้า notebook labtop ไป
  • การเข้าใช้ website ใน mobile เพิ่มขึ้น
  • ผู้เข้าใช้ email จาก desktop ลดลง แต่ mobile เพิ่มขึ้น
  • Traffic การใช้งาน ของ internet on mobile เพิ่มขึ้น
  • 500 ล้านคนจากทั่วโลก เข้าใช้งาน internet on mobile ในปี 2009

จึงได้คาดการณ์ว่า Smart Phone จะเข้ามาแทนที่ PC จากการเข้า website ทั่วโลก

นอกจากการเข้า Website ใน Mobile เพิ่มขึ้นแล้ว การใช้งานธุรกรรมทางการเงิน เช่น PayPal ก็มีการชำระเงินจาก Mobile 10 ล้านดอลล่า ต่อวัน

So What changed?

Motorola Z3 เป็นการเริ่มของการเจริญเติบโต ของการใช้งาน Internet ในมือถือ หลังจากนั้น Apple ก็ออก  iPhone ออกมา นั้น ทำให้เกิดการเปลี่ยนแปรงครั้งใหญ่ของ การใช้  Smart Phone

All device are not created equal.

การใช้งาน หรือ ความสามารถของ Mobile แต่ละรุ่นนั้นต่างกันทั้ง ขนาดจอ การใช้งาน หรือ traffic ของ internet แต่ละเครือข่ายที่เราใช้งาน  เราจึงต้องออกแบบ เพื่อให้รองรับการใช้งานที่ดีที่สุด ใน Mobile

What about native?

การใช้งานของ Mobile มีทั้งเป็นแบบ Application และเว็บไซต์ และ มีการเรียก เว็บไซต์มากจากตัว App. ด้วย  เราจึงต้อง ออกแบบการ ใช้งาน ให้ดีและใช้งานง่ายจากทุกทาง

Joe Hewitt, former lead developer of Facebook’s iPhone application: “My goal was initially just to make a mobile companion, but I became convinced it was possible to create a version of Facebook that was actually better than the website,”

“เป้าหมายแรกของเรา คือการทำ Facebook ในมือถือ เพื่อให้แค่เพิ่มเติมจากการทำงาน บน desktop แต่กลายเป็นว่าเราต้อง สร้าง Facebook on Mobile ให้ดีกว่า desktop”

Update วิเคราะห์ OS,Browser พฤติกรรมคนดู ล่าสุด 05/09/2554

Update วิเคราะห์ OS,Browser พฤติกรรมคนดู ล่าสุด 05/09/2554

ตัวเลขอ้างจากการใช้งานหน้าแรก sanook.com ซึ่งปัจจุบันจํานวนผู้ใช้งานเฉลี่ยต่อวัน 13,593,058 (Page Views) ข้อมูลตัวเลขทั้งหมดจาก การเก็บ Stat ของ http://truehits.net

Mobile Devices จากจำนวนทั้งหมด 186 อันดับ [ดาวน์โหลด Excel]

NAME Pageview Percent
iPad 25,575 59.09
iPhone 11,358 26.24
iPod 811 1.87
BlackBerry 9780 328 0.76
NokiaBrowser 327 0.76
NokiaC5-03 306 0.71
Nokia5800d-1 242 0.56
NokiaE63-1 214 0.49
Nokia5233 213 0.49
BlackBerry8520 193 0.45
LG Android-MMS-V1.0 172 0.40
Nokia5230 157 0.36
Nokia5530c-2 155 0.36
BlackBerry 9800 141 0.33
Nokia5250 135 0.31
NokiaE72-1 125 0.29
NokiaE5-00 118 0.27
BlackBerry 9700 112 0.26
BlackBerry9700 110 0.25
NokiaC7-00 110 0.25
NokiaC6-00 93 0.21
NokiaC3-00 90 0.21
SAMSUNG-GT-S8530 89 0.21
HTC_DesireS_S510b 83 0.19
BlackBerry 9300 82 0.19
NokiaN8-00 75 0.17
NokiaX6-00 69 0.16
NokiaC5-00 64 0.15
SAMSUNG-GT-S7233E 62 0.14
SAMSUNG-GT-S5253 62 0.14
HTC_DesireHD_A9191 60 0.14
HTC 52 0.12
BlackBerry9000 49 0.11
HTC_Wildfire_A3333 43 0.10
SAMSUNG-GT-S8500 41 0.09
Sony EricssonLT15i 40 0.09
BlackBerry9300 36 0.08
HTC_DesireS_S510e 35 0.08
NokiaX5-01 35 0.08
NokiaE71-1 31 0.07
NokiaC2-03 29 0.07
NokiaN95_8GB 28 0.06
HTC_IncredibleS_S710e 28 0.06
SAMSUNG 27 0.06
Sony EricssonX10i 26 0.06
Nokia6700s 26 0.06
i-mobile i691 26 0.06
Nokia6760s-1 26 0.06
NokiaE52-1 25 0.06
NokiaC6-01 24 0.06
i-mobile I-Note 23 0.05
i-mobile i810 23 0.05
NokiaN95 23 0.05
NokiaN81-3 22 0.05
Sony EricssonJ108i 22 0.05
NokiaX3-02 22 0.05
HTC_DesireZ_A7272 21 0.05
NokiaE90-1 21 0.05
Nokia6300 20 0.05
HTC Tattoo 20 0.05

TOP Operating Systems for Mobile จากจำนวนทั้งหมด 24 อันดับ [ดาวน์โหลด Excel]

NAME Pageview Percent
Mac OS (iPhone) 12,201 53.76
Android 2.2 2,311 10.18
Android 2.2.1 2,164 9.54
Symbian OS 1,972 8.69
Android 2.3.3 1,546 6.81
RIM (BlackBerry) 1,069 4.71
Android 3.1 387 1.71
Android 2.2.2 332 1.46
Android 2.1-update1 272 1.20
Android 2.3.4 163 0.72
Android 1.6 74 0.33
Android 3.2 71 0.31
Android 46 0.20
Android 3.0.1 29 0.13
Android 1.6.2890 12 0.05
Android 1.5 9 0.04
Android 2.3.2 8 0.04
Android 1.9.88.v03 8 0.04
Windows Mobile 5 0.02
Android 2.1 5 0.02
Android 2.2.1.1832 4 0.02
Android GINGERBREAD 3 0.01
Android 2.3.5 2 0.01
Android Eclair 2 0.01

TOP Operating Systems จากจำนวนทั้งหมด 62 อันดับ [ดาวน์โหลด Excel]

NAME Pageview Percent
Windows XP 796,965 57.25
Windows 7 452,106 32.48
Windows Vista 53,504 3.84
Mac OS X 37,929 2.72
Mac OS X 10_6_8 13,662 0.98
Mac OS X 10.6 4,711 0.34
Mac OS X 10_5_8 4,688 0.34
Mac OS X 10_7_1 3,745 0.27
Mac OS X 10_6_7 2,951 0.21
Android 2.2 2,311 0.17
Android 2.2.1 2,164 0.16
Symbian OS 1,972 0.14
Linux i686 1,812 0.13
Mac OS X 10.5 1,603 0.12
Android 2.3.3 1,546 0.11
Mac OS X 10_6_6 1,486 0.11
Linux x86_64 855 0.06
Mac OS X 10_7 825 0.06
Windows 2000 809 0.06
Mac OS X 10.7 734 0.05
Mac OS X 10_4_11 721 0.05
Mac OS X 10_6_4 705 0.05
Mac OS X 10_6_3 514 0.04
Mac OS X 10_6_5 446 0.03
Android 3.1 387 0.03
Mac OS X 10.4 358 0.03
Android 2.2.2 332 0.02
Android 2.1-update1 272 0.02
Mac OS X 10_6_2 268 0.02
Mac OS X 10_5_7 249 0.02
Mac OS X 10_5_6 186 0.01
Mac OS X 10_7_0 180 0.01
Linux armv7l 178 0.01
Android 2.3.4 163 0.01
Mac OS X 10_6_1 109 0.01
Windows 98 95 0.01
Mac OS X 10_6 82 0.01
Windows Phone OS 75 0.01
Android 1.6 74 0.01
Android 3.2 71 0.01
Windows NT 55 0.00
Mac OS X 10_7_2 34 0.00
Mac OS X 10_5_4 30 0.00
Android 3.0.1 29 0.00
Mac OS X 10_5_5 20 0.00
Android 1.6.2890 12 0.00
Windows 95 10 0.00
Android 1.5 9 0.00
Android 2.3.2 8 0.00
Android 1.9.88.v03 8 0.00
Windows NT 6.2 7 0.00
Windows CE 5 0.00
Android 2.1 5 0.00
Android 2.2.1.1832 4 0.00
Android GINGERBREAD 3 0.00
Win 9x 4.90 3 0.00
Mac OS X Mach-O 2 0.00
Mac OS X 10_5_2 2 0.00
Linux mips 2 0.00
Android Eclair 2 0.00

TOP Browser Versions จากจำนวนทั้งหมด 425 อันดับ [ดาวน์โหลด Excel]

NAME Pageview Percent
MSIE 8.0 388,513 27.71
MSIE 7.0 279,418 19.93
Chrome 13.0.782.220 208,423 14.87
Firefox 6.0.1 118,101 8.42
MSIE 9.0 70,612 5.04
MSIE 6.0 63,744 4.55
Chrome 13.0.782.218 35,704 2.55
Firefox 3.6.21 35,299 2.52
Safari 6533.18.5 32,103 2.29
Firefox 6.0 11,756 0.84
Firefox 5.0 11,253 0.80
Safari 534.50 10,158 0.72
Firefox 4.0.1 8,064 0.58
Opera 9.80 6,954 0.50
Safari 533.21.1 6,431 0.46
Safari 533.1 6,412 0.46
Chrome 13.0.782.215 5,880 0.42
Firefox 7.0 4,873 0.35
Firefox 3.6.20 4,659 0.33
Mozilla 5.0 4,304 0.31
Firefox 3.0.19 4,029 0.29
Safari 534.48.3 3,838 0.27
Firefox 4.0 3,561 0.25
Firefox 5.0.1 3,019 0.22
Firefox 3.6.13 3,015 0.22
Firefox 3.6.18 2,823 0.20
Chrome 13.0.782.112 2,303 0.16
Chrome 12.0.742.122 2,282 0.16
Chrome 9.0.576.0 2,223 0.16
Safari 533.19.4 2,176 0.16
Safari 533.22.3 2,013 0.14
Safari 6531.22.7 1,949 0.14
Firefox 3.6.3 1,709 0.12
Chrome 10.0.648.204 1,639 0.12
Safari 531.21.10 1,591 0.11
Firefox 3.6.12 1,380 0.10
Chrome 11.0.696.68 1,139 0.08
Firefox 3.6.8 1,125 0.08
Firefox 3.6.17 1,069 0.08
Firefox 3.5.3 1,056 0.08
Safari 533.18.5 1,019 0.07
Firefox 3.6 1,016 0.07
Chrome 6.0.472.25 994 0.07
Firefox 3.6.10 896 0.06
Safari 533.20.27 855 0.06
Chrome 12.0.742.112 830 0.06
Firefox 3.5.7 796 0.06
Chrome 11.0.696.71 769 0.05
Safari 413 752 0.05
Chrome 13.0.782.107 738 0.05
Chrome 7.0.517.41 733 0.05
Chrome 11.0.696.77 713 0.05
Chrome 11.0.696.60 697 0.05
Firefox 3.6.15 690 0.05
Chrome 12.0.742.100 672 0.05
Chrome 8.0.552.215 666 0.05
Firefox 3.0.10 657 0.05
Firefox 3.6.16 656 0.05
Chrome 10.0.648.6 655 0.05
Firefox 3.5.19 621 0.04

TOP Resolution จากจำนวนทั้งหมด 1966 อันดับ [ดาวน์โหลด Excel]

NAME Pageview Percent
1024*768 321,160 22.90
1366*768 269,463 19.21
1280*800 222,010 15.83
1280*1024 87,706 6.25
1440*900 62,410 4.45
1600*900 51,983 3.71
1920*1080 36,939 2.63
1280*768 31,980 2.28
1360*768 31,751 2.26
1152*864 30,846 2.20
1280*720 26,069 1.86
768*1024 25,479 1.82
1024*600 20,357 1.45
1680*1050 19,604 1.40
1093*614 17,630 1.26
800*600 11,766 0.84
1280*960 11,694 0.83
320*480 11,557 0.82
1024*640 7,861 0.56
1311*737 4,951 0.35
1024*819 4,617 0.33
1152*720 3,667 0.26
1249*702 3,311 0.24
1536*864 3,250 0.23
1920*1200 3,152 0.22
1140*641 3,102 0.22
1192*670 2,729 0.19
911*512 2,401 0.17
1441*810 2,143 0.15
819*614 1,884 0.13
1024*576 1,645 0.12
2560*1440 1,494 0.11
983*737 1,340 0.10
1080*810 1,291 0.09
1344*840 1,202 0.09
1058*595 1,182 0.08
320*240 1,109 0.08
1067*600 1,107 0.08
1088*614 1,082 0.08
640*360 1,080 0.08
1229*983 1,021 0.07
1400*1050 1,008 0.07
1024*614 980 0.07
1600*1200 910 0.06
960*600 907 0.06
360*640 885 0.06
1017*572 862 0.06
1170*731 813 0.06
853*533 724 0.05
1229*768 710 0.05
1170*936 709 0.05
320*396 655 0.05
707*530 647 0.05
1143*857 623 0.04
240*320 612 0.04
640*480 596 0.04
1229*691 591 0.04
480*360 587 0.04
1024*1024 571 0.04
819*480 564 0.04

TOP color Depth จากจำนวนทั้งหมด 7 อันดับ

NAME Pageview Percent
32 1,050,343 74.87
24 318,181 22.68
16 31,627 2.25
4 2,645 0.19
8 40 0.00
15 37 0.00
12 2 0.00

Domain Name จากจำนวนทั้งหมด 88 อันดับ

NAME Pageview Percent
US Commercial (.com) 951,176 90.84
Thailand (.th) 91,519 8.74
United Kingdom (.uk) 790 0.08
Germany (.de) 504 0.05
Sweden (.se) 319 0.03
France (.fr) 309 0.03
Australia (.au) 271 0.03
Network (.net) 235 0.02
Switzerland (.ch) 161 0.02
Netherlands (.nl) 144 0.01
Finland (.fi) 126 0.01
Canada (.ca) 121 0.01
Japan (.jp) 118 0.01
Norway (.no) 109 0.01
Italy (.it) 101 0.01
Hong Kong (.hk) 87 0.01
Denmark (.dk) 78 0.01
Singapore (.sg) 77 0.01
Belgium (.be) 66 0.01
Non-Profit Organization (.org) 62 0.01
Korea (South,&nptr) (.kr) 59 0.01
Malaysia (.my) 58 0.01
Austria (.at) 46 0.00
Spain (.es) 43 0.00
Taiwan (.tw) 43 0.00
Laos (.la) 39 0.00
New Zealand (Aotearoa,&nptr) (.nz) 33 0.00
India (.in) 32 0.00
Ireland (.ie) 32 0.00
Samoa (.ws) 27 0.00
United Arab Emirates (.ae) 22 0.00
Russian Federation (.ru) 21 0.00
United States (.us) 20 0.00
Israel (.il) 18 0.00
Portugal (.pt) 18 0.00
Greece (.gr) 17 0.00
Cameroon (.cm) 14 0.00
Egypt (.eg) 14 0.00
Info (.info) 14 0.00
Turkey (.tr) 13 0.00
Philippines (.ph) 11 0.00
Saudi Arabia (.sa) 11 0.00
Sri Lanka (.lk) 10 0.00
Hungary (.hu) 10 0.00
Brazil (.br) 8 0.00
Turks and Caicos Islands (.tc) 8 0.00
South Africa (.za) 7 0.00
Ghana (.gh) 6 0.00
Chile (.cl) 6 0.00
Malta (.mt) 5 0.00
Libya (.ly) 5 0.00
Croatia (Hrvatska,&nptr) (.hr) 5 0.00
Indonesia (.id) 5 0.00
Morocco (.ma) 5 0.00
Argentina (.ar) 5 0.00
Pakistan (.pk) 5 0.00
Qatar (.qa) 5 0.00
China (.cn) 5 0.00
Viet Nam (.vn) 4 0.00
Slovenia (.si) 3 0.00