مرجع آموزش طراحی سایت

همان طور که می‌دانید اکنون میکرو تعامل ها (microinteraction) جزء آیتم های پرطرفدار طراحی سایت در مسئله ساخت سایت و تجربیات کاربری (UX) می‌باشند. میکرو تعامل ها تجارب استفاده کننده را بهبود می‌بخشند، بازخوردهای اساسی را می دهند، عملیات ها را توضیح می دهند و حتی سبب سرگرمی کاربرانتان می گردد. در‌این نوشته ی علمی کارایی می‌کنیم میکروتعامل ها را با جزئیات بیشتری رسیدگی کنیم و ببینیم که چه‌طور قادر خواهیم بود در پیاده سازی خویش از آنان به کارگیری کنیم. میکرو تعامل ها – یک فرمول اعجاز گر امروزه میکرو تعامل ها تحت عنوان نصیب شالوده ای در طراحی وب هستند که هر سایتی فارغ از آنان ممکن میباشد خسته کننده و یکنواخت به لحاظ رسد. در واقع میکرو تعامل ها اجزاء اعجاز گری می‌باشند که سبب ساخت و ساز تفاوت و جذابیت گردیده و تعامل استفاده کننده را با تارنما ارتقاء می‌دهند.
با این اکنون، پیاده سازی و استعمال از میکرو تعامل ها مدام هم معمولی و سهل و آسان وجود ندارد. شما بایستی عنصری کاربردی تولید نمایید که سبب تعامل مخاطب و راحتی کارهایش خواهد شد. در واقعیت این عنصر بایستی از دید بصری جالب بوده و آدم سیرتکامل و تعاملی باشد. خلاصه در‌حالتی که تا الان در مورد پیاده سازی میکرو تعامل ها علم خویش را بالا نبرده اید می بایست هر چه سریعتر این فعالیت را ایفا دهید.
میکرو تعامل چیست
به صورت کلی میکرو تعامل ها شغل های تعاملی خرد و جزئی میباشند که تنها و صرفا یک عملیات را ایفا می دهند. شما می‌توانید در هر وقتی آنها‌را به عمل ببرید.
تعدادی مثال از میکرو تعامل ها عبارتند از :
• لایک کردن یک پست در رخ بوک
• تهیه و تنظیم کردن یک پیام شرایط (status message)
• تغییر‌و تحول پیکربندی جان دار در یک تارنما
• امتیازدهی به یک ترانه
• جستجوی آنلاین در یک وب سایت
میکرو تعامل ها اجزاء حیاتی در تجارب آنلاین می‌باشند. مخاطب میکرو تعامل را فعال میکند و در ادامه آن نصیب دیگری از روند فعال می‌شود. با به کارگیری مطلوب از نوارهای توسعه و گسترش و شیوه نامه های معمولی می‌توانید تجارب کاربری مخصوص به شخصی ساخت فرمایید. سایت makemepulse را تحلیل فرمائید، مثال های جالبی از تعامل مخاطب و تارنما را خواهید روئت کرد.

