طراحی سایت و اهمیت طراحی تجربه کاربری در آن
طراحی سایت و اهمیت طراحی تجربه کاربری در آن
طراحی سایت در گذشته بیشتر بر طراحی وب سایتها برای مرورگرهای دسکتاپی متمرکز بود. اما از سال 2010 طراحی برای مرورگرهای تلفن همراه و رایانههای لوحی اهمیت افزایندهای پیدا کرد. طراح سایت در واقع کسی است که بر روی ظاهر، چیدمان اجزای صفحه و در بعضی موارد محتوای یک سایت کار میکند. به عنوان مثال کار بر روی ظاهر سایت مربوط به رنگها، فونتها و تصاویر استفاده شده در سایت است. چیدمان یا طرح بندی به چگونگی ساختار و طبقه بندی اطلاعات در سایت میپردازد.
طراحی خوب است که استفاده از آن آسان باشد. از نظر بصری جلب توجه کند و متناسب با خواستهها و توانایی استفاده گروههای کاربری طراحی شده باشد و در عین حال معرف برند سایت نیز باشد. سنگ بنای اصلی طراحی یک وب سایت، جلب اعتماد کاربران و از بین بردن همه مواردی است که باعث دلزدگی و ناراحتی کاربران میشود.
از این رو در طراحی بیشتر صفحات وب تمرکز بر روی سادگی است. به گونهای که هیچ اطلاعات و عملکرد اضافی که باعث حواس پرتی یا گیج شدن کاربران شود در صفحه وجود نداشته باشد.
شیوههای مختلف طراحی سایت
دو شیوه متداول در طراحی پایگاههای اینترنتی که هم در دسکتاپ و هم در موبایل به خوبی کار میکند، طراحی پاسخگو (responsive، ریسپانسیو) و طراحی تطبیقی (adaptive، آداپتیو) هستند. البته طراحی سایت به صورت اختصاصی برای موبایل نیز جزو راه حل برخی از سایتهاست.
در طراحی ریسپانسیو محتوای صفحه، بسته به اندازه صفحه نمایش به صورت پویا حرکت میکند. در طراحی آداپتیو محتوای صفحات وب سایت در اندازههایی طرح بندی میشوند که با اندازههای متداول صفحه در حالتهای مختلف نمایش تطابق داشته باشند.
حفظ طرح کلی صفحات به گونهای که در دستگاههای مختلف سازگار باشد، برای حفظ اعتماد و تعامل با کاربران بسیار مهم است.
فراگیر شدن و تنوع دستگاههای تلفن همراه، با صفحههای نمایش مختلف، مسئله مهمی است که در طراحی سایت باید به آن توجه داشت.
از مانیتورهای غول پیکر شرکتی تا ساعتهای هوشمند مچی، تعداد زیادی وسیله هوشمند وجود دارند که نیاز به دسترسی به اطلاعات به صورت آنلاین دارند.
طراحان وب برای برطرف کردن فاصله بین انواع دستگاهها دو شیوه طراحی در دسترس دارند. طراحی ریسپانسیو و طراحی آداپتیو.
اما انتخاب بین این دو شیوه طراحی سایت به خصوص برای کسانی که تجربهای در این زمینه ندارند، کمی گیج کننده به نظر میرسد. به همین دلیل در ادامه قدری بیشتر در این خصوص توضیح میدهیم.
طراحی ریسپانسیو (پاسخگو)
در طراحی ریسپانسیو با تنظیم محل قرارگرفتن عناصر، متناسب با فضای موجود، به تغییرات عرض مرورگر در صفحه نمایشهای مختلف پاسخ داده میشود.
یک سایت ریسپانسیو محتوا را بر اساس فضای موجود مرورگر نشان میدهد. اگر یک سایت ریسپانسیو را روی دسکتاپ باز کنید و سپس اندازه پنجره مرورگر را تغییر دهید، محتوا به صورت پویا حرکت میکند تا خود را با توجه به شرایط پنجره مرورگر تنظیم کند.
هنگام باز شدن این صفحه با تلفن همراه، این فرایند به صورت خودکار انجام میشود. سایت به صورت خودکار فضای موجود را بررسی میکند و سپس خود را با چیدمان ایده آل نشان میدهد.
پیاده سازی طراحی ریسپانسیو ساده است. از آن جایی که این نوع طراحی سایت سیال است، این بدین معناست که کاربران میتوانند با هر نوع نمایشگری به سایت شما متصل شده و از استفاده از آن لذت ببرند.
طراحی آداپتیو (تطبیقی)
طراحی آداپتیو ماحصل پیشرفت تدریجی طراحی سایتهاست. تفاوت عمده طراحی آداپتیو با ریسپانسیو در این است که در طراحی آداپتیو چند طراحی ثابت برای نمایش سایت در سایزهای مختلف وجود دارد.
طراحی آداپتیو معمولاً دارای 3 سایز طرح ثابت است. وقتی سایت فضای موجود را تشخیص میدهد، مناسبترین سایز را با صفحه نمایش انتخاب کرده و نمایش میدهد.
بنابراین هنگامی که شما یک سایت را با مرورگر روی یک دسکتاپ باز میکنید، سایت بهترین طرح را برای صفحه دسکتاپ انتخاب کرده و نمایش میدهد. در این طراحی تغییر اندازه مرورگر تأثیری در طراحی ندارد.
بسیاری از سایتها از طراحی آداپتیو برای طراحی سایت خود بهره میبرند. این سایتها نمایش وب سایت خود را به گونهای تنظیم کردهاند که به صورت بهینه در موبایلها نمایش داده شوند.
چیدمان نمایش داده شده در تلفن همراه با استفاده از این مدل طراحی، میتواند متفاوت از نسخه دسکتاپ باشد.
طراحی مستقل موبایل
در مواجهه با مشکل اندازه صفحه نمایش ابزارهای موبایلی، گزینه طراحی سایت فقط برای تلفن همراه نیز وجود دارد. در این گونه سایتها معمولاً در آدرس سایت از پیشوند m برای نمایش دادن نسخه موبایلی سایت استفاده میشود.
این شیوه، روشی عالی برای نمایش سایت بر روی تلفنهای همراه است. اما ایراد اساسی آن این است که برای همسان نگه داشتن دو نسخه از یک سایت (موبایل و دسکتاپ)، احتیاج به کار فنی و تولید محتوای بیشتر است.
مشکلی که به احتمال زیاد، بسیاری از سایتهای انتخاب کننده این روش را مجبور به بازگشت به انتخاب یکی از دو شیوه طراحی ریسپانسیو یا آداپتیو میکند.
انتخاب بین طراحی ریسپانسیو و طراحی آداپتیو
مزایای طراحی ریسپانسیو
در طراحی سایت، طراحی ریسپانسیو راحتتر است و اجرای آن کار کمتری میبرد. علی رغم این که این روش امکان کنترل کمتری بر طراحی شما در سایزهای مختلف دارد، اما روش پر استفاده در سایتهای جدید است.
البته ممکن است علت پر استفاده بودن این روش، تمایل عمومی برای استفاده از سیستمهای مدیریت محتوا و قالبهای آماده باشد.
طراحان ریسپانسیو به صورت کلی برای همه صفحههای سایت از یک طرح واحد استفاده میکنند. در این طراحی وضوح تصاویر از مرکز آن شروع شده و با استفاده از تنظیمات نمایشگر، مقیاس وضوح به سمت بالا و پایین و طرفین کشیده میشود.
استفاده از طراحی ریسپانسیو بیشتر باعث رضایت کاربران میشود. زیرا در این طراحی صفحات یک سایت در نمایشگرهای مختلف شبیه به هم نمایش داده میشود. یکنواختی و یکپارچگی در نمایشهای مختلف سایت، باعث ارائه یک تجربه خوب کاربری به کاربران است.
در طراحی ریسپانسیو باید مراقب سلسله مراتب بصری پروژهها بود. زیرا ممکن است که عناصر موجود در صفحه در نمایشهای مختلف به هم بریزند.
به همین دلیل نیاز است که آزمایشهای متعددی در خصوص وضعیت نمایش صفحه در دستگاههای مختلف انجام پذیرد، تا اطمینان حاصل شود که در نمایشگرهای مختلف به درستی نمایش داده میشود.
در طراحی ریسپانسیو، هر چه طراحی صفحه سادهتر باشد، در نمایشگرهای مختلف بهتر نمایش داده میشود.
یکی از دلایل برتری طراحی ریسپانسیو در طراحی سایت این است که، سایتهایی که طراحی ریسپانسیو دارند، از وضعیت سئوی بهتری برخوردار هستند. این سایتها در نتایج جستجو در رتبههای بالاتری قرار میگیرند.
معایب طراحی ریسپانسیو
آن چه تا کنون ذکر شد، دلایل خوبی برای انتخاب طراحی ریسپانسیو به عنوان طراحی نهایی بود. اما قبل از انتخاب نهایی خوب است که موارد زیر را نیز در نظر داشته باشید.
از آن جایی که در طراحی پاسخگو سایت شما در دستگاههای مختلفی نمایش داده میشود، ممکن است مواردی که به صفحه اضافه میکنید، مانند تبلیغات، متناسب با فضای صفحه نمایش داده نشود.
از سوی دیگر، زمان بارگیری صفحات در دسکتاپ و دستگاههای تلفن همراه متفاوت است. انعطاف پذیری تصاویر در نمایش در این جا از اهمیت بسیار زیادی برخوردار است.
طراحی صفحات بزرگ که ممکن است با زمان مناسبی در مرورگرهای دسکتاپ نمایش داده شود، در صفحات تلفن همراه به زمان بیشتری نیاز دارند. ممکن است برای رفع این مشکل پیش نمایش کوچکتر برای نسخه موبایل بهتر باشد.
مزایای طراحی آداپتیو
از لحاظ تئوری طراحی سایت با طراحی آداپتیو میتواند بهترین تجربه کاربری را به وجود آورد. زیرا در هر دستگاهی کاربر از رابط کاربری مخصوص آن دستگاه استفاده میکند.
بر خلاف طراحی ریسپانسیو، که همان طراحی سایت برای دسکتاپ در نمایشهای کوچکتر نمایش داده میشود، در طراحی آداپتیو نمایشهای متناسب برای انواع نمایش ارائه میدهد.
این طراحیها با نیازها و امکانات موقعیت کاربر سازگار هستند. و طراح با درک درست از نیازهای کاربر میتواند همخوانی بسیار مناسبی به وجود آورد.
طراحی آداپتیو معمولاً از طراحی برای پایینترین نسخه وضوح سایت شروع شده و به بالاترین سطح میرسد. به طور کلی 6 طرح استاندارد با توجه به ابزارهای در اختیار کاربران وجود دارد.
اما ممکن است که از طرحهای کمتری با توجه به وضعیت کاربران سایت استفاده شود. معمولاً سایتهای آداپتیو حداقل 3 طراحی برای دستگاههای مختلف کاربران دارند.
نقطه قوت طراحی آداپتیو ارائه تجربه کاربری مدرنتر نسبت به طراحی ریسپانسیو است. طراحی ریسپانسیو رویکردی بیشتر دسکتاپ محور دارد.
بیشتر ما جزو کاربران دستگاههای هوشمند هستیم. ما دوست داریم که دستگاههای هوشمندمان واقعاً هوشمندانه و مطابق با شرایط ما عمل کنند. سازگاری با شرایط نمایش در صفحات کوچک یکی از این خواستههای کاربران است.
طراحی آداپتیو این امکان را برای شما فراهم میکند که تبلیغات خود را بهینه سازی کنید. طراحی برای رزولوشنهای مختلف امکان دسترسی به نیازهای خاص کاربران را فراهم میآورد. مثلاً شرکت میتواند کاربران تلفن همراه خود را شناسایی کند.
هدف گیری رفتاری و به اصطلاح شخصی سازی تبلیغات و ارسال تبلیغهای دقیق از جمله مزایای طراحی آداپتیو میتواند باشد.
سایتهای طراحی شده با طراحی آداپتیو معمولاً 2 تا 3 برابر سریعتر از سایتهای ریسپانسیو بالا میآیند.
معایب طراحی آداپتیو
در طراحی سایت با روش تطبیقی یا آداپتیو باید به یاد داشته باشیم که لازم است وقت بگذاریم و خواستهها و شرایط کاربران را مورد بررسی قرار دهیم.
در طراحی آداپتیو مشکلاتی وجود دارد که در ادامه برخی از آنها ذکر میشود.
طراحی آداپتیو معمولاً کار بسیار بیشتری نسبت به طراحی ریسپانسیو میبرد. به همین دلیل، طراحی ریسپانسیو بیشتر برای بهینه سازی سایتهای موجود مورد استفاده قرار میگیرد. تا امکان استفاده از آنها در دستگاههای مختلف فراهم شود.
طراحی آداپتیو معمولاً دستگاههایی را که ابعاد آنها در بین سایزهای استاندارد این طراحی وجود دارند را کنار میگذارند؛ بنابراین ممکن است که به کاربران تبلت یا نوت بوک توجه لازم نشده و فقط طراحی متناسب با دسکتاپ و موبایل انجام شده باشد.
برای رفع این نقص لازم است که در سایت لینکی برای جا به جایی کاربران در بین نسخههای مختلف نمایش سایت قرار دهید.
ایراد دیگری که در طراحی آداپتیو ممکن است گریبانگیر شما شود، این است که موتورهای جستجو ممکن است نمایشهای مختلف سایت شما را به عنوان سایتهای جداگانه تلقی کند.
اکثر موتورهای جستجو محتوای یکسان در چند آدرس اینترنتی را به طور مساوی رتبه دهی نمیکنند. و این بدان معناست که طراحی آداپتیو ممکن است در سئوی سایت به ضرر شما باشد.
البته در انتخاب نهایی بین این دو شیوه طراحی باید دقت داشت که اگر بودجه کافی دارید، طراحی آداپتیو زیباتر، کاراتر و سریعتر از طراحی سایت به روی ریسپانسیو خواهد بود.
این نکته را نیز فراموش نکنید که گوگل سایتهایی را که سریع بارگیری میشوند را بیشتر دوست دارد.
طراحی سایت شما چه ریسپانسیو باشد و چه آداپتیو، لازم است که کاربران از تجربهای که در سایت شما به دست میآورند رضایت داشته باشد. طراحی تجربه کاربری درصدد انجام این مهم است.
طراحی تجربه کاربری در طراحی سایت:
طراحی تجربه کاربری (UX) هنر طراحی محصولات (به خصوص طراحی سایت) به گونهای است که بتواند تجربه بهینهای را برای کاربر فراهم کند. شاید در نگاه اول این تعریف خیلی گسترده به نظر برسد. اما واقعیت این است که طراحی کاربری ماهیتی بسیار گسترده است. یک طراحی تجربه کاربری بهینه شامل درک روانشناسی، طراحی تعامل با کاربران، شناخت کاربران و بسیار مسائل دیگر است.به صورت کلی طراحی تجربه کاربری را میتوان به 3 جزء تقسیم نمود: ظاهر، احساس و کاربردپذیری.
ظاهر در تجربه کاربری:
استفاده از تصاویر برای ایجاد حس هماهنگی محصول با ارزشهای کاربر اهمیت بسیار زیادی دارد. چنین طراحی باعث ایجاد اعتبار و اعتماد در کاربران میشود. در طراحی تجربه کاربری تأکید بر طراحی ظاهر به گونهای است که محصول (در اینجا صفحات وب سایت) نه تنها زیبا به نظر برسند، بلکه مناسب نیز ارزیابی شوند.
احساس در تجربه کاربری:
تأکید احساس در طراحی تجربه کاربری بر ایجاد تجربهای دلپذیر و لذت بخش از استفاده از محصول تا جای ممکن است. این کار با با ساخت تعاملاتی بین کاربر و محصول و همچنین واکنشهای کاربران (بازخوردها) از محصول شکل میگیرد.
کاربردپذیری در تجربه کاربری:
یک اصل ساده در این جا وجود دارد. اگر محصول قابل استفاده نیست، ظاهر زیبا نمیتواند آن را نجات دهد. تنها احساسی که کاربران در مورد این چنین محصولی پیدا میکنند، خشم و ناامیدی است. در حالت ایده آل، محصولات باید متناسب با نیازهای کاربران باشند و امکانات را به روشی قابل پیش بینی برای کاربران ارائه دهند.
شباهتهای طراحی سایت و طراحی تجربه کاربری
معمولاً آن چه که یک طراح سایت انجام میدهد (طراحی سایت)، تا حد زیادی به آن چه مشتری یا پروژه نیاز دارد، بستگی دارد. برخی از طراحان وب برای سادگی کار طرحهای بصری یا پروتوتایپ (نمونه اولیه) تعاملی را برای سایت طراحی میکنند. این طراحی در اختیار برنامه نویسان قرار داده میشود تا آن را پیاده سازی کنند. با این حال، بیشتر طراحان وب هم زمان با طراحی و توسعه سایتها (کد نویسی) درگیر میشوند. همین مسئله سبب میشود که بعضی از این طراحان به صورت مرتب بتوانند با بازخوردهای کاربران مواجه شده و خواستههای آنان را بهتر بشناسند. به هر حال، برخی از جنبههای طراحی سایت با طراحی تجربه کاربری مشترک بوده و هر کدام از زاویه نگاه خود با آن مواجه میشوند.
حل مساله در طراحی وب سایت و تجربه کاربری:
طراحان وب معمولاً به دنبال حل مشکلات مشتریان خود هستند، در حالی که طراحان تجربه کاربری به دنبال حل مشکلات کاربران هستند.طراحان وب هنگام مواجهه با یک مسئله، ابتدا به ابعاد مشکل مشتری خود را پی میبرند. سپس یک راه حل وبی برای آن مشکل یا خواسته طراحی میکنند. و البته قبل از انتشار سایت اقدام به توسعه و آزمایش میکنند و در نهایت بعد از راه اندازی سایت، مشغول بازخوردگیری از کارکنان و اصلاح طراحی میشوند. این فرایند حل مسئله همانند طراحی تجربه کاربری است. طراحان تجربه کاربری با تحقیق در مورد کاربران کار خود را شروع میکنند. برای طراحی تجربه کاربری ضروری است که کاربران شناخته شده و مشکلات آنها شناسایی شود. مرحله بعد پیدا کردن راه حل مشکلات و چگونگی خواستن از کاربران برای استفاده از آن راه حل است.
تحقیقات در مورد کاربران غالباً از طریق مصاحبه با کاربران، مشاهدات، مطالعات دموگرافیک، تهیه سناریوهای مختلف و طراحی پرسونا انجام میشود.سپس طراحان تجربه کاربری یک راه حل طراحی میکنند که نیازهای اصلی کاربر را برطرف میکند و در بیشتر مواقع برای کسب اطمینان از اعتبار این راه حل، نمونه اولیه آن را در اختیار کاربران قرار میدهند. این تست نمونه اولیه این امکان را به طراحان میدهد که بازخورد بیشتری از کاربران جمع آوری کنند. و طراحی خود را مجدداً آغاز کرده و بهینه سازی کنند.
طراحی احساسی سایت و تجربه کاربری:
معمولاً در طراحی سایت، طراحان سایت اغلب از تایپوگرافی، رنگ و طرحها برای شکل دادن به احساسات کاربران استفاده میکنند.به عنوان مثال، با استفاده از رنگهای تیره و فونتهای رسمی، میتوان در کاربر احساس اعتبار را ایجاد کرد. و با استفاده از تصاویر رنگارنگ و تایپوگرافی فانتزی میتوان در کاربر حس سرگرمی ایجاد کرد. طراحان وب سایتها با طراحی احساسی آشنا هستند. آنها میدانند که به کار بردن چه طرحهایی باعث برانگیختن احساسات کاربران میشود.طراحان تجربه کاربری نیز به دنبال برانگیختن احساسات کاربران هستند، اما در مقیاسی بزرگتر. آنها به دنبال استخراج احساسات کاربران از استفاده از کل محصول هستند.برای رسیدن به این هدف، آنها فقط از تایپوگرافی و رنگ استفاده نمیکنند. بلکه با روانشناسی، طراحی حرکت، تنظیم محتوا و معماری اطلاعات این کار را میکنند.
چند رشته ای بودن طراحی سایت و طراحی تجربه کاربری:
طراحی وب یک کار چند رشتهای است. شما در این کار نه تنها نیاز به دانش در زمینه طراحی (تایپوگرافی، تئوری رنگ و …) دارید، بلکه باید ساختار سایت (HTML ، CSS ، JavaScript) را به خوبی بشناسید.طراحی تجربه کاربری نیز یک فعالیت چند رشتهای است. اما از این نظر بسیار ویژه و خاص است. چرا که برای ایجاد بهترین تجربه کاربری لازم است که شما به اندازه کافی از روانشناسی، شناخت کاربر، طراحی بصری و حتی تجارت سر رشته داشته باشید.
تفاوت های طراحی سایت و طراحی تجربه کاربری:
یکی از مسائلی که در مورد طراحی سایت و تجربه کاربری باید به آن توجه نمود، تفاوتهایی است که بین این دو نوع طراحی وجود دارد.
کاربر محور بودن در برابر فناوری محور بودن:
وقتی شما یک طراح سایت هستید، بخش عمدهای از وقت شما صرف به روز کردن خود و اطلاع رسانی از آخرین تحولات فناوری میشود. این فناوریها با سرعتی گیج کننده تغییر و بهبود مییابند.
به عنوان مثال، کدام مرورگرها نسخه جدید CSS را پشتیبانی میکنند؟ جدیدترین ویژگی طراحی زبانهای برنامه نویسی چه هستند؟ چگونه میتوان انیمیشن را در Safari نشان داد؟ و …
اما طراحی تجربه کاربری مربوط به فناوری نیست. در عوض تمرکز آن کاملاً معطوف به کاربران است. فناوری تنها ابزاری است که به کاربران برای برطرف کردن نیازهایشان کمک میکند.
طراحان تجربه کاربری تنها با تمرکز بر روی کاربران میتوانند به راه حلهایی برسند که بتواند نیازهای خاص کاربران را برطرف نموده و در نهایت آنها را متقاعد به پرداخت هزینه کند.
طراحان تجربه کاربری تحقیقات گستردهای بر روی کاربران انجام میدهند تا بتوانند بیشترین تأثیر را بر روی کاربران بگذارند، جایی که عملاً کار خاصی از طراحان وب بر نمیآید.
تجربه کاربری فراتر از وب است:
نمیتوان تجربه کاربری را محدود دانست. طراحی تجربه کاربری مستقل از پلتفرم است. اصول و فرایندهای مربوط به طراحی تجربه کاربری بسیار فراتر از مرورگرهای وب است. در برنامههای تلفن همراه، نرمافزارهای دسکتاپی و حتی محصولات سختافزاری و …در حالی که دامنه طراحی سایت کاملاً به مرورگرها گره خرده است. این بدان معناست که طراحان تجربه کاربری قادر به طراحی بسیار فراتر از وب هستند. در حالی که طراحان سایت فقط محدود در وب هستند.بنابراین اگر بنا باشد کسی محصولی مولتی پلتفرم داشته باشد، طراح تجربه کاربری حتماً میتواند کمک بهتری به او نماید.
برتری طراحان وب به طراحان تجربه کاربری:
هر چند که طراحی تجربه کاربری مزیتهایی نسبت به طراحی سایت دارد، اما نمیتوان از برتریهای طراحان وب بر طراحان تجربه کاربری چشم پوشید.
ارتباط و تعامل بهتر با سایر تخصصهای طراحی وب:
درست است که در طراحی تجربه کاربری امکان پوشش پلتفرمهای متنوع وجود دارد. اما واقعیت این است که بخش قابل توجهی از حوزه کار طراحان تجربه کاربری در وب قرار گرفته است.مسلط بودن طراح وب به اصطلاحات برنامه نویسی سایت را میتوان به عنوان یکی از برتریهای طراحان سایت بر طراحان تجربه کاربری دانست.
این مزیت سبب میشود که طراح سایت بتواند ارتباط بهتری با سایر اعضای تیم مجری سایت داشته باشد. طراحی تجربه کاربری یک فرایند مشترک است و ارتباط با سایر اعضای تیم در آن خیلی مهم است.هنگامی که شما قرار است با اعضای یک تیم فنی مکالمه داشته باشید، دانستن اصطلاحات تخصصی آن صنعت بسیار مهم و تأثیرگذار است.
زیبایی شناسی:
طراحان وب عمدتاً از حس زیبایی شناسی بسیار قوی برخوردار هستند. زیبایی شناسی ابزاری عالی برای تقویت ارتباط با ذینفعان داخلی است.به عنوان یک طراح شما دائماً باید بتوانید توصیههای خود را به ذینفعان داخلی و تیم مجری پروژه منتقل کنید. توانایی طراحان وب در ارائه این نکات با جذابیتهای بصری برتری غیر قابل چشم پوشی در این زمینه است.به علاوه، زیبایی شناسی نقشی حیاتی در طراحی تجربه کاربری ایفا میکند. البته بعضیها معتقدند که هر چه کاربردپذیری بیشتر شود، زیبایی سایت از بین خواهد رفت.ولی این درست نیست. و استفاده از حس زیبایی شناسی میتواند در ایجاد تجربه کاربری بهینه بسیار اثرگذار باشد.
برانگیختن احساسات مثبت در طراحی سایت:
همان طور که پیش از این ذکر شد، احساسات و حس زیبایی شناسی تأثیر بسیاری زیادی در طراحی سایت دارد. طراحی وب این پتانسیل را دارد که بتواند در کاربران احساساتی را ایجاد یا برانگیزاند.در یک محیط آنلاین عناصر احساس برانگیز میتواند شامل رنگها، تصاویر گرافیکی، اشکال، عکسها و هر چیز دیگری که روی احساسات زیبایی شناسی و برداشت مثبت افراد تأثیر دارد، باشد.
اگر طراحی یک وب سایت به درستی انجام شده باشد، نه تنها استفاده از آن آسان خواهد بود، بلکه باعث خواهد شد که کاربر احساساتی مانند لذت بردن، مشارکت، اعتماد و رضایت را تجربه کند.احساسات معمولاً در اثر واکنش فرد به موقعیت به وجود میآیند. رویدادها معمولاً در درون هر فرد و متناسب با نیازها، اهداف و نگرانیهای وی مورد ارزیابی قرار میگیرند.
این احساسات ممکن است در طراحی سایت و بر اساس پاسخ به عناصر خاص، تحریک شود؛ بنابراین هنگامی که رنگ سایت جذاب باشد، یا این که طراحی گرافیکی لذت بخشی داشته باشد، ممکن است کاربر احساس رضایت کند.به علاوه، مهم است که یک سایت بتواند نیازها و حساسیتهای کاربر را برآورده کند. اگر طراحی سایت متناسب با شرایط و نیازهای کاربر باشد، این امر تمایلات عملی کاربر را بر میانگیزاند. تمایلاتی مثل وفادارتر بودن و برگشتن مجدد به آن سایت، یا توصیه آن به دیگران.مطالعات مختلفی در زمینه ارتباط بین احساسات و عناصر طراحی در سالهای اخیر انجام پذیرفته است.به عنوان مثال، در یکی از این مطالعات اثبات شده است که در طراحی وب سایتهای تجارت الکترونیک، احساسات کاربران در خریدهای آنلاین بسیار بیشتر از خرید در بازارهای سنتی است.
به همین دلیل بد نیست که با هم مروری بر عناصر طراحی سایت داشته باشیم.
عناصر طراحی سایت:
در طراحی سایت، لازم است که هم زیبایی و هم عملکرد درست سایت در نظر گرفته شود. ادغام زیبایی و عملکرد درست، کاربردپذیری و تجربه کاربران را به حد بالایی میرساند.کاربردپذیری یک سایت شامل ویژگیهایی نظیر رابط کاربری با پیمایش آسان، استفاده مناسب از گرافیک و تصاویر، متون متناسب و طراحی رنگ است.و عملکرد سایت به ویژگیهای مثل سرعت بالا آمدن، وضعیت سئو و توانایی جذب مخاطب بر میگردد.
عناصر بصری در طراحی یک سایت:
برای این که در طراحی یک وب سایت مطمئن شوید که همه چیز سر جای خودش قرار دارد، لازم است که در کنار هم قرار گرفتن عناصر بصری آن مورد توجه قرار گیرد.در ادامه نکاتی که در هر یک از عناصر باید مورد توجه قرار گیرد، اشاره میشود.
-
-
-
متون (نوشتهها):
-
به صورت کلی یک سایت از 2 بخش مهم تشکیل شده است. چارچوب گرافیکی سایت و محتوا (متون). حفظ انسجام و تعادل بین این دو بخش از اهمیت بسیار زیادی برخوردار است.هنگام ارائه متون لازم است که بر بخش بخش بودن متون تمرکز شود. متون نباید به صورت دیواری سیاه و در هم دیده شوند.استفاده از تصاویر در میان متون میتواند باعث جذابیت متن و زیبا دیده شدن صفحه شود
-
فونت ها :
- انتخاب فونت تأثیر بسیار زیادی بر روی زیبای بصری کلی سایت شما دارد. فونت باید با طراحی گرافیکی و تصاویر سایت شما هماهنگ باشد. علاوه بر این، فونت باید لحن کلی سایت شما (رسمی، تفریحی و …) را تقویت کند.
-
رنگ ها:
- رنگها یکی از مهمترین عناصر در طراحی سایت هستند. به خاطر داشته باشید که رنگها بیان کننده لحن کلی سایت شما هستند.انتخاب نامناسب رنگ ممکن است باعث ایجاد سوء تفاهم در مورد سایت شما شود. انتخاب رنگهای ملایم و خنثی برای پس زمینه سایت میتواند حساسیت روی طراحی را کاهش دهد.
-
چیدمان:
- نحوه چیدمان عناصر و محتوا در کنار هم تأثیر چشم گیری بر قابلیت استفاده و عملکرد سایت شما خواهد داشت.البته در این خصوص هیچ قانون خاصی وجود ندارد که به صورت الزامی شما باید آن را دنبال کنید. با این حال همواره باید در نظر داشته باشید که چیدمان باید به گونهای باشد که نیازهای مخاطب را در نظر بگیرد.همچنین استفاده بیش از حد از عناصر محرک کاربران، برای انتقال پیام به ایشان، ممکن است باعث واکنش معکوس در کاربران شود.
-
اشکال گرافیکی :
- استفاده از عناصر گرافیکی در طراحی سایت میتواند به یکپارچه شدن متون و تصاویر کمک کند. ترکیب رنگ با اشکال میتواند باعث جذابیت بصری بیشتر صفحات وب شود.
-
فاصله:
- وجود فاصله و استفاده از فضای خالی در بین عناصری که در صفحه چیده میشوند، برای دلپذیر شدن و القای آرامش به مخاطبان بسیار مؤثر است.فاصله مناسب میتواند متون، عکسها و گرافیک قرار داده شده در صفحه را کاملاً متعادل کنند.مفهوم فضای سفید یکی از اولویتهای اصلی طراحان وب مدرن است. و استفاده به جا و منطقی از آن تأثیر شگرفی در زیبا دیده شدن طراحی یک سایت دارد.
-
تصاویر نمادها :
-
هنگام مشاهده یک صفحه شما فقط چند ثانیه کوتاه فرصت دارید تا روی مخاطب خود تأثیر بگذارید. تصاویر و نمادها میتوانند در کوتاهترین زمان این وظیفه را به عهده بگیرند.تصاویر و نمادها میتوانند اطلاعات زیادی را در خصوص محتوای صفحه و سایت شما منتقل کنند. به همین دلیل در طراحی سایت باید به استفاده درست از آنها توجه داشت.
-
-
ویدئوها:
-
جای دادن ویدئوها در طراحی وب سایتها روز به روز در حال افزایش و محبوبیت در میان طراحان سایتهاست. در صورت استفاده صحیح، ویدئوها میتوانند کمک کنند تا شما حجم زیادی از پیام را در چند ثانیه به کاربران خود منتقل کنید.باید به یاد داشت که به صورت طبیعی چشم کاربران به عوامل متحرک صفحه جلب میشود؛ بنابراین باید اطمینان حاصل کنید که ویدئوهای شما با عناصر اصلی در صفحه رقابت نمیکنند.
-
-
-
عناصر عملکردی در طراحی سایت:
همان طور که پیش از این ذکر شد، زیبایی بصری برای یک سایت کافی نیست. برای ایجاد احساس رضایت و ایجاد انگیزش در کاربر برای تعامل با سایت نیاز است که از عناصر عملکردی به درستی استفاده شده باشد.در ادامه برخی از عناصر عملکردی که در طراحی یک وب سایت از اهمیت بسیار زیادی برخوردار هستند را بررسی میکنیم.
-
-
-
ناوبری:
- یکی از عناصر اصلی که مشخص میکند سایت شما درست کار میکند، ناوبری (حرکت بین لینکهای سایت) در وب سایت است.ناوبری یک سایت بسته به نوع مخاطبان میتواند اهداف مختلفی داشته باشد.میتواند هدف ناوبری کمک به بازدیدکنندگان مراجعه اول برای کشف بخشهای مختلف سایت باشد.میتواند هدف ناوبری دسترسی آسان به صفحات مختلف برای بازدید کنندگان باشد.
یا میتواند هدف از ناوبری بهبود تجربه کلی کاربر از مراجعه به سایت باشد.
هدف هر چه که باشد، به صورت کلی کاربر هنگام مراجعه به سایت نباید دچار درماندگی شود. بدترین حالت برای یک کاربر این است که نتواند تشخیص دهد در کجای سایت قرار دارد. و اینکه نداند چگونه به مسیر خود در سایت ادامه دهد.
- یکی از عناصر اصلی که مشخص میکند سایت شما درست کار میکند، ناوبری (حرکت بین لینکهای سایت) در وب سایت است.ناوبری یک سایت بسته به نوع مخاطبان میتواند اهداف مختلفی داشته باشد.میتواند هدف ناوبری کمک به بازدیدکنندگان مراجعه اول برای کشف بخشهای مختلف سایت باشد.میتواند هدف ناوبری دسترسی آسان به صفحات مختلف برای بازدید کنندگان باشد.
-
تعاملات کاربر:
-
با توجه به دستگاههای مختلفی که کاربران در اختیار دارند، آنها از چند روش مختلف برای تعامل با سایت شما استفاده میکنند. روشهایی مثل پیمایش، کلیک، تایپ کردن و …بهترین طراحی برای یک سایت این است که تعاملات را ساده کند. کاربر باید این احساس را داشته باشد که به آسانی میتواند عملگرها را روی سایت شما کنترل کند.
به عنوان مثال:
هرگز صوت یا فیلم را به صورت خودکار در صفحه پخش نکنید.
همواره متون را قابل انتخاب و کلیک قرار دهید.
اطمینان حاصل کنید که همه فرمها برای نمایش در موبایل مناسب هستند.
هیچ گاه در سایت از پاپآپ استفاده نکنید.
-
-
تصاویر متحرک:
-
در وب انواع و اقسام تکنیکهای متحرک سازی تصاویر و انیمیشن وجود دارد. شما از این تصاویر میتوانید برای جلب توجه بازدیدکنندگان استفاده کنید.داشتن عملگرهای ساده متحرک سازی به شما در جذب مخاطبان کمک میکند. اما هر چه استفاده از این عناصر در صفحه بیشتر شود، باعث بی توجهی کاربران به آنها خواهد شد.تصاویر متحرک هرگز نباید عملکردهای اصلی کاربران مانند کلیک کردن و پیمایش صفحات را تحت تأثیر خود قرار دهند.
-
-
سرعت بارگیری صفحه:
-
هیچ کس یک سایت کُند را دوست ندارد. انتظار بیش از چند ثانیه برای بالا آمدن یک سایت، معمولاً بازدیدکنندگان را از ماندن در صفحه منصرف میکند.اگر زیبایی سایت شما به بهای دیده نشدن آن تمام شود، بهتر است که از آن زیبایی صرف نظر کنید.سایتهایی که سرعت بارگیری کندی دارند، نمیتوانند در گوگل رتبه بالایی کسب کنند.طراحان حرفهای سایت معمولاً محتوای سایت شما را برای کاهش زمان بارگیری آن فشرده میکنند. برخی از نرمافزارها هستند که به شما کمک میکنند تا تصاویر را برای نمایش در اینترنت بهینه کنید.
راههای فراوانی برای افزایش سرعت صفحات در طراحی سایت و بعد از آن وجود دارد. حتماً باید توجه داشته باشید که هیچ چیز به اندازه سرعت کند بارگیری صفحات برای کاربران نمیتواند آزاردهنده باشد.از این رو حتماً صفحات سایت خود را همواره با نرمافزارهای مخصوص تست سرعت کنید. اگر سرعت بارگیری آنها زیاد است، حتماً به فکر اصلاح آن باشید.
-
-
ساختار سایت:
- ساختار یک سایت هم در تجربه کاربری و هم در سئو نقش مهمی دارد. کاربران شما باید بتوانند به راحتی در سایت شما گشت و گذار کنند و بدون این که با مشکلی مواجه شوند، چیزی را که میخواهند بیابنداگر کاربران هنگام تلاش برای پیمایش در سایت شما گم شوند، به احتمال زیاد رباتهای خزنده نیز با چنین سرنوشتی مواجه خواهند شد.این رباتها وظیفه فهرست کردن سایت شما برای موتور جستجو را به عهده دارند. تجربه این رباتها در سرنوشت سایت شما در موتور جستجو بسیار مؤثر خواهد بود.داشتن یک ساختار ضعیف و معیوب میتواند منجر به نارضایتی کاربران از حضور در سایت شما شود. باید توجه داشت که ساختار سایت ارتباط بسیار نزدیکی با ناوبری در سایت دارد.
-
سازگاری با همه دستگاه ها و مرورگرها:
-
در قسمتهای قبلی در خصوص نقش طراحی ریسپانسیو و آداپتیو برای حل مشکل نمایش سایت در دستگاههای مختلف صحبت کردیم.طراحی سایت باید به گونهای باشد که در همه دستگاهها به صورت صحیح نمایش داده شده و با سرعت مناسب برای کاربران بارگیری شود.به همین دلیل، اگر در حال راه اندازی سایت جدید هستید، توصیه میکنیم که از ابزارهای سنجش نمایش سایت در مرورگرهای مختلف استفاده کنید، تا نواقص و ایرادهای احتمالی را متوجه شده و رفع کنید.از طرف دیگر، اگر از یک سیستم مدیریت محتوا استفاده میکنید، به صورت متناوب از تیم طراحی سایت بخواهید که عملکرد سایت و نمایش آن را در مرورگرهای مختلف بررسی و مشکلات احتمالی را رفع کنید.
-
-
-
کلام آخر
طراحی سایت از پیچیدگیهای بسیار زیادی برخوردار است. هرگز نباید تصور کرد که به صرف داشتن یک ایده و با استفاده از سیستمهای مدیریت محتوای آماده میتوان سایتی را ایجاد کرد که قلههای موفقیت را طی خواهد کرد.
طراحی سایت اگر برای پاسخ به درخواستهای سفارش دهنده باشد، ممکن است نتواند نظر کاربران را جلب نماید. به همین دلیل لازم است که در طراحی یک سایت روی تجربه کاربری توجه و تمرکز بیشتری داشت.
از سوی دیگر، برای نمایش بهتر یک سایت در دستگاههای مختلف میتوان از 2 روش استفاده کرد. طراحی پاسخگو یا ریسپانسیو و طراحی تطبیقی یا آداپتیو.
طراحی ریسپانسیو در واقع یک نوع طراحی ساده است که باعث میشود ابعاد نمایش سایت در نمایشگرهای مختلف با آن تنظیم شود.
و طراحی آداپتیو، طراحی چند نسخه از سایت که در نمایشهای مختلف متناسب با اندازه صفحه نمایش یکی از طراحیها فراخوانده میشود.
از جمله مزایای طراحی ریسپانسیو طراحی ساده و هزینه کم پیاده سازی آن و معایب آن بالا بودن زمان بارگذاری آن در دستگاههای کوچک مانند موبایل و به هم خوردن صفحه هنگام به کارگیری عناصر غیر اصلی مانند تبلیغات در صفحات است.
همچنین مزایای طراحی آداپتیو مدرن بودن، سرعت بالای بارگیری و امکان کشف و استفاده از اطلاعات کاربران و از جمله معایب آن هزینه بالای طراحی چند نسخه و مشکل نمایش در دستگاههایی با ابعاد میان دو طراحی استاندارد آداپتیو است.
و نکته آخر، اهمیت برانگیختن احساسات کاربران در صفحات با استفاده از عناصر بصری و عملکردی است. تحریک احساسات مثبت کاربران هنگام استفاده از یک سایت باعث ایجاد رضایت و تعامل بیشتر آنها با سایت خواهد شد.
دیدگاهتان را بنویسید