خوش آمدید

کسب و کار شما دچار افت در سود دهی شده ؟

با پیشرفت علم و تکنولوژی ، داشتن یک وب سایت جهت پیشرفت و شناخته شدن بهتر کسب و کار شما ، در اکثر زمینه ها ضروری است.
همین حالا شروع کنید
  • طراحی وب سایت

    طراحی وب سایت با بهره گیری از آخرین تکنولوژی ها

  • سئو

    جستجوی اول در گوگل شما باشید

  • وب اپلیکیشن

    ساخت برنامه اندروید برای وب سایت شما

  • مشاوره

    نمیدانید از کجا شروع کنید برای ساخت یک وب سایت ؟
    021.22338921

ارتباط کاربر با سایت

ارتباط کاربر با سایت

ارتباط کاربر با سایت

ارتباط کاربر با سایت

ارتباط کاربر با سایت :تجربه کاربری و رابط کاربری دو بخش مجزا در پروسه طراحی هستند،

اما انقدر بهمدیگر گره خوردند

که وجودشان بهم وابسته شده است

و یکی بدون دیگری وجود ندارد.اجازه بدهید

این دو تا را تعریف کنمتا گیج نشویم.

ارتباط کاربر با سایت:
تجربه کاربری یک اصطلاح خیلی گسترده است،

اما در موضوع بحث ما میشود

خیلی ساده تر تعریف بشود:

ارتباط بین محصول و کاربر آن.

تجربه کاربری در حوزه دیجیتال همواره در حال گسترش بوده است،

چون کاربرها بیشتر میشوند

و فناوری ها پیشرفت می کنندو امکاناتی را میدهند

که کاربر میتواند به طور مؤثرتری با سایت ارتباط برقرار کند.

به این سوال فکر نمایید:

“رئیس جمهور بعدی امریکا کی انتخاب میشود؟”

الان امریکا درگیر انتخاب رئیس جمهورش می باشد

و شما اگر یک سایت مرتبط با سیاست پیدا نمایید

باید در صفحاتش عمقی جست و جو نمایید

تا جسته و گریخته اخبار انتخابات به چشمتان بخورد.

اما گوگل فورا جوابتان را میدهد

و اتفاقا جوابش هم خیلی مفید است،

پس میشود گفتتجربه کاربری خیلی خوبی دارد.

اینطوری راحت به نظر می آید،اما از نظر طراحی، رسیدن

به حداکثر تجربه کاربری چالش برانگیز و مشکل است.

این که چقدر در تلاش هایتان موفق بشوید،

بستگی به هدف کاربر دارد

و زمانی که مجبور باشید

با اهداف مختلف کاربرهای مختلف تطابق پیدا نمایید،

میشود گفت ساختن یک تجربه کاربری جذاب کار سختی است.
حالا که تجربه کاربری را تعریف کردیم،

نوبت میرسد به رابط کاربری.اجازه بدهید

 

ارتباط کاربر با سایت :

یک مثال بزنم تا روشنتر منظورم مشخص :

ما می خواهیم

یک سایت برای یک رستوران پیتزا درست کنیم.

می خواهیم کاربرها بیایند در سایت و منوی رستوران را ببینند

و پیتزا سفارش بدهند.

خب من الان یک هدف کاملا واضح تعریف نمودم

و تجربه کاربری هم مشخص است:

ما این را می خواهیم که شما پیتزا سفارش بدهید.

این قالب مشخص صفحات سایت میشودرابط کاربری.

به عبارت دیگر رابط کاربری محیطی است

که پیتزا در آن سفارش داده میشود،

اما تجربه کاربری میزان رضایت شما هنگام استفاده از این محیط می باشد.

تعیین بازده این قالب برای سایت کار آسانی نیست.

چگونه میخواهیم کاربر را از صفحه نخست سایت ترغیب کنیم

که دکمه سفارش پیتزا را فشار بدهد؟

ما بی نهایت حق انتخاب را دارا هستیم.

طراحی های قدیمی معمولا انقدر پر از قابلیت های مختلف می بودند

که چندین سال طول می کشید

تا صفحه محصولات سایت کامل باز شود.

اگر شما محو رابط کاربری بشویداین اتفاقها می افتد.

مثل الاکلنگ میماند.

پس یک ارتباط طبیعی بین تجربه کاربری و رابط کاربری وجود دارد.

بهترین تعادل وقتی بوجود می آید

 

ارتباط کاربر با سایت :

که زمان طراحی رابط کاربری دائمن به تجربه کاربری

و اینکه کاربر چطور سایت شما را تجربه خواهد کرد فکر نمایید.

برای این منظور یک سری قوانین وجود دارد

تا بتوانید برنامه های خوبی را بسازید.

این وظیفه طراح های رابط کاربری می باشد

که یک راهنمای مشخصی درست نمایند.

طراح های رابط کاربری باید

در سراسر محصول (سایت) یک زبان طراحی ثابت بکار ببرند.

 

صفحات محصول باید به طور واضح و شفاف

ا طراحی های تجربه کاربری ارتباط برقرار کنند.

حالا که اصول را شرح دادیم،

وقتش است