نکته دیگری که بایستی در امر میکرو تعامل ها به آن اعتنا فرمایید این میباشد که آنها بر اساس حرکات انسانی پیاده سازی گردیده اند و در واقع آینه ای از عمل های مخاطب می باشند و به همین برهان میباشد که استعمال از آن‌ها بسیار کارساز خواهد بود.
یک نمونه دیگر وبسایت KLM هست که 50 برهان برای مسافرت کردن را با به کار گیری از میکرو تعامل ها و هدایت مخاطب به مرحله های آن گاه ذکر میکند. (KLM یک کمپانی هواپیمایی آلمانی میباشد که در تارنما مرتبط با روزنامه خویش ایده جالبی را با میکرو تعامل ها طراحی نموده است. زمانی وارد وب سایت می شوید با اسکرول کردن به سمت زیر یا این که فشردن دکمه کیبرد پروسه را طی می‌کنید و 50 نقطه جالب عالم را با توضیحات می بینید و نکته دیدنی خیس این میباشد که در بعضا تصاویر با کلیک کردن و نگه داشتن ماوس ویدئویی از محل متبوع گشوده می‌گردد و می توانید با جزئیات بیشتری آن جای را مشاهده کنید. همینطور بعداز چند دفعه اسکرول کردن پیامی در شیت گشوده می‌گردد که از شما می خواهد از فی مابین مناطقی که چشم اید 5 آیتم را به عشق مندی های خویش اضافه نمائید تا 2 بلیط رایگان ببرید!)
چرا می بایست از میکرو تعامل ها به کارگیری کنیم؟
میکرو تعامل ها عنصرها بسیار کوچکی در پیاده سازی می‌باشند پس چرا بایستی به آنها دقت کنیم؟ متأسفانه این شیوه فکری میباشد که در دنیای پیاده سازی و توسعه و گسترش وبسایت بسیار رایج میباشد اما در نظرنگرفتن این موادتشکیل دهنده تعاملی خرد نادرست بزرگی میباشد. همین جزئیات خرد می‌باشند که تفاوت دربین یک طراحی وب سایت چیره و ناموفق را معلوم میکنند.
دلایل عنایت استعمال از میکرو تعامل ها:
• سبب ساخت در دست گرفتن می‌شوند و به صورت مداوم برخورد وارد می کنند.
• یوزرها را ارشادوراهنمایی میکنند.
• تجربیات کاربری را به صورت قابل مراعات ای بهبود میبخشند.
• منجر بهبود راهبری در وبسایت می گردند.
• تعامل ریلکس خیس و راحت خیس یوزرها با سایت
• استفاده کننده را تشویق به لایک کردن، کامنت گذاشتن یا این که اشتراک گذاری محتوا میکنند.
• اکران اطلاعیه ها یا این که پیام ها را راحت خیس میکنند.
این وبسایت lederniergaulois.nouvelles هم مثالی دیگر برای استعمال از میکرو تعامل ها به یار و همدم اسکرول بی غایت می باشد که داستانی را اپیزود به اپیزود از روش اسکرول کردن تعریف و تمجید میکند !
چه‌گونه میکرو تعامل های دیدنی تولید کنیم؟
پیش از آغاز می بایست مشخص و معلوم نمایید که می خواهید استفاده کننده با به کارگیری از میکرو تعامل چه عملیاتی را جاری ساختن دهد. همینطور می بایست مجال و جای مطلوب برای به کار گیری از آن را معلوم فرمائید تا شایسته ترین تأثیر را داشته باشد. درحال حاضر پروسه پیاده سازی میکرو تعامل ها را با هم نظارت می‌کنیم:
1. مجال پاسخگویی
استفاده کننده توقع دارد که میکرو تعامل فورا بعداز تعدادی صدم ثانیه فعال گردد. در صورتی‌که این مجال وقت گیر گردد دیگر میان عملیات انجام یافته و تعامل استفاده کننده یکپارچگی وجود نخواهد داشت و معنی خویش را از دست می‌دهد و همین موضوع سبب ساز رانده شدن مخاطب از سایتتان می گردد.
2. آسانی
آری ! ما می‌دانیم که پیاده سازی های شما فوق العاده می باشند! اما اعتقاد فرمایید تایپوگرافی های غامض، رنگ های خنثی و نامناسب و خلا ساختار معین سبب سردرگمی کاربرتان می گردند. جزئیاتی را که نیاز ندارید اضافه نکنید و همت نمایید پیام را به سریعترین و تأثیرگذارترین صورت به مخاطب برسانید. تمامی ما پیاده سازی های خلاقانه و نو را دوست داریم اما در‌حالتی که خیلی بغرنج و نا مفهوم باشد تأثیر عکس داشته و اذیت کننده خواهد بود. راهکارها و کارتون های غامض را رها نمایید و میکرو تعامل خویش را سازگار با آنچه که کاربرتان می خواهد پیاده سازی فرمایید.
3. بازگو بودن متن
متنی که برای میکرو تعامل خویش به کارگیری می کنید می بایست هم در حدود گویش محاوره بوده اما در عین حالا هم محترمانه و یاری کننده باشد.
4. کاربری آسوده
مدام حرکات و رفتارهای انسانی را در پیاده سازی میکرو تعامل ها در لحاظ بگیرید و با رعایت آن ها راحتترین کاربری را ساخت‌و‌ساز فرمایید. مثلا یک میکرو تعامل که در اکثر وب سایت های فروشگاهی آیتم به کار گیری قرار می‌گیرد را در تصویر ذیل می‌بینید که با دقت به حرکات موشواره استفاده کننده پیاده سازی گردیده‌است. (با بردن ماوس بر روی تصویر یک قاب مستقل گشوده گردیده و نمایی بزرگتر از تصویر متبوع نشان داده می شود.)

