تاثیر UI و UX در سئو

در این ارزش جنبه های کلیدی محصول مشخص می شوند.مثلا این محصول برای کیست؟ویژگی های این محصول چیست؟مزیت رقابتی این محصول چیست؟و…

استراتژی محصول

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

حسابرسی رقابتی (Competitive Audit)

بررسی و تحلیل استراتژی های رقیب به منظور بهتر کردن محصول خود را حسابرسی رقابتی می گویند.

تحقیقات فرهنگی (Cultural Probes)

تحقیق و بررسی و جمع آوری اطلاعات از مشتریان و دانشتن مشکلات،ایده ها و نیازهای ان هابرای کشف فرصت ها و ارائه راه حل های نو و ایده های جدید

مصاحبه با ذینفعان

مصاحبه با مشتری،کارفرما،همکاران و … به طراحان ux کمک میکند تا شاخص ها و ویژگی ها را به خوبی اولویت بندی کند.

مصاحبه با کاربر

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

تاثیر UI و UX در سئو

1. یک تجربه کاربری ux و رابط کاربری ui خوب کلیک های زیادی را دریافت می کند. زمان ماندگاری کاربران در سایت را افزایش می دهد. Ui و ux رتبه سایت را در نتایج جستجو بهبود می دهد سئو ترافیک سایت شما را جذب می کند اما ux این ترافیک را نگه می دارد. تجربه کاربری باعث می شود تا کاربران زمان بیشتری در سایت بمانند. اگر کاربران زمان بیشتری را در سایت بگذرانند، سیگنال مثبتی به گوگل ارسال می شود. و این اتفاق به گوگل می گوید که سایت برای کاربران ارزشمند است. این امر باعث می شود گوگل سایت مربوطه را در نتایج جستجو رتبه بندی کند.
2. یک طراحی تجربه کاربری خوب با محتوای ارزشمند همچنین شانس زیادی برای لینک شدن توسط صفحات دیگر دارد. این میتواند عملکرد سئو را بهبود بخشد.
3. وقتی ui و ux به خوبی در سایت پیاده شوند، کاربران عادی به مشتریان وفادار تبدیل می شوند. این امر باعث می شود تا کاربران بارها و بارها به سایت مراجعه کرده و از خدمات آن سایت استفاده کنند. اگر رابط کاربری و تجربه کاربری به درستی اجرا شوند، به کسب در آمد و فروش بیشتر منجر می شود.
4. عوامل ui و ux که سئو را بهبود می بخشد​حالا که برخی از معیارهای اصلی کاربران را که می توانند بر رتبه بندی سئو تاثیر بگذارند را دیدیم بیایید ببینیم چگونه می توانیم این معیارها را با تمرکز بر طراحی ui و ux بهبود بخشیم.
   • واکنش گرا بودن(responsive)
   • عنوان ها و منوها
   • منوهای ساده

واکنش گرا بودن (responsive)​

طراحی ریسپانسیو موبایل به یکی از اجزای اصلی توسعه وب مدرن تبدیل شده است، از آنجایی که اکنون بیش از 50% از کل ترافیک وب توسط جستجوی تلفن همراه هدایت می شود وب سایت هایی که پاسخگوی تلفن همراه نیستند، از همان ابتدا بیش از 50 درصد از مخاطبان خود را از دست می دهند. افراد بیشتر و بیشتری در حال تبدیل شدن به کاربران تلفن همراه هستند

عنوان ها و منوها​

آیا تا به حال در وب سایتی بوده اید که طراحی منو آنقدر گیج کننده باشد که به معنای واقعی کلمه نمی دانید چه کاری انجام دهید؟

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

منوهای ساده​

مثال‌های عینی برای طراحی تجربه کاربری خوب و بد​

درک ترکیب تجربه کاربری  خوب و بد کاربر تقریبا یک چیز ذهنی است و به سختی قابل تشخیص است. درک این اصول یک هنر است. اینکه چگونه این اصول در عمل خود را نشان می‌دهند و درک تجربه کاربری خوب در مقابل تجربه کاربری بد هم یک هنر دیگر است.

1. وضعیت فعلی انجام یک فعالیت از کاربر ر ا نشان دهد.​

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

در تصویر زیر کاربر اگر روی دکمه تکمیل ثبت نام کلیک کند و هیچ اتفاقی نیفتد و هیچ پیغامی مشاهده نکند باعث سردرگمی او می‌شود که آیا اصلا ثبت نام انجام شد یا خیر؟

2. استفاده از زبانی ساده و قابل فهم​

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

3. استفاده درست از رنگ ها​

درست است که زیبایی بصری محصول در اولویت اصلی فرآیند تجربه کاربری نیست اما نادیده گرفتن طراحی بصری می‌تواند منجر به تجربه‌ بد کاربری شود. در این مثال زبان پیام و اطلاعات ساده و قابل خواندن است. اما در تصویر سمت راست هیچ المانی برای زیبایی ظاهری طراحی نشده است. طرح چشم‌نواز نیست و سلسه مراتبی مشاهده نمی‌شود. هیچ ترکیبی از رنگ و منطق در طرح مشاهده نمی‌شود.
در سمت چپ تایپوگرافی و رنگ با هم ترکیب شده‌اند و محتوا را طوری ساختاردهی کرده‌اند که طراحی تجربه کاربری خوبی ایجاد می‌کند. مخاطب خیلی راحت برای “ایجاد کردن” یا “کنسل کردن” راهنمایی می‌شود.

4. کاهش دادن خطاهای احتمالی​

