+- انجمن استودیو توپو مرجع طراحان و توسعه دهندگان (http://topostudio.ir)
+-- انجمن: انجمن تبلیغات (http://topostudio.ir/Forum-%D8%A7%D9%86%D8%AC%D9%85%D9%86-%D8%AA%D8%A8%D9%84%DB%8C%D8%BA%D8%A7%D8%AA)
+--- انجمن: بازارچه تبلیغاتی (http://topostudio.ir/Forum-%D8%A8%D8%A7%D8%B2%D8%A7%D8%B1%DA%86%D9%87-%D8%AA%D8%A8%D9%84%DB%8C%D8%BA%D8%A7%D8%AA%DB%8C)
+--- موضوع: 20 ابزار ضروری برای طراحان تجربه کاربر (/Thread-20-%D8%A7%D8%A8%D8%B2%D8%A7%D8%B1-%D8%B6%D8%B1%D9%88%D8%B1%DB%8C-%D8%A8%D8%B1%D8%A7%DB%8C-%D8%B7%D8%B1%D8%A7%D8%AD%D8%A7%D9%86-%D8%AA%D8%AC%D8%B1%D8%A8%D9%87-%DA%A9%D8%A7%D8%B1%D8%A8%D8%B1)
20 ابزار ضروری برای طراحان تجربه کاربر - hostcode - 2019/07/04
20 ابزار ضروری برای طراحان تجربه کاربر
طراحی رابط کاربری
![[تصویر: 20-%D8%A7%D8%A8%D8%B2%D8%A7%D8%B1-%D8%B6...%D8%B1.jpg]](http://magbot.ir//20-%D8%A7%D8%A8%D8%B2%D8%A7%D8%B1-%D8%B6%D8%B1%D9%88%D8%B1%DB%8C-%D8%A8%D8%B1%D8%A7%DB%8C-%D8%B7%D8%B1%D8%A7%D8%AD%D8%A7%D9%86-%D8%AA%D8%AC%D8%B1%D8%A8%D9%87-%DA%A9%D8%A7%D8%B1%D8%A8%D8%B1/20-%D8%A7%D8%A8%D8%B2%D8%A7%D8%B1-%D8%B6%D8%B1%D9%88%D8%B1%DB%8C-%D8%A8%D8%B1%D8%A7%DB%8C-%D8%B7%D8%B1%D8%A7%D8%AD%D8%A7%D9%86-%D8%AA%D8%AC%D8%B1%D8%A8%D9%87-%DA%A9%D8%A7%D8%B1%D8%A8%D8%B1.jpg)
در اینجا مجموعه ای از 20 ابزار ارزشمند برای طراحان UX گردآوری شده است. ممکن است برخی از آنها را استفاده کرده باشید، با این وجود چند دقیقه طول می کشد که مجموعه را ببینید تا چیزی را که در زرادخانه طراحی شما نیست پوشش دهیم.
تحقیق / تست / بازخورد کاربر
همانطور که می دانید، پژوهش در مورد کاربر چیزی است که شما باید قبل از اینکه طرح اولیه خود را شروع کنید انجام دهید. اگر شما می توانید به درستی آنچه را که کاربران هدف شما می خواهید و نیاز دارند را شناسایی کنید، می توانید به سرعت راه حل های وب و تلفن همراه را بیابید که بدون شک کاربران شما را تحت تاثیر قرار می دهد.
1. UsabilityTools
این ابزار باعث می شود که شما بتوانید وبسایت را به عنوان یک کاربر ببینید و نه فقط به عنوان یک طراح. با استفاده از روش های مختلف آزمایش و تحقیق، می تواند به شما کمک کند احساس کاربران را به طور مستقیم در مورد نحوه بهبود خدمات وب سایت دریافت کنید. شما به راحتی می توانید تفاوت بین رفتارهای کاربران هدف خود را بدانید.
با استفاده از UsabilityTools، شما می توانید زمان را صرفه جویی کنید زیرا فورا می توانید تجربه مفید بصری را با ضبط حرکت موس و کلیک برای یک بازدید کننده وب ببینید. شما به راحتی می توانید ببینید و کشف آنچه که کاربران در طی بازدید خود از وب سایت کلیک می کنند و مسائل مربوط به قابلیت استفاده بودن را تحلیل کنید.
![[تصویر: usability.png]](http://magbot.ir/20-%d8%a7%d8%a8%d8%b2%d8%a7%d8%b1-%d8%b6%d8%b1%d9%88%d8%b1%db%8c-%d8%a8%d8%b1%d8%a7%db%8c-%d8%b7%d8%b1%d8%a7%d8%ad%d8%a7%d9%86-%d8%aa%d8%ac%d8%b1%d8%a8%d9%87-%da%a9%d8%a7%d8%b1%d8%a8%d8%b1/usability.png)
2. MouseStats
بررسی فعالیت کاربران با MouseStats شما را قادر می سازد تا هر حرکت، رفتار یا کلیک های یک کاربر را ردیابی کنید. شما می توانید کل بازدید کاربران واقعی را با یک دوربین در وب سایت خود ضبط و بعد آنها را بررسی کنید. این کار باعث می شود تا بتوانید درک کنند که کاربران چه میخواهند.
MouseStats دارای Heatmaps، یک راه حل جامع عالی برای جمع آوری، پردازش، تجسم و درک رفتار ترکیبی از کاربران وب سایت اشت، چه در لپ تاپ، کامپیوتر و چه در دستگاه تلفن همراه. بررسی های میکرو یکی دیگر از ویژگی های MouseStats است که به شما اجازه می دهد از بازدید کنندگان خود بپرسید چه چیزی در مورد وب سایت شما فکر می کنند. علاوه بر این، شما می توانید فیدبک های مفیدی را از کاربران واقعی خود دریافت کنید.
یکی دیگر از ویژگی های MouseStats که برای شما مطمئنا مفید خواهد بود فرم تجزیه و تحلیل است، که به جمع آوری و تجزیه و تحلیل رفتار بازدید کنندگان وب سایت کمک می کند.
3. Attensee
Attensee ابزاری است که به شما کمک می کند توزیع توجه بصری را اندازه گیری کنید. با Attensee، می توانید کارایی طراحی خود را اندازه گیری کنید و راه های جدیدی را برای بهبود آن پیدا کنید. این ابزار به شما امکان می دهد اطلاعات بیشتری را از کاربر خود به دست آورید، می توانید آن را با تست ها و نظرسنجی ها ترکیب کنید.
Attensee همچنین اطلاعاتی را در اختیار شما قرار می دهد تا تشخیص دهید کاربران شما به عناصر تبدیل-گرا مانند CTA و تبلیغات بنری توجه دارند یا نه. همچنین می توانید بررسی کنید که آیا نسخه فعلی طرح شما به نیازهای کاربران شما پاسخ می دهد یا خیر. با Attensee، می توانید طرح بندی های مختلف خود را به صورت جداگانه طراحی کنید و تصمیم بگیرید که از کدام یک بر اساس عوامل مختلفی نظیر ترتیبات، اندازه ها و رنگ ها استفاده شود.
4. Appsee
یکی دیگر از ابزارهای محبوب بسیاری از طراحان UX Appsee است که یک نرم افزار تحلیلی برای برنامه های تلفن همراه است. این ابزار به طراحان برای تجزیه و تحلیل و تبدیل و بهبود عملکرد برنامه کمک می کند.
این ضبط کننده های حرکات کاربر باعث می شود که شما بتوانید هر کاری را که کاربران انجام می دهید را تماشا کنید، و شما درک می کنید که چگونه برنامه ای که توسعه داده اید استفاده می شود و مشکلات را که کاربران در حال تجربه هستند شناسایی می کنند تا بتوانید یک راه حل برای این مشکلات ارایه دهید. به طور خلاصه، شما را قادر می سازد تا برنامه ای را که از دید کاربر مشاهده کنید.
همچنین دارای Touch Heatmaps است که شما را قادر به نظارت بر اقدامات انجام شده با برنامه در هر صفحه می کند.Appsee همچنین تجزیه و تحلیل Realtime In-App ارائه می دهد که به شما امکان می دهد تجزیه و تحلیل دقیق در مورد نحوه رفتار کاربر انجام دهید. شما می توانید رفتار کاربر را در هر صفحه با استفاده از گزارش های بصری ساده و قدرتمند ببینید.
5. UserVoice
همانطور که نام آن نشان می دهد UserVoice شما را قادر می سازد تا در مورد آنچه که کاربران و مشتریان وب سایت شما از وب سایت یا محصول شما فکر می کنند مطلع شوید. هیچ شکی وجود ندارد که این ابزار کمک خوبی در جمع آوری بازخورد سریع از مشتریان برای سیستم پشتیبانی است.
Pic Collage، Bing Ads، و حتی Google از UserVoice استفاده می کند.
6. Ethn.io
ابزار دیگری که می تواند به شما در تحقیق کاربران کمک کند. Ethn.io به شما کمک می کند تا به آسانی یک پرسشنامه تهیه کنید که توسط شرکت کنندگان واجد شرایط پر شود. علاوه بر این، شما حتی می توانید پاسخ دهندگان را نیز دعوت کنید تا بتوانید مستقیما با أنها مصاحبه کنید. چگونه از Ethn.ioاستفاده کرد؟ یک Screener ایجاد کنید و جاوا اسکریپت Ethn.io را در سایت خود قرار دهید. پس از آن اگر کاربران آن را پر کنند، شما اعلان های در زمان واقعی دریافت می کنید، پس از آن، می توانید با آنها از طریق ایمیل تماس بگیرید .
7. Polldaddy
هیچ کس انکار نمی کند که پولداددی یکی از محبوب ترین ابزار نظرسنجی است. با ویرایشگر پیشرفته Polldaddy، ایجاد نظرسنجی ساده است. همه کاری که شما باید انجام دهید این است که 14 نوع سوال انتخاب کنید. با استفاده از CSS wizardry، می توانید نظرسنجی های خود را با تغییر فونت، اندازه، رنگ و اضافه کردن HTML، تصاویر و فیلم ها سفارشی کنید.
ابزارهای نمونه سازی/ابزار Wireframing
حتی قبل از اینکه برنامه نویسی شروع شود، یک نمونه اولیه از پروژه های شما باید طراحی شود. از این رو، شما باید از ابزارهای نمونه سازی و ابزارهای wireframing استفاده کنید ، شاید پروژه شما یک برنامه پر از انیمیشن و یا یک وب سایت پیچیده باشد حتما این ابزار را نیاز خواهید داشت.
8. Solidify
این ابزار از ZURB، یک شرکت طراحی محصول در کمپبل، کالیفرنیا است. Solidify ترکیبی از ابزار تست و نمونه سازی است که شما را قادر می سازد تا با ایجاد نسخه آزمایشی آزاد بدون صرف وقت زیاد توسعه دهید، حتی می توانید مدل های قابل کلیک را ایجاد کنید. سپس، توسط کاربران مختلف در دستگاه های مختلف مورد آزمایش قرار می گیرند.
9. POP
تبدیل طرح به نمونه اولیه که واقعا کار کند با پاپ موثر است. هیچ مشکلی وجود ندارد این بهترین سلاح برای طراحانی است که به نمونه اولیه کاغذی عادت کرده اند. این نه تنها مفید است، بلکه موجب صرفه جویی در وقت شما نیز می شود. با استفاده از POP، می توانید بدون نگرانی در مورد ورودی و خروجی ها،نمونه اولیه ایجاد کنید.
10. UXPin
مطمئنا، بسیاری از طراحان این ابزار را در خصوص قابلیتی و مدل سازی بسیار مورد توجه قرار می دهند. اگر هنوز از UXPin استفاده نکرده اید،پس کجا هستید؟
UXPin به شما اجازه می دهد تا wireframes و prototypes تعاملی ایجاد کنید. بسیاری از استفاده کنندگان UXPin توافق دارند که بهترین نکته در مورد این ابزار این است که طراحان و صاحبان وب سایت را قادر می سازد تا به راحتی ببینید که پروژه های آنها چگونه در دستگاه های تلفن همراه اجرا می شود.
چند کلیک همه چیزی است که شما نیاز دارید هر قالب یا قاب را به یک نمونه اولیه کاملا تعاملی تبدیل کنید . نگران نباشید که از Sketch یا فتوشاپ استفاده می کنید، تمام لایه ها برای نمونه سازی اولیه حفظ می شوند.
11. Proto.io
این ابزار برای طراحان UX که علاقمند به ساخت برنامه هایی که شامل انیمیشن هستند، سودمند است. Proto.io اجازه می دهد تا هر عنصر در طراحی تحریک داشته و با تعامل کاربر تغییر حالت دهد. Proto.io به طراحان کمک می کند الگوهای پیچیده تعامل در یک فرایند تکرار و سریع طراحی ارتباط برقرار کنند. طراحان UX را قادر می سازد که خلاق تر باشند و نمونه های اولیه را ارائه دهند که شگفت انگیز است.
![[تصویر: proto-io.jpg]](http://magbot.ir/20-%d8%a7%d8%a8%d8%b2%d8%a7%d8%b1-%d8%b6%d8%b1%d9%88%d8%b1%db%8c-%d8%a8%d8%b1%d8%a7%db%8c-%d8%b7%d8%b1%d8%a7%d8%ad%d8%a7%d9%86-%d8%aa%d8%ac%d8%b1%d8%a8%d9%87-%da%a9%d8%a7%d8%b1%d8%a8%d8%b1/proto-io.jpg)
12. Power Mockup
این ابزار باعث می شود که شما به طور مستقیم نمونه اولیه را در PowerPoint ایجاد کنید. Power Mockup یک راه عالی برای جذب اعضای غیر فنی از تیم در فرآیند طراحی است. Proto.io در واقع یک ابزار متنوع است که هر طراح UX نیاز دارد.
![[تصویر: power-mock-up-drag-and-drop.png]](http://magbot.ir/20-%d8%a7%d8%a8%d8%b2%d8%a7%d8%b1-%d8%b6%d8%b1%d9%88%d8%b1%db%8c-%d8%a8%d8%b1%d8%a7%db%8c-%d8%b7%d8%b1%d8%a7%d8%ad%d8%a7%d9%86-%d8%aa%d8%ac%d8%b1%d8%a8%d9%87-%da%a9%d8%a7%d8%b1%d8%a8%d8%b1/power-mock-up-drag-and-drop.png)
13. Balsamiq
به عنوان یک برنامه دسکتاپ، برنامه وب و به عنوان یک افزونه برای ردگیرهای کاربرد دارد. قادر به ساخت الگوی اولیه سریع می شوید که شما را قادر به ساختن نمونه های اولیه می کند. علاوه بر این، به لطف ویرایشگر کشیدن و رها کردن، به راحتی قابل فهم و قابل دستیابی است.
![[تصویر: balsamiq-all-controls-wireframe.png]](http://magbot.ir/20-%d8%a7%d8%a8%d8%b2%d8%a7%d8%b1-%d8%b6%d8%b1%d9%88%d8%b1%db%8c-%d8%a8%d8%b1%d8%a7%db%8c-%d8%b7%d8%b1%d8%a7%d8%ad%d8%a7%d9%86-%d8%aa%d8%ac%d8%b1%d8%a8%d9%87-%da%a9%d8%a7%d8%b1%d8%a8%d8%b1/balsamiq-all-controls-wireframe.png)
14. Pidoco
با استفاده از قابلیت کشیدن و رها کردن، هیچ مشکلی در استفاده از Pidoco برای طراحی نمونه های اولیه وجود ندارد. نمونه های تعاملی به شما امکان می دهد تا کاربران نهایی خود را در ابتدای فرایند با نرم افزار آشنا کنید و از بازخورد برای صرف جویی در هزینه و توسعه،استفاده کنید. بدون شک، Pidoco شما را قادر می سازد که راه ایده آلی را با یک تجربه کاربری عالی ارائه دهید!
![[تصویر: pidoco.jpg]](http://magbot.ir/20-%d8%a7%d8%a8%d8%b2%d8%a7%d8%b1-%d8%b6%d8%b1%d9%88%d8%b1%db%8c-%d8%a8%d8%b1%d8%a7%db%8c-%d8%b7%d8%b1%d8%a7%d8%ad%d8%a7%d9%86-%d8%aa%d8%ac%d8%b1%d8%a8%d9%87-%da%a9%d8%a7%d8%b1%d8%a8%d8%b1/pidoco.jpg)
![[تصویر: 10-%D8%A7%D8%B4%D8%AA%D8%A8%D8%A7%D9%87-...%D8%A7.jpg]](http://magbot.ir//10-%D8%A7%D8%B4%D8%AA%D8%A8%D8%A7%D9%87-%D8%AA%D8%A8%D8%AF%DB%8C%D9%84-%D9%88%D8%A8-%D8%B3%D8%A7%DB%8C%D8%AA-%D9%88-%DA%86%DA%AF%D9%88%D9%86%DA%AF%DB%8C-%D8%B1%D9%81%D8%B9-%D8%A2%D9%86%D9%87%D8%A7/10-%D8%A7%D8%B4%D8%AA%D8%A8%D8%A7%D9%87-%D8%AA%D8%A8%D8%AF%DB%8C%D9%84-%D9%88%D8%A8-%D8%B3%D8%A7%DB%8C%D8%AA-%D9%88-%DA%86%DA%AF%D9%88%D9%86%DA%AF%DB%8C-%D8%B1%D9%81%D8%B9-%D8%A2%D9%86%D9%87%D8%A7.jpg)
10 اشتباه تبدیل در وب سایت و راه حل رفع آنها
![[تصویر: %D8%B2%DB%8C%D8%A8%D8%A7%DB%8C%DB%8C-%D9...%D8%A8.jpg]](http://magbot.ir//%D8%B2%DB%8C%D8%A8%D8%A7%DB%8C%DB%8C-%D9%88-%D8%B9%D9%85%D9%84%DA%A9%D8%B1%D8%AF-%D8%AF%D8%B1-%D8%B7%D8%B1%D8%A7%D8%AD%DB%8C-%D9%88%D8%A8/%D8%B2%DB%8C%D8%A8%D8%A7%DB%8C%DB%8C-%D9%88-%D8%B9%D9%85%D9%84%DA%A9%D8%B1%D8%AF-%D8%AF%D8%B1-%D8%B7%D8%B1%D8%A7%D8%AD%DB%8C-%D9%88%D8%A8.jpg)
زیبایی یا عملکرد در طراحی وب
![[تصویر: %D8%A8%D8%B1%D8%B1%D8%B3%DB%8C-%D9%81%D8...%D9%84.jpg]](http://magbot.ir//%D8%A8%D8%B1%D8%B1%D8%B3%DB%8C-%D9%81%D8%B1%D8%A2%DB%8C%D9%86%D8%AF-%D8%A7%D9%86%D8%B7%D8%A8%D8%A7%D9%82-%DA%A9%D8%A7%D8%B1%D8%A8%D8%B1-%D8%AF%D8%B1-%D9%88%D8%A8-%D9%88-%D9%85%D9%88%D8%A8%D8%A7%DB%8C%D9%84/%D8%A8%D8%B1%D8%B1%D8%B3%DB%8C-%D9%81%D8%B1%D8%A2%DB%8C%D9%86%D8%AF-%D8%A7%D9%86%D8%B7%D8%A8%D8%A7%D9%82-%DA%A9%D8%A7%D8%B1%D8%A8%D8%B1-%D8%AF%D8%B1-%D9%88%D8%A8-%D9%88-%D9%85%D9%88%D8%A8%D8%A7%DB%8C%D9%84.jpg)
بررسی فرآیند User Onboarding در وب و موبایل