با ابزارهای معروف تجربه کاربری و رابط کاربری آشنا بشویم:

ابزارهای برتر تجربه کاربری / رابط کاربری در سال ۱۳۹۵:

 

User Testing

این ابزار یک ابزار بدون استرس و مشکل، برای آزمایش سایت است. م

یتواند برای تحقیق در مورد کاربر و آزمایش طراحی اولیه به کار برود.

با آزمایش افراد متخصص میتوانید مخاطبین جدیدی برای اپلیکیشن هایتان پیدا کنید،

از فاصله دور تست های کاربری را اجرا کنید

و ظرف یک ساعت نتایج را ببینید.

این آزمایش یک ویدئو از تغییرات چهره کاربر

و واکنش های احساسیش به اپلیکیشن ذخیره می کند.

 

Stylify Me

با تستیفای میتوانید رنگهای هر سایتی را کپی کنید.

وقتی URL را در منوی جستجوی بالایی وارد نمایید

می توانید کد دقیق رنگ ها را ببینید.

 

UXPin

با UXPin میتوانید سایت یا اپلیکیشن طراحی نمایید.

در واقع به شما امکان توسعه یک وایرفریم lo-fi به یک پروتوتایپ hi-fi را میدهد.  

UXPin یک ابزار درگ و دراپ ارائه میدهد

تا یک تجربه کاربری تعاملی داشته باشد

و بتوانید بدون کدنویسی تصاویر متحرک را بسازید

و الگوهای رابط کاربری طراحی نمایید.

این ابزار با فتوشاپ و Sketch کار می کند

و میتوانید فایلهای استاتیکتان را بدون از دست دادن

لایه ها به مدل های تعاملی تبدیل نمایید.

 

Sketch

این ابزار خیلی شبیه فتوشاپ است

اما اسکچ یک ابزار ویرایش عکس مختص طراحی دیجیتال است،

در حالی که فتوشاپ گستره وسیعتری از وظایف را متقبل میشود.

اسکچ از منطق CSS استفاده می کند

و در نتیجه انتقال طرح را برای توسعه راحتتر می کند.

به علاوه قابلیت برش (crop) خودکار دارد

و میتواند فقط با یک کلیک عکس را به فرمت های مختلف تبدیل کند.

اسکچ جهتیابی ساده ای دارد

و کار با آن راحت است.

 

Photoline

این یکی کمتر شناخته شده است

و یکمقداری هم ارزانتر است،

اما با این حال امکانات خوبی دارد

مثل ویرایش عکس، لایه بندی غیرقابل تخریب، ویرایش مسیر و انتشار دسکتاپ.

ضمنن قابلیت وارد کردن و صادر کردن چند لایه ای EXR هم دارد.

 

Optimizel

این ابزار هم آزمایش کاربر انجام میدهد

اما فقط تست A/B. این تست استفاده از دو نسخه متفاوت از محصول شما را با هم مقایسه می کند

و کمکتان می کند

بر اساس نتایج آزمایش یک تصمیم بهتری بگیرید.

 

Color Safe

وقتی روی یک تم رنگ کلیک کنید،

این ابزار کمکتان می کند که تضاد را متعادل کنید

تا خوانایی صفحه هایتان حفظ شود.

برای کسب یک تجربه کاربری خوب،

باید از طریق تضاد رنگی، خوانایی را افزایش دهید.

XMind

این یکی رایگان است

و در فکر کردن و تصمیم گیری کمکتان می کند.

با استفاده از نقشه های ذهنی انتها باز، نمودار رسم می کند.

برای سازماندهی کارها هم فوق العاده است.

میتوانید

با استفاده از تنظیمات بصریش خیلی سریع متوجه نحوه کارش بشوید

و اهدافتان را شخصی سازی نمایید.

 

Mural

این ابزار یک وایتبرد دیجیتالی با ابزار کارآمد است

که در طراحی تجربه کاربری کمکتان می کند.

گروهتان میتوانند

با استفاده از Mural ایده های ذهنیشان را بریزند

بیرون و مفاهیم را سازماندهی کنند.

از فایلهای یوتیوب، Vimeo Slideshare، گوگل درایو

و  اورنوت پشتیبانی می کند.

Resizer

گوگل این ابزار را ساخته است

که به طراح ها در طراحی قالب های واکنش گرا کمک کند.

خود گوگل این ابزار را یک بازدید کننده تعاملی توصیف کرده است.

Resizer  دنبال نقاط ضعف طراحی در موبایل، تبلت و کامپیوتر میگردد.

میتواند

سایت را از هر URLی به قالب های مختلف ببرد

تا مشاهده کنید برای هر نمایشگر کدام قالب بهتر است.

 

دیدگاه شما

( الزامي )نام :
(الزامي)ايميل

پشتیبانی : 7152821-0912 , 22338921-021
ContactUs Lastech Lastech in Google+ Lastech in Facebook lastech in Instagram lastech in Telegram
تمامی حقوق مادی و معنوی برای پویافناوران محفوظ میباشد و طبق ماده 12 قانون جرائم رایانه هرگونه کپی برداری ممنوع بوده و پیگرد قانونی دارد.