احتمال رخ دادن خطا و اشباه همیشه بالاست، اما می توان کاری کرد که ارورها کمترشود .یک سیستم صنعتی را در نظر بگیرید که برای بعضی کارهای خاص به پارامترهای خاصی وابسته است. اگر یک اپراتور بخواهد یک دستور تخلیه را روی یک ماشین باربر ارسال کند، ماشین باربر حتما باید بار داشته باشد. اگر همه گزینه ها در دسترس باشد و اپراتور روی “بارگیری” کلیک کند، سیستم ارور می‌دهد و نتیجه تجربه کاربری بد و ناامید کننده خواهد بود. در عوض سیستم باید تشخیص دهد که این کار امکان پذیر نیست و گزینه “بارگیری” را از انتخاب پنهان کند.

5. دلیل خطاها و مراحل بعدی را اعلام کنید.​

خیلی مهم است که هنگام بروز خطاهای اجتناب‌ناپذیر با کاربر ارتباط برقرار کنید. زبان، لحن و طراحی در این ارتباطات مهم است. ارائه دلیل واضح و قابل درک برای خطا و در صورت امکان ارائه دستورالعمل برای رفع خطا مهم است. زبان فنی یا اصطلاحات خطای پایگاه داده، برای کاربر مفید نخواهد بود. رنگ هم مهم است چون می‌تواند به شدت خطا یا هشدار کمک کند.

در هر دو تصویر یک خطا رخ داده است اما در تصویر سمت راست، پیغام خطا یک پیغام فنی با توضیحی از دیتابیس است. کاربر معمولی وب که قصد پر کردن فیلدهای این فرم را داشته است، هیچ ذهنیتی راجع به این پیغام و پایگاه داده ندارد. حتی ممکن است به دلیل متوجه نشدن پیام از ادامه کار صرف نظر کند.
اما در تصویر سمت چپ، توضیح واضحی برای دلیل پیام خطا داده شده است. به کاربر گفته شده که فرمت ایمیل صحیح نیست و باید از کارکتر @ استفاده کند. حتی موقعیت و رنگ فیلدی که ارور داده است، با رنگ قرمز مشخص شده است تا پیام برای کاربر خوانا و مفهوم‌تر باشد.

6. پیام‌های حذف شده در واتساپ​

واتساپ به خاطر پیام‌های رمزگذاری شده و نگرانی‌های امنیتی خود مشهور است. اما احتمالاً طراحان آن‌ها آنقدر صادق هستند که اجازه نمی‌دهند شما از زیر بار یک پیام اشتباه قسر در روید. وقتی شما می‌خواهید پیامی را در واتساپ پاک کنید، فقط محتوای آن پیام پنهان می‌شود و یادداشتی از خودش به جا می‌گذارد. این یادداشت به هر دو طرف نشان داده می‌شود. این نوشته همان «این پیام حذف شده است» می‌باشد. اگر قصد دارید یک ویژگی را به کاربران خود ارائه دهید، سعی کنید آن‌را به درستی انجام دهید. گاهی شرکت‌های بزرگ هم این موضوع را فراموش می‌کنند.

7. شکنجه کاربران بخاطر تبلیغ​

هنگامی که یک کاربر برای باز کردن و مشاهده‌ی صفحه‌ی دلخواه خود بر روی لینکی کلیک می‌کند، تبلیغات‌های بی شماری ظاهر می‌شوند. مسئله‌ی افتضاح‌تر این است که وقتی بر روی دکمه‌ی X کلیک می‌کنید تا تبلیغات را ببندید، به تبلیغ دیگری فرستاده می‌شوید. به نظر می‌رسد که طراحان، مهارت‌های ارتباطی شما را به تمسخر گرفته‌اند و خودشان را هوش برتر می‌دانند. اگر فکر می‌کنید که با وجود این چیزها محصول شما هنوز هم موفق خواهد بود اشتباه کرده‌اید، زیرا کاربران بعد از چنین تجربه‌ای حتماً محصول شما را رها خواهند کرد.

8. این چیزی نیست که من به دنبالش هستم ​

بیایید بگوییم که شما به صورت آنلاین به دنبال یک PDF هستید یا سعی دارید به صفحه‌ی دلخواه خود بروید. به نظر می‌رسد که بعضی از سایت‌ها لینک دسترسی به صفحات شما را با ظاهری برجسته و زیبا در اختیارتان قرار می‌دهند. خب این به نظر خوب می‌آید. با این حال وقتی با تمام امید بر روی آن لینک‌ها کلیک می‌کنید، ناامید می‌شوید زیرا آن‌ها حتی قابل کلیک شدن هم نیستند. شاید شما با مورد بدتری مواجه شوید و با کلیک کردن بر روی آن لینک، به صفحه‌ای نامرتبط فرستاده شوید. سازندگان این‌گونه ترفندها باید روش‌های خود را برای به‌دست آوردن بیشترین کلیک زیر سوال ببرند. در غیر اینصورت قطعاً ارزش برند آن‌ها به میزان قابل توجهی کاهش خواهد یافت.

9. Clickbait 101​

آیا گشت‌وگذار‌های خود در رسانه‌های اجتماعی را به یاد دارید؟ وقتی در رسانه‌های اجتماعی با خبری مواجه می‌شوید که عنوانی برجسته دارد، ممکن است آن را باز کنید. اما شما ناامید خواهید شد چون ممکن است به محتوای دیگری فرستاده شوید. شما احتمالاً آن را باز کردید چون می‌خواستید در مورد آنچه که در عنوان ذکر شده بود اطلاعات بیشتری را کسب کنید. بالاترین اولویت برخی طراحان، فقط جلب‌توجه کاربران است. طراحی UX برای ریشه‌کن کردن انگیزه‌های این به اصطلاح «طراحان» متولد شده است. شما علاوه بر ارائه‌ی نمونه‌ای بد از UX، به مشتریان خود نیز دروغ می‌گویید.