SlideShare una empresa de Scribd logo
1 de 23
‫کاربردپذیری در فرم های وب‬
‫چرا فرم های وب مهم اند؟‬
‫• اگر قصد فروش کالیی بر روی وب را دارید، فرآیند‬
                    ‫خرید از طریق فرم انجام می شود‬

‫• اگر قصد جذب کاربر را دارید، ثبت نام ها از طریق فرم‬
                                      ‫انجام می شود‬

 ‫• هر فعالیتی بر روی وب که منجر به تراکنش مالی و یا‬
 ‫جمع آوری اطلاعات می شود از طریق فرم های وب‬
                                  ‫امکان پذیر است‬
‫پر کردن فرم‬
‫ها اعذاب آور‬
       ‫است‬
‫چطور یک فرم مناسب طراحی کنیم؟‬



    ‫متاسفانه جواب قطعی به این سوال وجود ندارد!‬
‫بستگی دارد که فرم شما به چه منظوری طراحی شده‬
                                          ‫باشد‬
‫چهار اصلی که در طراحی فرم باید راعایت‬
                 ‫کنیم‬


                  ‫زحمت کاربر را کم کنیم‬    ‫•‬
  ‫مراحل پر کردن فرم را برای کاربر مشخص‬     ‫•‬
                                    ‫کنیم‬
                ‫به کاربران فرم دقت کنیم‬    ‫•‬
    ‫همه بخش های فرممان باید یکسان و‬        ‫•‬
                            ‫یکپارچه باشد‬
‫کاربران باید سوالت شما را پردازش کرده و جواب آنها‬
                                ‫را در فرم وارد کنند‬

‫از خودتان سوال کنید آیا واقعا لزم است اینجا این سوال‬
                               ‫از کاربر پرسیده شود؟‬



            ‫سوال کمتر = رضایت بیشتر کاربر‬
‫مشکل از جایی شروع شد که برنامه نویس‬
‫ساختاری که در دیتابیس ایجاد کرد را به شکل فرم‬
                              ‫تحویل کاربر داد‬
‫سوالتی که از کاربر می پرسید و همچنین زمان‬
              ‫پرسیدنشان برای کاربر مهم است.‬

  ‫در صورتی که سوالی را در زمان نامناسب بپرسید‬
‫ممکن است بازخورد نامناسبی از کاربر دریافت کنید‬
‫اسم و فامیلت چیه ؟‬
‫خونت کجاس؟ آدرسشو بده‬
             ‫ایمیلت چیه ؟‬
        ‫شماره تماستو بده‬
‫چهار استراتژی برای یافتن سوال های مناسب‬



                               ‫نگه داشتن‬    ‫•‬
                              ‫حذف کردن‬      ‫•‬
                         ‫به تعویق انداختن‬   ‫•‬
                             ‫توضیح دادن‬     ‫•‬
‫سوالت فرم باید حالت محاوره ای داشته باشد‬
‫مرتب کردن محتوای فرم‬


           ‫• سوالت مرتبط را در یک گروه قرار دهید‬
‫• اگر سوالت زیاد است می توانید فرم را به چند صفحه‬
                                      ‫تقسیم کنید‬
        ‫• گروه ها را از نظر بصری از هم متمایز کنید‬
‫از نظر شما کدام مناسب تر است؟‬
‫از نظر شما کدام مناسب تر است؟‬
‫جمع بعدی متدهای مناسب‬

  ‫سوال ها را ارزیابی کنید و سوال های ضروری را بپرسید‬       ‫•‬
                                   ‫سوالهایتان کوتاه باشد‬   ‫•‬
    ‫اگر سوال روشن نیست حتما درباره اش توضیح بدهید‬          ‫•‬
                     ‫فرمتان باید یکپارچه و یک شکل باشد‬     ‫•‬
‫سوالت مرتبط با هم را در فرم به شکل یک گروه درآورید‬         ‫•‬
  ‫سعی کنید گروه های سوالتتان حالت محاوره ای داشته‬          ‫•‬
                                                    ‫باشد‬
    ‫اگر سوالت کم است آنها را در یک صفحه بیاورید و اگر‬      ‫•‬
       ‫زیاد اند صفحه سوالت را به چند صفحه تقسیم کنید‬
