هذه الشريحة ت ركت فارغة عمد ا.
رياض قيكس. لقاء شهر أغسطس ٢٠١٥.
اجلو ال أوال *. تصميم صفحات الو يب ألجهزة اجلو ال. * مستلهم من http://www.youtube.com/watch?v=nje_or4vilu و غيره.
ح سام الزغيبي. @hossamzee
أرضي ة م شتركة. رأي بعضه يستند على أرقام و أذواق.
استطالع رأي. تصف ح اإلنترنت بواسطة اجلو ال أطول مد ة من تصفح ه بواسطة احلاسوب?
تاريخ الو يب.
.١٩٦٩ والدة اإلنترنت; لكن دون مواقع و يب*. http://www.avg.com/history-of-internet *
.١٩٨٩ وصول أو ل صفحة ويب*. http://webfoundation.org/about/vision/history-of-the-web/ http://info.cern.ch/hypertext/www/theproject.html * *
.١٩٩٤ دخول اإلنترنت إلى اململكة العربي ة السعودي ة*. http://internet.sa/ar/category/statistics_study/ *
.٢٠٠٤ اقتراح تقنية تواؤ م تخطيط الصفحة مع اجلهاز*. * كاميرون آدم, التخطيط امل عتمد على الدق ة http://www.themaninblue.com/writing/perspective/2004/09/21/
.٢٠٠٧ إطالق.*iPhone 1 https://www.apple.com/pr/library/2007/01/09apple-reinvents-the-phone-with-iphone.html *
.٢٠١١ جتاو ز مبيعات الهواتف الذكي ة احلواسيب*. http://www.digitaltrends.com/mobile/smartphone-sales-exceed-those-of-pcs-for-first-time-apple-smashes-record/ *
.٢٠١٢ السعودي ة األعلى ف مشاهدة.*Youtube http://www.arabiangazette.com/revealed-saudi-arabia-social-media-statistics-2012/ *
.٢٠١٣ تسمية Mashable السنة ب سنة التصميم التجاوبي *. http://mashable.com/2012/12/11/responsive-web-design/ *
الو يب من اجلو ال.
.٧٦٨ ١٠٢٤ ٨٠% من محتوى الل وحة مفقود*. *مقارنة مع ٣٢٠ ٤٨٠.
اخلطوط اجلوي ة العربي ة السعودي ة, نسخة حاسوب. http://www.saudiairlines.com/portal/site/saudia/template.welcome
اخلطوط اجلوي ة العربي ة السعودي ة, نسخة جو ال. http://m1.saudiairlines.com/web/m/mainmenu.jsp
استطالع رأي. أي هما برأيك ب ني أوال?
بدء من احلاسوب و انتهاء باجلو ال. وجهة النظر األولى.
بدء من اجلو ال و انتهاء باحلاسوب. وجهة النظر الثانية.
التركيز. معرفة ما ي هم املستخدم.
,Flickr نسخة مخب أة, نسخة حاسوب. أكثر من ٦٠ خيار ا.
,Flickr نسخة م خب أة, نسخة جو ال. ت تقليل اخليارات إلى ٨.
بدال من استخدام األزرار. األحداث م رتبطة باحملتوى.
,Flickr استعراض صورة, نسخة حاسوب. https://www.flickr.com/photos/kent-macdonald/18915825691/in/photostream/
,Flickr بحث, نسخة جو ال. https://mobile.twitter.com/
التعامل مع األجهزة الم ختلفة. التصميم و احلجم م هم *. * تصميم مرجعي.Reference design
,Hover نسخة حاسوب. https://www.hover.com/
التأخير. األداء م هم أيض ا.
أمازون: تأخير ١٠٠ مل ثانية يتسبب ف خسارة ف املبيعات بنسبة ١%*. ياهو: تأخير ٤٠٠ مل ثانية يتسبب ف انخفاض حركة مرور الويب بنسبة ٥-٩%*. قوقل: تأخير ٥٠٠ مل ثانية يقل ل عمليات البحث بنسبة ٢٠%*. http://www.slideshare.net/stubbornella/designing-fast-websites-presentation *
الس ياق. أين نستخدم جو االتنا?
٩٩% ف املنزل*. ٨٢% ف السي ارة أو النقل العام*. ٦٩% ف العمل*. ٥٣% عند اإلنتظار ف الطوابير*. ١٧% عند مم ارسة التمارين*. http://www.pewinternet.org/2015/04/01/chapter-three-a-week-in-the-life-analysis-of-smartphone-users/ *
الن اس ال ميكثون طويال. TL;DR
٢٥% من كل املستندات استعرضت ألقل من ٤ ثوان. ٥٢% من الزيارات استغرقت أقل من ١٠ ثوان. وقت الذ روة كان وقت االستعراض بي ٢ إلى ٣ ثوان. * ٦٥٠,٠٠٠ رابط ت اختباره و هذه دراسة مشابهة http://www.nngroup.com/articles/how-long-do-users-stay-on-web-pages/
الل مس و األحداث ذات العالقة.
حملة بسيطة من أحداث اللمس. http://designmodo.com/wp-content/uploads/2012/11/slide-16-touch-gestures.png
لكون ه حدث ا م حتمال. إلغاء حدث عند مرور املؤشر.
ألن املتصف حات تدعمه. االستفادة من.HTML5
حقل التاريخ و الوقت. https://developer.apple.com/library/ios/documentation/userexperience/ Conceptual/TransitionGuide/Art/date_picker_7_2x.png
املوقع و التوجيه. https://www.google.com.sa/maps/@24.6383884,46.7113651,15z
Google و صديق للجو ال. يؤث ر ف ترتيب نتائج البحث*. http://googlewebmastercentral.blogspot.com/2015/04/rolling-out-mobile-friendly-update.html * https://www.google.com/webmasters/tools/mobile-friendly/ *
,Google نتائج البحث, نسخة جو ال. https://www.google.com.sa/search?q=random
جر ب! أعد تصميم موقع ما ليكون من اجلو ال أوال.
ن قاش.
شكر ا لك م.