Upload
web-standards-school
View
678
Download
4
Embed Size (px)
Citation preview
”تفکر واکنش گرا و ارتباط آن با مشتریان یک سیستم“
:ارائه دهنده مسعود صدری
Masood.Sadri
MasoodSadri
MasoodSadri
MasoodSadri
تفکر واکنشگرا
طراحی واکنشگرا چیست؟
مجموعه تکنیک ها و یک روش طراحی وب که هدف اصلی از آن، نمایش مطلوب .وب سایت در طیف گسترده از صفحات نمایش است
مروری بر گذشته
.پیکسل بود640، استاندارد طراحی برای طول 90در دهه -
.پیکسل تغییر کرد800به بعد، این استاندارد به 2000از سال -
.پیکسل افزایش یافت1024چند سال بعد به -
مروری بر گذشته
.پیکسل باشد2000تا 320امروز ممکن است طول یک صفحه، عددی مابین -
.این در حالی است که شاید عرض یک صفحه، از طول آن بیشتر باشد-
.طراحی واکنشگرا، پاسخی است به مسئله متغیر بودن سایز صفحات-
اندیشه طراحی واکنشگرا
یک وب سایت « محتوای»کاربران امروزی همواره با دستگاه های متفاوت، به دنبال .هستند
ون استراتژی یک طراحی مناسب، بر اساس نمایش صحیح محتوا در سایزهای گوناگ.خواهد بود
اندیشه طراحی واکنشگرا
"Good web design is about the character of the content, not the character of the designer.“
- Jeffry Zeldman
اندیشه طراحی واکنشگرا
اید بر در نوع تفکر طراحی، با افزایش کاربری تلفن های هوشمند، تبلت ها و لپتاپ ها، ب.روی ویژگی های مشترک بین این دستگاه ها تمرکز داشت
.امروزه، تنوع ویژگی های دستگاه های جدید رو به افزایش است
اندیشه طراحی واکنشگرا
ه هدف، بلک. پس، تفکر واکنشگرا تنها پشتیبانی از تلفن های هوشمند نخواهد بود.است« تمام دستگاه ها»پشتیبانی از
اس طراحی بر اس»به « طراحی بر اساس سایز مشخص»این به معنی تغییر نگرش از . خواهد بود« سناریو
اهمیت سرعت
ی کنند، اغلب کاربرانی که برای دریافت محتوای وب سایت از تلفن های هوشمند استفاده م.نسب به کاربران کامپیوترهای عادی، عجله بیشتری دارند
.در نتیجه حداکثر سرعت برای نمایش محتوا باید در نظر گرفته شود
اهمیت سرعت
خواهد در طراحی واکنشگرا، سرعت بارگذاری وب سایت برای تلفن های هوشمند، بیشتر.بود
ند همین طور، گوگل رتبه ی کمتری را برای وب سایت هایی که برای تلفن های هوشم.بهینه سازی نشده اند در نظر می گیرد
اهمیت سرعت
وا برای بارگذاری کامل محت« سه ثانیه»درصد کاربران تنها 57تحقیقات نشان می دهد .صبر می کنند
درصد از کاربرانی که سایت را ترک می کنند، دیگر بازدیدی نخواهند داشت و80.تجربه ی بد خود را برای کاربران دیگر مطرح می کنند
بهبود عملکرد
مر سبب این ا. نتیجه استراتژی طراحی واکنشگرا، سهولت دسترسی به محتوا خواهد بود.ارتقاء کیفیت عملکرد سیستم می شود
.در طراحی واکنشگرا محتوای مهم برای دستگاه هدف، در نظر گرفته می شود
رای این روش زمانی قابل پیاده سازی است که ما یک هسته ی محتوای به خصوصی را ب. دستگاه های مختلف تعریف کرده باشیم
بهبود عملکرد
تجربه »است، نه یک« محتوایی مشخص برای تمام کاربران»نتیجه ی اندیشه واکنشگرا، .«مشخص
ت به بهبود عملکرد زمانی رخ می دهد که الویت اصلی ما نمایش صحیح محتوای وب سای.روشی استاندارد باشد
تعامل با کاربر
بررسی رفتار کاربران
.گام نخست بعد از درک ماهیت عملکرد سیستم، بررسی رفتارهای کاربران است
مورد داده های بدست آمده از این بررسی تعیین کننده میزان گستردگی دستگاه های.استفاده کاربران ما خواهند بود
.تمرکز طراحی باید بر روی دستگاه هایی باشد که بیشتر استفاده را دارند
تعامل با کاربر
.مهم ترین موضوع برای طراحی، برقراری ارتباط مناسب با کاربر است
.تیم توسعه همواره باید درک کند که با کدام قشر از کاربران در تعامل خواهد بود
.باید تمرکز داشت« نیازهای کاربران»همیشه بر روی
تعامل با کاربر
.ارتباط مناسب با کاربر، نتیجه یک طراحی استاندارد خواهد بود
.طراحی واکنشگرا، یک روش طراحی اصولی برای برقراری این ارتباط خواهد بود
.این تعامل سبب رضایت کاربر شده و کسب و کار وب سایت را بهبود می بخشد
تعامل با کاربر
تعامل با کاربر
.اولین قدم، حذف نیاز به زوم در صفحات وب سایت است
.دکمه های به اشتراک گذاری در شبکه های اجتماعی را باید به حداقل رساند
.فاده کردبرای دستگاه هایی با صفحه ی نمایش کوچک تر، از تصاویر کم حجم تر باید است
تعامل با کاربر
تست وب سایت
.بعد از پیاده سازی اولیه، همواره وب سایت با مشکالت زیادی مواجه خواهد بود
.تست کارایی و عملکرد سایت یک مرحله مهم بعد از طراحی است
.این تست همواره در طول فعالیت سیستم نیز ادامه خواهد داشت
سخن آخر
.اغلب وب سایت های موفق، کار خود را با قدم های کوچک شروع کرده اند
.داین وب سایت ها، تغییرات و امکانات را در طول ماه ها به سیستم خود اضافه می کنن
.شدقدم اول همیشه باید به شکلی طی شود که اساس کار، یک وب سایت منعطف با
“What separates design from art is that design is meant to be… functional.”
- Cameron Moll