‫جمع بعدی متدهای مناسب‬

 ‫• اگر سوالتتان زیاد است ولی همه سوالت به هم ربط‬
‫دارند بهتر است یک صفحه بلند و یکپارچه با تعداد سوال‬
                                    ‫زیاد داشته باشید‬
      ‫• گروه سوالت را از نظر بصری از هم متمایز کنید‬
                   ‫• سوالت اختیاری را آخر فرم بپرسید‬
‫ارتباط با من‬
Twitter:  @amir_abbas
Facebook: http://facebook.com/amirabbas.abdolali
Email:    amirabbas.abdolali@gmail.com

Más contenido relacionado

Similar a Usability day 2012 Tehran

کارگاه پیشرفته طراحی واسط و تجربه کاربری UX/UI Design Pro Workshop
کارگاه پیشرفته طراحی واسط و تجربه کاربری UX/UI Design Pro Workshopکارگاه پیشرفته طراحی واسط و تجربه کاربری UX/UI Design Pro Workshop
کارگاه پیشرفته طراحی واسط و تجربه کاربری UX/UI Design Pro WorkshopEsmail MohammadiPanah
 
استراتژی محتوا و تجربه کاربری
استراتژی محتوا و تجربه کاربریاستراتژی محتوا و تجربه کاربری
استراتژی محتوا و تجربه کاربریMohammad Jafar Kermanpour
 
بازاریابی دیجیتال - Linked in
بازاریابی دیجیتال - Linked inبازاریابی دیجیتال - Linked in
بازاریابی دیجیتال - Linked inAlireza Mojahedi
 
چگونه یک استراتژی محتوایی موفق داشته باشیم
چگونه یک استراتژی محتوایی موفق داشته باشیمچگونه یک استراتژی محتوایی موفق داشته باشیم
چگونه یک استراتژی محتوایی موفق داشته باشیمwebyaran
 

Similar a Usability day 2012 Tehran (6)

کارگاه پیشرفته طراحی واسط و تجربه کاربری UX/UI Design Pro Workshop
کارگاه پیشرفته طراحی واسط و تجربه کاربری UX/UI Design Pro Workshopکارگاه پیشرفته طراحی واسط و تجربه کاربری UX/UI Design Pro Workshop
کارگاه پیشرفته طراحی واسط و تجربه کاربری UX/UI Design Pro Workshop
 
Design Thinking
Design Thinking Design Thinking
Design Thinking
 
Anti-patterns
Anti-patternsAnti-patterns
Anti-patterns
 
استراتژی محتوا و تجربه کاربری
استراتژی محتوا و تجربه کاربریاستراتژی محتوا و تجربه کاربری
استراتژی محتوا و تجربه کاربری
 
بازاریابی دیجیتال - Linked in
بازاریابی دیجیتال - Linked inبازاریابی دیجیتال - Linked in
بازاریابی دیجیتال - Linked in
 
چگونه یک استراتژی محتوایی موفق داشته باشیم
چگونه یک استراتژی محتوایی موفق داشته باشیمچگونه یک استراتژی محتوایی موفق داشته باشیم
چگونه یک استراتژی محتوایی موفق داشته باشیم
 