همان طور که می‌دانید اکنون میکرو تعامل ها (microinteraction) جزء آیتم های پرطرفدار طراحی سایت در مسئله ساخت سایت و تجربیات کاربری (UX) می‌باشند. میکرو تعامل ها تجارب استفاده کننده را بهبود می‌بخشند، بازخوردهای اساسی را می دهند، عملیات ها را توضیح می دهند و حتی سبب سرگرمی کاربرانتان می گردد. در‌این نوشته ی علمی کارایی می‌کنیم میکروتعامل ها را با جزئیات بیشتری رسیدگی کنیم و ببینیم که چه‌طور قادر خواهیم بود در پیاده سازی خویش از آنان به کارگیری کنیم. میکرو تعامل ها – یک فرمول اعجاز گر امروزه میکرو تعامل ها تحت عنوان نصیب شالوده ای در طراحی وب هستند که هر سایتی فارغ از آنان ممکن میباشد خسته کننده و یکنواخت به لحاظ رسد. در واقع میکرو تعامل ها اجزاء اعجاز گری می‌باشند که سبب ساخت و ساز تفاوت و جذابیت گردیده و تعامل استفاده کننده را با تارنما ارتقاء می‌دهند.
با این اکنون، پیاده سازی و استعمال از میکرو تعامل ها مدام هم معمولی و سهل و آسان وجود ندارد. شما بایستی عنصری کاربردی تولید نمایید که سبب تعامل مخاطب و راحتی کارهایش خواهد شد. در واقعیت این عنصر بایستی از دید بصری جالب بوده و آدم سیرتکامل و تعاملی باشد. خلاصه در‌حالتی که تا الان در مورد پیاده سازی میکرو تعامل ها علم خویش را بالا نبرده اید می بایست هر چه سریعتر این فعالیت را ایفا دهید.
میکرو تعامل چیست
به صورت کلی میکرو تعامل ها شغل های تعاملی خرد و جزئی میباشند که تنها و صرفا یک عملیات را ایفا می دهند. شما می‌توانید در هر وقتی آنها‌را به عمل ببرید.
تعدادی مثال از میکرو تعامل ها عبارتند از :
• لایک کردن یک پست در رخ بوک
• تهیه و تنظیم کردن یک پیام شرایط (status message)
• تغییر‌و تحول پیکربندی جان دار در یک تارنما
• امتیازدهی به یک ترانه
• جستجوی آنلاین در یک وب سایت
میکرو تعامل ها اجزاء حیاتی در تجارب آنلاین می‌باشند. مخاطب میکرو تعامل را فعال میکند و در ادامه آن نصیب دیگری از روند فعال می‌شود. با به کارگیری مطلوب از نوارهای توسعه و گسترش و شیوه نامه های معمولی می‌توانید تجارب کاربری مخصوص به شخصی ساخت فرمایید. سایت makemepulse را تحلیل فرمائید، مثال های جالبی از تعامل مخاطب و تارنما را خواهید روئت کرد.

