آنالیز رفتار كاربر در وب سایت:
حتما با ابزارهایی مانند گوگل آنالیز، وبگذر و دیگر سیستم های آماری آشنا هستید.
این ابزارها معمولا آماری مربوط به تعداد بازدید، كشور و شهر بازدیدكننده، دستگاه بازدیدكننده، لینك منبع و... را در اختیار مدیران وب سایتها قرار میدهند.
و حتما میدانید كه در دنیای امروز اطلاعات بیشترین ارزش را برای مدیر یك وب سایت دارد، چرا كه با داشتن اطلاعات علایق و رفتار كاربران میتوانیم كاربران را به مشتری تبدیل كنیم.
در این مطلب قرار است در رابطه با آنالیز رفتار یك كاربر در وب سایت از زمان ورود تا خروج صحبت كنیم.
ابزارهایی برای این كار وجود دارند كه پیشنهاد بنده hotjar و mouseflow است.
این ابزار چه خدماتی ارائه میدهند؟
در كل كاری كه انجام میشود ثبت رفتار كاربر در وب سایت می باشد:
1. نقشه گرمایشی یا heatmap
با استفاده از این امكان می توانیم بفهمیم روی كدام نقاط از صفحه(دكمه، منو، متن یا هر جای صفحه) بیشتر كلیك می شود.
2. ثبت حركت كاربر در صفحه:
با این امكان می توانیم حركت موس و جابجایی كاربر در صفحه را ثبت و ارزیابی كنیم، یعنی كاربر حركت كاربر در صفحه را ثبت میكند.
3. نظرسنجی و پرسش نامه:
Hotjar به ما این امكان را میدهد كه از كاربران نرسنجی در رابطه با هر مساله ای داشته باشیم.
نظرسنجی یكی از مهم ترین ابزارهای ارزیابی رضایت كاربران و تشخیص كمبودهای وب سایت است.
با این ابزار می توانید حتی مشخص كنید در حالت دسكتاپ چه سوالی پرسیده شود و در حالت موبایل چه سوالی!
4.بررسی نرخ تبدیل:
هیچ سایتی نرخ تبدیلش به 100% نمیرسد یعنی امکان ندارد که تمام کاربران سایت شما تبدیل به مشتری شوند ولی باید تلاش کنید که این نرخ را بالا ببرید. از طریق آپشن conversion funnel در ابزار Hotjar میتوانید نرخ تبدیل خود را بررسی کرده و ببینید که کجا و به چه دلیل کاربران خود را از دست میدهید. نوع محتوای خود را آنالیز کنید و ببینید که کدام فرم ها بیش از حد طولانی هستند، کدام دکمه ها بیش از حد کوچک هستند و ... ، سپس محتوای خود را با توجه به این داده ها اصلاح کنید تا یک قدم به سمت نرخ تبدیل بالاتر و مشتری بیشتر جلو بروید.
5.دریافت بازخورد یا فیدبك
با این ابزار به صورت مستقیم به كاربران اجازه می دهید تا مشكلات و ایرادات و حتی نقات قوت سایت را با شما درمیان بگذارند، با این كار می توانید نقاط قوت خود را بشناسید و مانور بیشتری بدهید و یا نقاط ضعف خود را دانسته و سعی در حل مشكلات داشته باشید.
#Hotjar #mouseflow #UX
http://t.me/WebDevelopmentReferences
حتما با ابزارهایی مانند گوگل آنالیز، وبگذر و دیگر سیستم های آماری آشنا هستید.
این ابزارها معمولا آماری مربوط به تعداد بازدید، كشور و شهر بازدیدكننده، دستگاه بازدیدكننده، لینك منبع و... را در اختیار مدیران وب سایتها قرار میدهند.
و حتما میدانید كه در دنیای امروز اطلاعات بیشترین ارزش را برای مدیر یك وب سایت دارد، چرا كه با داشتن اطلاعات علایق و رفتار كاربران میتوانیم كاربران را به مشتری تبدیل كنیم.
در این مطلب قرار است در رابطه با آنالیز رفتار یك كاربر در وب سایت از زمان ورود تا خروج صحبت كنیم.
ابزارهایی برای این كار وجود دارند كه پیشنهاد بنده hotjar و mouseflow است.
این ابزار چه خدماتی ارائه میدهند؟
در كل كاری كه انجام میشود ثبت رفتار كاربر در وب سایت می باشد:
1. نقشه گرمایشی یا heatmap
با استفاده از این امكان می توانیم بفهمیم روی كدام نقاط از صفحه(دكمه، منو، متن یا هر جای صفحه) بیشتر كلیك می شود.
2. ثبت حركت كاربر در صفحه:
با این امكان می توانیم حركت موس و جابجایی كاربر در صفحه را ثبت و ارزیابی كنیم، یعنی كاربر حركت كاربر در صفحه را ثبت میكند.
3. نظرسنجی و پرسش نامه:
Hotjar به ما این امكان را میدهد كه از كاربران نرسنجی در رابطه با هر مساله ای داشته باشیم.
نظرسنجی یكی از مهم ترین ابزارهای ارزیابی رضایت كاربران و تشخیص كمبودهای وب سایت است.
با این ابزار می توانید حتی مشخص كنید در حالت دسكتاپ چه سوالی پرسیده شود و در حالت موبایل چه سوالی!
4.بررسی نرخ تبدیل:
هیچ سایتی نرخ تبدیلش به 100% نمیرسد یعنی امکان ندارد که تمام کاربران سایت شما تبدیل به مشتری شوند ولی باید تلاش کنید که این نرخ را بالا ببرید. از طریق آپشن conversion funnel در ابزار Hotjar میتوانید نرخ تبدیل خود را بررسی کرده و ببینید که کجا و به چه دلیل کاربران خود را از دست میدهید. نوع محتوای خود را آنالیز کنید و ببینید که کدام فرم ها بیش از حد طولانی هستند، کدام دکمه ها بیش از حد کوچک هستند و ... ، سپس محتوای خود را با توجه به این داده ها اصلاح کنید تا یک قدم به سمت نرخ تبدیل بالاتر و مشتری بیشتر جلو بروید.
5.دریافت بازخورد یا فیدبك
با این ابزار به صورت مستقیم به كاربران اجازه می دهید تا مشكلات و ایرادات و حتی نقات قوت سایت را با شما درمیان بگذارند، با این كار می توانید نقاط قوت خود را بشناسید و مانور بیشتری بدهید و یا نقاط ضعف خود را دانسته و سعی در حل مشكلات داشته باشید.
#Hotjar #mouseflow #UX
http://t.me/WebDevelopmentReferences
Telegram
برنامه نویسی و طراحی
در این كانال نكات و كدهای برنامه نویسی و همینطور تجربه كاربری و طراحی به اشتراك گذاشته می شود.
توضیح تصویر بالا 👆👆
در طراحی های خود سعی كنید white space را رعایت كنید.
این اصل به زبان ساده فضای آزاد برای استراحت چشم می باشد.
اصطلاح فضای سفید لزوما یك فضای سفیدرنگ نیست!
در طراحی فضای سفید یا "negative scapce" یك فضای خالی بین پاراگراف و متون، عكس ها، دكمه ها و به طور كلی المنت ها می باشد كه باعث می شود چشم كاربر استراحت كند.
همانطور كه عرض شد فصای سفید لزوما یك فضای سفیدرنگ نیست و می تواند هر رنگ یا شكلی داشته باشد حتی یك عكس!
متاسفانه دید مشتری با دید طراح یكی نیست در این زمینه و بیشتر مشتریان فضای سفید را یك فضای بلااستفاده و بی مصرف می بینند.
این "وظیفه ی" طراح است تا مشتری را قانع كند برای استفاده از فضای سفید.
#UX #UI #Design #Whitw_Space #Sadin
http://t.me/WebDevelopmentReferences
در طراحی های خود سعی كنید white space را رعایت كنید.
این اصل به زبان ساده فضای آزاد برای استراحت چشم می باشد.
اصطلاح فضای سفید لزوما یك فضای سفیدرنگ نیست!
در طراحی فضای سفید یا "negative scapce" یك فضای خالی بین پاراگراف و متون، عكس ها، دكمه ها و به طور كلی المنت ها می باشد كه باعث می شود چشم كاربر استراحت كند.
همانطور كه عرض شد فصای سفید لزوما یك فضای سفیدرنگ نیست و می تواند هر رنگ یا شكلی داشته باشد حتی یك عكس!
متاسفانه دید مشتری با دید طراح یكی نیست در این زمینه و بیشتر مشتریان فضای سفید را یك فضای بلااستفاده و بی مصرف می بینند.
این "وظیفه ی" طراح است تا مشتری را قانع كند برای استفاده از فضای سفید.
#UX #UI #Design #Whitw_Space #Sadin
http://t.me/WebDevelopmentReferences
Telegram
برنامه نویسی و طراحی
در این كانال نكات و كدهای برنامه نویسی و همینطور تجربه كاربری و طراحی به اشتراك گذاشته می شود.
شما نمی توانید طراحی را درك كنید تا زمانی كه مردم را نشناسید.
معنی ارائه شده بیشتر معنی كلمه به كلمه بود ولی در واقع موضوعی كه این جمله به ما می گوید به شرح زیر است:
زمانی كه طرحی می زنید (در این بحث تمركز روی طراحی وب سایت است) قرار نیست حتما (و تنها) شما عاشق طرح باشید، در اصل كاربران باید از طرح راضی باشند!
در نهایت این كاربران هستند كه تصمیم می گیرند آیا طرح شما زیبا و كاربردی است یا خیر.
با توجه به دو توضیح داده شده می توانیم نتیجه بگیریم كه ابتدا باید روان شناسی بلد باشید، باید بدانید كاربران از چه رنگ هایی لذت می برند، چطور كاربر خسته نشود و... اگر كاربر ملاك خوب بودن طرح باشد قطعا كار شما خوب خواهد بود، چرا كه این كاربران هستند كه باید طرح شما را بپسندند.
#UX #Design
http://t.me/WebDevelopmentReferences
معنی ارائه شده بیشتر معنی كلمه به كلمه بود ولی در واقع موضوعی كه این جمله به ما می گوید به شرح زیر است:
زمانی كه طرحی می زنید (در این بحث تمركز روی طراحی وب سایت است) قرار نیست حتما (و تنها) شما عاشق طرح باشید، در اصل كاربران باید از طرح راضی باشند!
در نهایت این كاربران هستند كه تصمیم می گیرند آیا طرح شما زیبا و كاربردی است یا خیر.
با توجه به دو توضیح داده شده می توانیم نتیجه بگیریم كه ابتدا باید روان شناسی بلد باشید، باید بدانید كاربران از چه رنگ هایی لذت می برند، چطور كاربر خسته نشود و... اگر كاربر ملاك خوب بودن طرح باشد قطعا كار شما خوب خواهد بود، چرا كه این كاربران هستند كه باید طرح شما را بپسندند.
#UX #Design
http://t.me/WebDevelopmentReferences
Telegram
برنامه نویسی و طراحی
در این كانال نكات و كدهای برنامه نویسی و همینطور تجربه كاربری و طراحی به اشتراك گذاشته می شود.
فوتر یا پانوشت در بعضی مواقع به خودی خود شلوغ است، میتوانید با قراردادن چند خط جدا كننده قسمت های مرتبط را در یك بخش قرار داده تا تمیزتر دیده شود.
در تصویر بالا دقت كنید:
در مود اول آیكون های شبكه اجتماعی به نظر خارج از تعادل می باشند.
در تصویر دوم نظم و تعادل به وضوح مشخص است.
#UX #UI #Design #Web_Design
http://t.me/WebDevelopmentReferences
در تصویر بالا دقت كنید:
در مود اول آیكون های شبكه اجتماعی به نظر خارج از تعادل می باشند.
در تصویر دوم نظم و تعادل به وضوح مشخص است.
#UX #UI #Design #Web_Design
http://t.me/WebDevelopmentReferences
Telegram
برنامه نویسی و طراحی
در این كانال نكات و كدهای برنامه نویسی و همینطور تجربه كاربری و طراحی به اشتراك گذاشته می شود.
5 Amazing Color Tools for Designers 🌈
.
Here's five amazing color tools that you need to start using, NOW!
.
1. Khroma
2. Color Hunt
3. Culrs
4. Coolors
5. Color Leap
.
.
.
.
.
.
#webdesign #ui #ux #appdesign #userinterface #userexperience #uiux #uidesign #uxdesign #programming #designertools #designtools
https://www.instagram.com/p/Bxc9spigdOH/?igshid=1si18g7jax5ef
.
Here's five amazing color tools that you need to start using, NOW!
.
1. Khroma
2. Color Hunt
3. Culrs
4. Coolors
5. Color Leap
.
.
.
.
.
.
#webdesign #ui #ux #appdesign #userinterface #userexperience #uiux #uidesign #uxdesign #programming #designertools #designtools
https://www.instagram.com/p/Bxc9spigdOH/?igshid=1si18g7jax5ef
Instagram
طراحی سایت و اپ موبایل
5 Amazing Color Tools for Designers 🌈 . Here's five amazing color tools that you need to start using, NOW! . 1. Khroma 2. Color Hunt 3. Culrs 4. Coolors 5. Color Leap . . . . . . #webdesign #ui #ux #appdesign #userinterface #userexperience #uiux #…
How to start an UX Project? Basically, by asking a loooot of questions! 🤓 All the questions! Early stages of UX Design are for Discovery, Exploration, Interrogation & Understanding. So it’s the right time to question everything and find out as much as possible about the project, the reasons, the problem, the users and so on! •
•
#ux
#ui
#uxdesign
#design
#designers
#uxuidesign
#learnux
#webdesign
#appdesign
#userexperience
#uxtips
#designweb
#uxresearch
#mobileapp
#interface
#uxdesigning
#طراحیسایت
#طراحی_سایت
#یوایکس
#یوآی
#دیزاین
#برنامه_نویسی
#سادین
https://www.instagram.com/p/BxiNP78A-qb/?igshid=csh7r1rss2zh
•
#ux
#ui
#uxdesign
#design
#designers
#uxuidesign
#learnux
#webdesign
#appdesign
#userexperience
#uxtips
#designweb
#uxresearch
#mobileapp
#interface
#uxdesigning
#طراحیسایت
#طراحی_سایت
#یوایکس
#یوآی
#دیزاین
#برنامه_نویسی
#سادین
https://www.instagram.com/p/BxiNP78A-qb/?igshid=csh7r1rss2zh
Instagram
طراحی سایت و اپ موبایل
How to start an UX Project? Basically, by asking a loooot of questions! 🤓 All the questions! Early stages of UX Design are for Discovery, Exploration, Interrogation & Understanding. So it’s the right time to question everything and find out as much as possible…
.NET Core is an open source, modular, high-performance implementation of .NET for creating Windows, Linux and Mac apps, improving upon the ageing .NET Framework that's tightly coupled to Windows.
The three main themes of .NET Core 3, Hunter said, are: desktop workloads and UI interop; artificial intelligence and machine learning; and Web app development productivity. The new support for desktop development with Windows Presentation Foundation (WPF) and Windows Forms (WinForms) has been a much-discussed feature of the upcoming .NET Core 3 offering, whose exact date is expected to be revealed at the Microsoft's Build developer conference.
Article: https://visualstudiomagazine.com/articles/2019/04/04/net-core-3.aspx?m=1
#ui #ux #design #windows #netcore #aspnetcore #microsoft #webdev #dev #development #aspnet #asp #code #programming #webdevelopment #windowsform
The three main themes of .NET Core 3, Hunter said, are: desktop workloads and UI interop; artificial intelligence and machine learning; and Web app development productivity. The new support for desktop development with Windows Presentation Foundation (WPF) and Windows Forms (WinForms) has been a much-discussed feature of the upcoming .NET Core 3 offering, whose exact date is expected to be revealed at the Microsoft's Build developer conference.
Article: https://visualstudiomagazine.com/articles/2019/04/04/net-core-3.aspx?m=1
#ui #ux #design #windows #netcore #aspnetcore #microsoft #webdev #dev #development #aspnet #asp #code #programming #webdevelopment #windowsform
Visual Studio Magazine
Scott Hunter Details 'What's Coming with .NET Core 3.0' -- Visual Studio Magazine
After this week's release of Visual Studio 2019, Microsoft exec Scott Hunter detailed many of the new features coming in .NET Core 3, already available as a preview in VS 2019 so developers can try it out (with a simple tweak).