Usability day 2012 Tehran

  • 2. ‫چرا فرم های وب مهم اند؟‬
  • 3. ‫• اگر قصد فروش کالیی بر روی وب را دارید، فرآیند‬ ‫خرید از طریق فرم انجام می شود‬ ‫• اگر قصد جذب کاربر را دارید، ثبت نام ها از طریق فرم‬ ‫انجام می شود‬ ‫• هر فعالیتی بر روی وب که منجر به تراکنش مالی و یا‬ ‫جمع آوری اطلاعات می شود از طریق فرم های وب‬ ‫امکان پذیر است‬
  • 4. ‫پر کردن فرم‬ ‫ها اعذاب آور‬ ‫است‬
  • 5. ‫چطور یک فرم مناسب طراحی کنیم؟‬ ‫متاسفانه جواب قطعی به این سوال وجود ندارد!‬ ‫بستگی دارد که فرم شما به چه منظوری طراحی شده‬ ‫باشد‬
  • 6. ‫چهار اصلی که در طراحی فرم باید راعایت‬ ‫کنیم‬ ‫زحمت کاربر را کم کنیم‬ ‫•‬ ‫مراحل پر کردن فرم را برای کاربر مشخص‬ ‫•‬ ‫کنیم‬ ‫به کاربران فرم دقت کنیم‬ ‫•‬ ‫همه بخش های فرممان باید یکسان و‬ ‫•‬ ‫یکپارچه باشد‬
  • 7. ‫کاربران باید سوالت شما را پردازش کرده و جواب آنها‬ ‫را در فرم وارد کنند‬ ‫از خودتان سوال کنید آیا واقعا لزم است اینجا این سوال‬ ‫از کاربر پرسیده شود؟‬ ‫سوال کمتر = رضایت بیشتر کاربر‬
  • 8. ‫مشکل از جایی شروع شد که برنامه نویس‬ ‫ساختاری که در دیتابیس ایجاد کرد را به شکل فرم‬ ‫تحویل کاربر داد‬
  • 9. ‫سوالتی که از کاربر می پرسید و همچنین زمان‬ ‫پرسیدنشان برای کاربر مهم است.‬ ‫در صورتی که سوالی را در زمان نامناسب بپرسید‬ ‫ممکن است بازخورد نامناسبی از کاربر دریافت کنید‬
  • 10. ‫اسم و فامیلت چیه ؟‬ ‫خونت کجاس؟ آدرسشو بده‬ ‫ایمیلت چیه ؟‬ ‫شماره تماستو بده‬
  • 11. ‫چهار استراتژی برای یافتن سوال های مناسب‬ ‫نگه داشتن‬ ‫•‬ ‫حذف کردن‬ ‫•‬ ‫به تعویق انداختن‬ ‫•‬ ‫توضیح دادن‬ ‫•‬
  • 12.
  • 13.
  • 14.
  • 15. ‫سوالت فرم باید حالت محاوره ای داشته باشد‬
  • 16.
  • 17. ‫مرتب کردن محتوای فرم‬ ‫• سوالت مرتبط را در یک گروه قرار دهید‬ ‫• اگر سوالت زیاد است می توانید فرم را به چند صفحه‬ ‫تقسیم کنید‬ ‫• گروه ها را از نظر بصری از هم متمایز کنید‬
  • 18. ‫از نظر شما کدام مناسب تر است؟‬
  • 19. ‫از نظر شما کدام مناسب تر است؟‬
  • 20. ‫جمع بعدی متدهای مناسب‬ ‫سوال ها را ارزیابی کنید و سوال های ضروری را بپرسید‬ ‫•‬ ‫سوالهایتان کوتاه باشد‬ ‫•‬ ‫اگر سوال روشن نیست حتما درباره اش توضیح بدهید‬ ‫•‬ ‫فرمتان باید یکپارچه و یک شکل باشد‬ ‫•‬ ‫سوالت مرتبط با هم را در فرم به شکل یک گروه درآورید‬ ‫•‬ ‫سعی کنید گروه های سوالتتان حالت محاوره ای داشته‬ ‫•‬ ‫باشد‬ ‫اگر سوالت کم است آنها را در یک صفحه بیاورید و اگر‬ ‫•‬ ‫زیاد اند صفحه سوالت را به چند صفحه تقسیم کنید‬
  • 21. ‫جمع بعدی متدهای مناسب‬ ‫• اگر سوالتتان زیاد است ولی همه سوالت به هم ربط‬ ‫دارند بهتر است یک صفحه بلند و یکپارچه با تعداد سوال‬ ‫زیاد داشته باشید‬ ‫• گروه سوالت را از نظر بصری از هم متمایز کنید‬ ‫• سوالت اختیاری را آخر فرم بپرسید‬
  • 22.
  • 23. ‫ارتباط با من‬ Twitter: @amir_abbas Facebook: http://facebook.com/amirabbas.abdolali Email: amirabbas.abdolali@gmail.com