نکته دیگری که بایستی در امر میکرو تعامل ها به آن اعتنا فرمایید این میباشد که آنها بر اساس حرکات انسانی پیاده سازی گردیده اند و در واقع آینه ای از عمل های مخاطب می باشند و به همین برهان میباشد که استعمال از آن‌ها بسیار کارساز خواهد بود.
یک نمونه دیگر وبسایت KLM هست که 50 برهان برای مسافرت کردن را با به کار گیری از میکرو تعامل ها و هدایت مخاطب به مرحله های آن گاه ذکر میکند. (KLM یک کمپانی هواپیمایی آلمانی میباشد که در تارنما مرتبط با روزنامه خویش ایده جالبی را با میکرو تعامل ها طراحی نموده است. زمانی وارد وب سایت می شوید با اسکرول کردن به سمت زیر یا این که فشردن دکمه کیبرد پروسه را طی می‌کنید و 50 نقطه جالب عالم را با توضیحات می بینید و نکته دیدنی خیس این میباشد که در بعضا تصاویر با کلیک کردن و نگه داشتن ماوس ویدئویی از محل متبوع گشوده می‌گردد و می توانید با جزئیات بیشتری آن جای را مشاهده کنید. همینطور بعداز چند دفعه اسکرول کردن پیامی در شیت گشوده می‌گردد که از شما می خواهد از فی مابین مناطقی که چشم اید 5 آیتم را به عشق مندی های خویش اضافه نمائید تا 2 بلیط رایگان ببرید!)
چرا می بایست از میکرو تعامل ها به کارگیری کنیم؟
میکرو تعامل ها عنصرها بسیار کوچکی در پیاده سازی می‌باشند پس چرا بایستی به آنها دقت کنیم؟ متأسفانه این شیوه فکری میباشد که در دنیای پیاده سازی و توسعه و گسترش وبسایت بسیار رایج میباشد اما در نظرنگرفتن این موادتشکیل دهنده تعاملی خرد نادرست بزرگی میباشد. همین جزئیات خرد می‌باشند که تفاوت دربین یک طراحی وب سایت چیره و ناموفق را معلوم میکنند.
دلایل عنایت استعمال از میکرو تعامل ها:
• سبب ساخت در دست گرفتن می‌شوند و به صورت مداوم برخورد وارد می کنند.
• یوزرها را ارشادوراهنمایی میکنند.
• تجربیات کاربری را به صورت قابل مراعات ای بهبود میبخشند.
• منجر بهبود راهبری در وبسایت می گردند.
• تعامل ریلکس خیس و راحت خیس یوزرها با سایت
• استفاده کننده را تشویق به لایک کردن، کامنت گذاشتن یا این که اشتراک گذاری محتوا میکنند.
• اکران اطلاعیه ها یا این که پیام ها را راحت خیس میکنند.
این وبسایت lederniergaulois.nouvelles هم مثالی دیگر برای استعمال از میکرو تعامل ها به یار و همدم اسکرول بی غایت می باشد که داستانی را اپیزود به اپیزود از روش اسکرول کردن تعریف و تمجید میکند !
چه‌گونه میکرو تعامل های دیدنی تولید کنیم؟
پیش از آغاز می بایست مشخص و معلوم نمایید که می خواهید استفاده کننده با به کارگیری از میکرو تعامل چه عملیاتی را جاری ساختن دهد. همینطور می بایست مجال و جای مطلوب برای به کار گیری از آن را معلوم فرمائید تا شایسته ترین تأثیر را داشته باشد. درحال حاضر پروسه پیاده سازی میکرو تعامل ها را با هم نظارت می‌کنیم:
1. مجال پاسخگویی
استفاده کننده توقع دارد که میکرو تعامل فورا بعداز تعدادی صدم ثانیه فعال گردد. در صورتی‌که این مجال وقت گیر گردد دیگر میان عملیات انجام یافته و تعامل استفاده کننده یکپارچگی وجود نخواهد داشت و معنی خویش را از دست می‌دهد و همین موضوع سبب ساز رانده شدن مخاطب از سایتتان می گردد.
2. آسانی
آری ! ما می‌دانیم که پیاده سازی های شما فوق العاده می باشند! اما اعتقاد فرمایید تایپوگرافی های غامض، رنگ های خنثی و نامناسب و خلا ساختار معین سبب سردرگمی کاربرتان می گردند. جزئیاتی را که نیاز ندارید اضافه نکنید و همت نمایید پیام را به سریعترین و تأثیرگذارترین صورت به مخاطب برسانید. تمامی ما پیاده سازی های خلاقانه و نو را دوست داریم اما در‌حالتی که خیلی بغرنج و نا مفهوم باشد تأثیر عکس داشته و اذیت کننده خواهد بود. راهکارها و کارتون های غامض را رها نمایید و میکرو تعامل خویش را سازگار با آنچه که کاربرتان می خواهد پیاده سازی فرمایید.
3. بازگو بودن متن
متنی که برای میکرو تعامل خویش به کارگیری می کنید می بایست هم در حدود گویش محاوره بوده اما در عین حالا هم محترمانه و یاری کننده باشد.
4. کاربری آسوده
مدام حرکات و رفتارهای انسانی را در پیاده سازی میکرو تعامل ها در لحاظ بگیرید و با رعایت آن ها راحتترین کاربری را ساخت‌و‌ساز فرمایید. مثلا یک میکرو تعامل که در اکثر وب سایت های فروشگاهی آیتم به کار گیری قرار می‌گیرد را در تصویر ذیل می‌بینید که با دقت به حرکات موشواره استفاده کننده پیاده سازی گردیده‌است. (با بردن ماوس بر روی تصویر یک قاب مستقل گشوده گردیده و نمایی بزرگتر از تصویر متبوع نشان داده می شود.)