طراحی سایت در سال 2017
گرایشات طراحی سایت دائما بسته به بازخورد کاربرها، روشهای کدنویسی و سئو در حال تغییرن. تو سال 2016 خیلی ها برای طراحی سایت ایده های جدید دادن، به نظرتون سال آینده چه مدلهایی تو طراحی سایت قراره مد بشه؟ تو این مقاله میخواهیم با هم چند تا از این مدلها رو پیش بینی کنیم.
طراحی فلت سال 2016 خیلی محبوب شد و در سال 2017 محبوبتر هم میشه. تو طراحی سایت فلت همه بخش های سایت تر و تمیز کنار هم قرار میگیرن، برای همین برقراری ارتباط با سایت راحت میشه.
با توجه به مزایای سایتهای واکنشگرا، توسعه دهنده ها از دو سال پیش به این سمت رو آوردن. دیگه الآن به ندرت سایتی رو میشه پیدا کرد که واکنشگرا نباشه، چون دیگه طراح های سایت با در نظر گرفتن حالت نمایش در تلفن همراه نظریه پردازی میکنند. الگوهای رابط کاربری طوری ساخته میشن که به راحتی تو حالت نمایش تلفن همراه به حالت ردیفی دربیان.
من خودم زیاد خوشم نمیاد روی سایت ویدئو نمایش داده بشه، اما پس زمینه های ویدئویی خیلی محبوب شدند. یکی از مدهای سال 96 سایتهایی میشه که یه اسلاید ویدئویی و یه اسلاید تصویری دارن.
الآن اگه توجه کرده باشید حتما دیدید بعضی عکسها تو همه سایتها هستن. داشتن تصاویر خاص روی سایت خیلی روی انتخاب مشتری ها تأثیر میذاره. مردم خسته شدند از بس تو همه سایتها عکسهای تکراری بوده، برای همین یه عکس جدید قطعا با استقبال روبرو میشه و سایتها به این سمت پیش میرن.
برندها سعی میکنن بیشتر خاص باشن و بهتر خودشونو نشون بدن، بنابراین سال دیگه فونتهای ضخیمتری هم خواهیم داشت. مدل نوشتن میتونه روی گیرایی و وضوح جملات شعاری برندها تأثیر بذاره. تصاویر قهرمان گونه با یه نوشته بزرگ و انمیشینهای زیبا و لایه های نوشته مد خواهند شد.
این مد بخاطر اثر منفی که روی سئو میذاره دیگه داره کم کم از بین میره. معمولا سایتهای پارالاکس طولانی و یه صفحه ای هستن و برای صفحات داخلی URLهای مجزا درست نمیکنن، برای همین هم موتورهای جستجو این سایتها رو بررسی نمیکنن و نمیخزند. البته پارالاکس همچنان میمونه، چون میشه برای بعضی بخشهای طراحی سایت که نیاز به زیبایی بصری خاصی هست به طور هوشمندانه ای ازشون استفاده کرد.
رعایت برخی از نکات ساده روانشناسی در طراحی وب سایت موجب تأثیر مثبت بر عملکرد و بازدهی سایت می شود. تشخیص مسیر دیداری بازدیدکنندگان سایت و علایق آن ها می تواند استراتژی مشخصی را برای طراحان مشخص کند، همچنین داشتن اطلاعات کافی از روانشناسی رنگ ها نیز میتواند به بهبود جلب توجه کاربران سایت و افزایش تعداد اعضای سایت،، تماسها، خریدها و … کمک نماید. به طور خلاصه به کارگیری روانشناسی در طراحی سایت میتواند موجب افزایش مشارکت کاربران و نرخ تبدیل سایت شود که در ادامه به ۵۵ مورد آن اشاره میکنیم.
امروزه تجربه کاربران اینترنت از بازدید سایتها افزایش یافته و بسیاری از آنها اگر به سایتی اعتماد نکنند، هیچ کاری انجام نمی دهند و حتی ممکن است سریعاً از آن خارج شوند. پس یکی از مهمترین مسائلی که یک شرکت باید بر روی آن متمرکز شود، ایجاد اجزایی است که حس اعتماد را به بازدیدکنندگان سایت القا کند. این اجزای طراحی وب سایت عبارتند از:
در نهایت یکی از اجزایی که وجود آن در صفحه اصلی سایت برای جلب اعتماد بازدیدکنندگان ضروری است، بخش “مشتریان ما ” می باشد که به طور واقعی نشان میدهد شما تاکنون با چه شرکتهایی کار کردهاید و سطح کیفیت محصولات و خدماتتان در چه حدی است. تمامی اجزای ذکر شده باید به شکلی کنار هم قرار گیرند که حس اعتماد کاربران را افزایش داده و تاثیر مثبتی بر بازدیدکنندگان بگذارد.
برندینگ یکی از نکات مهم در کاربرد روانشناسی برای طراحی سایت می باشد. ثبات در طراحی نیز عامل مهم دیگری است که اغلب اوقات (مخصوصاً در سایت کسب و کارهای کوچک) نادیده گرفته میشود. رنگ لوگو شرکت مهم است و باید در ترکیب رنگی طراحی سایت حتی به طور جزئی مانند رنگ آیکونها یا لینکها مورد استفاده قرار بگیرد. همچنین رنگهایی که در طراحی سایت استفاده میشود باید کنتراست خوبی با یکدیگر داشته باشند تا بازدیدکننده به راحتی بتواند آنها را بخواند.
لوگوی شرکت شما باید علاوه بر هدر سایت در جاهای دیگری مانند صفحه “تماس با ما” و “درباره ما” نیز نمایش داده شود. دلیل این کارها فراتر از ایجاد حس اعتماد در بازدیدکنندگان سایت بوده و هدف اصلی آن ایجاد یادآوری بهتر برند شما در آینده است. این نکته یکی از حقایق پذیرفته شده در دنیای بازاریابی است، و هر چقدر افراد لوگو یا برند یک شرکت را بیشتر به خاطر داشته باشند، زمانی که میخواهند خریدی در آن زمینه انجام دهند تمایل بیشتری به خرید از آن برند خاص دارند. پس نمایش لوگو و تلاش برای بهبود برندینگ شرکتتان باعث میشود در ذهن بازدیدکنندگان سایت بمانید.
بسیاری از طراحان سایت تصاویر مورد نیاز برای سایت خود را از عکسهای استوکی انتخاب میکنند که ارتباط سادهای با موضوع هر صفحه داشته باشد. اما کار بهتر استفاده از تصاویری است که چندین معیار را در نظر گیرد و همچنین اشارهای هم به برند شرکت داشته باشد. برای مثال برای معرفی یک سیستم ایمنی خانگی میتوان به سادگی تصویر یک قفل یا درب بسته را نشان داد، در حالی که حالت حرفهای تر استفاده از فردی است که در حال استفاده از سیستم ایمنی خانگی بوده و در کنار تصویر هم به طور ضمنی اشارهای به لوگو شرکت شده است. در واقع استفاده از انسانها در تصاویر برای انتقال حس اعتماد بسیار مؤثر است. البته یکی از اشتباهات رایج سایتهای ایرانی در این خصوص، استفاده از عکسهای استوک افراد خارجی برای بیان مفاهیم و انتقال احساسات است. ایراد این کار انتقال حس بیگانگی و تقلبی بودن به بازدیدکنندگان سایت میباشد، پس حتماً از تصاویر مردم ایرانی در سایت خود استفاده کنید.
یکی دیگر از نکات روانشناسی در طراحی سایت استفاده از رنگ مناسب می باشد. اهمیت روانشناسی رنگها و رعایت آن در طراحی سایت بر کسی پوشیده نیست، و استفاده مناسب از رنگها در طراحی کمک شایانی در انتقال احساسات مختلف به کاربران سایت میکند. برای نمونه:
علاوه بر نکات فوق رنگها کارکرد فرهنگی مختص خود را نیز دارا بوده و ممکن است هر رنگ در کشوری نماد و بیانگر حس متفاوتی باشد، برای مطالعه بیشتر در این زمینه به مقاله “روانشناسی رنگها در طراحی سایت” در وبلاگ وبسیما مراجعه کنید.
با تغییر اصول سئو از مباحث تکنیکال به سمت تولید محتوا و بازاریابی محتوایی، اهمیت محتوایی که به کاربران سایت اطلاعات مفیدی ارائه کند رو به روز افزایش می یابد. محتوای با کیفیت علاوه بر ارتقا رتبه سایت در صفحه نتایج جستجوی گوگل، به دلیل ایجاد ارزش برای بازدیدکنندگان سایت به آنها حس اعتماد نیز منتقل کرده و شما را به عنوان متخصصی در حوزه کاریتان معرفی می کند. به زبان سادهتر شما با دادن اطلاعات مفید به بازدیدکنندگان سایت به تصمیمگیری آنها کمک کرده و آنها را از مزایا و کیفیت محصولات و خدمات خود با خبر میسازید. تحقیقات نشان میدهد افراد تمایل بیشتری به خرید از سایتها و شرکت طراحی سایت دارند که اطلاعات مفیدی در اختیار آنها قرار دادهاند و خود را به عنوان متخصصی در حوزه کاریشانن معرفی کردهاند.
میتوان در چندین هفته طراحی سایت را یاد گرفت، اما به کار بردن نکات اصولی روانشناسی، گرافیک، برندینگ و … در طراحی که موجب ایجاد حس اعتماد در بازدیدکنندگان وب سایت می شود، نیازمند صرف زمان زیادی بوده و به میزان تجربه طراحان سایت بستگی دارد. با رعایت نکات ساده روانشناسی در طراحی سایت می توانید به طور موثر کاربران زیادی را به سمت سایت خود جذب کنید و موفقیت های بسیاری کسب نمایید.
تجربه ی کاربری (UX) از جمله عبارت هایی است که امروزه در هر زمینه ای از آن صحبت می شود، از طراحی سایت و اپلیکیشن گرفته تا طراحی محصولات فیزیکی در کارخانه ها و کمپانی های ساخت ماشین. اما این تجربه ی کاربری که امروزه همه جا اسمش شنیده می شود، چه تفاوتی با کاربردپذیری (Usability) دارد؟
در سال های اولیه عصر اینترنت، تفاوت کاربردپذیری و تجربه کاربری (UX) به کمک مفهوم آنالوژی (قیاس) جاده مطرح می شد. اگر جاده ای پهن و مستقیم باشد و کاربر را از نقطه ی A به B برساند، این جاده کاربرد پذیر است.
اما ممکن است جاده ای حوصله سر بر، بدون برانگیختن احساسات فرد باشد. جاده ای که احساسات فرد را بر انگیزد و منظره، هوا و عطر و بوی خوبی داشته باشد جاده ای با تجربه کاربری خوب است.
سوالی که در اینجا پیش می آید این است که آیا تجربه کاربری بدون کاربردپذیری ممکن است؟ در جواب باید گفت بله ممکن است. مفهوم کاربردپذیری و تجربه کاربری دو مفهوم مجزا می باشند و با یکدیگر تفاوت دارند. برای مثال ممکن است سایتی حوصله سر بر و کاربردی باشد و یا سایتی زیبا، جذاب و گشتن در آن لذت بخش باشد اما برای کاربر کاربردی نباشد. اما به جای ساختن این نوع سایت ها چرا طراحی سایت ما نباید شامل هر دوی اینها باشد؟
برای بررسی رابطه ی بین کاربردپذیری و تجربه کاربری بهتر است نگاهی به هرم سلسله مراتب نیازهای آبراهام مازلو داشته باشیم. بیایید فرض کنیم که تمام وب سایت ها متناسب با این سلسله مراتب هستند.
اولین نیازی که باید سایت شما بر طرف کند این است که درست کار کند و باگی در طراحی سایت شما وجود نداشته باشد.
دومین نیاز، پس از نیاز سایت شما به درست کار کردن مسئله کاربردپذیری است. سایت شما باید کاربردپذیر باشد و کار کردن با آن راحت باشد. باید به کاربران کمک کند که به راحتی به هدفشان در سایت برسند و یا محتوای مورد نظرشان را بیابند.
در پایان نیز عامل جذابیت و لذت بخش بودن نقش گیلاس روی کیک را بازی می کند. آیا کار کردن با وبسایت شما سرگرم کننده است؟ آیا کار کردن با سایت شما برای کاربر لذت بخش است؟
در حالی که کاربردپذیری بیشتر دغدغه اش بر روی سادگی کار با سایت است، تجربه کاربری (UX) در عمل در فضایی بین لذت بخش بودن سایت و کاربردپذیری آن قرار می گیرد. تعامل بین دو عامل لذت بخش بودن و کاربردپذیری تجربه ی کاربری را برای کاربر نهایی تعریف می کند و اگر یکی از عامل ها نقص داشته باشد احتمال به خطر افتادن و ضعیف شدن تجربه ی کاربری بسیار زیاد است.
همانطور که گفته شد، تجربه کاربری و کاربردپذیری دو مفهوم متفاوت با یکدیگر هستند اما تعامل این دو با یکدیگر می تواند سایت هایی عالی به وجود بیاورد. استیو جابز یکی از کسانی بود که به این موضوع پی برده بود و زودتر از بسیاری دیگر این مسئله را درک کرده بود.
استیو جابز از پیشگامان تجربه کاربری بود. او اهمیت ویژه ای برای تجربه کاربری قائل بود و این یکی از عوامل مهم موفقیت او در یک بازار اشباع شده با رقابت شدید بود. خروجی آن هم محصولاتی بود که استفاده از آن ها برای کاربر بسیار کاربردی و لذت بخش بود. این مسئله درسی به ما می دهد که می توانیم از آن در طراحی سایت یا طراحی فروشگاه اینترنتی خود و حتی تمامی تلاش ها جهت توسعه ی یک کسب و کار بهره بگیریم.
با توجه به پیشرفت دنیای تحت وب تکنیک های طراحی سایت و طراحی فروشگاه اینترنتی با سرعت بالا در حال رشد می باشند و روز به روز از روش های نوینی در طراحی سایت رونمایی می شود. تصاویر و ویدئوهای HD جزو جدیدترین ها در این زمینه هستند.
با توجه به این که استفاده از صفحات نمایشی HD گسترش یافته است، یکی از تکنیک هایی که در چند سال آینده در طراحی فروشگاه اینترنتی رواج بیشتری خواهد یافت استفاده از تصاویر، ویدیو و انیمشن هایی با کیفیت بالا در هدر سایت می باشد. صفحات نمایشی High Definition که HD نامیده می شوند، به سیستم تصویری گفته می شود که از وضوح و کیفیت بسیار بالایی برخوردار است و تصاویر را با جزئیات بالا نشان می دهد.
در مقالات پیشین به تکنیک Hero Header در طراحی سایت اشاره کرده بودیم که همچنان نیز مورد توجه طراحان قرار دارد و به تازگی تصاویر HD نیز به آن اضافه شده است. در اینجا به چند راهنمایی برای استفاده از تکنولوژی HD در طراحی سایت پرداخته ایم و با چگونگی ساخت تصاویر، ویدیو و انیمیشن های HD آشنا می شویم.
از آنجایی که طراحی سایت و طراحی فروشگاه اینترنتی در آینده به سمت صفحات نمایشی با کیفیت بالا گرایش دارد. تمامی تصاویر پس زمینه خصوصا پس زمینه هدر سایت باید به صورت تمام صفحه ای و با کیفیت بالا در سایت قرار گیرد.
استفاده از تصاویر HD در طراحی سایت سبب می شود کاربران درک بهتری از تصاویر داشته باشند و تجربه کاربری خوبی را از صفحات سایت شما کسب کنند. استفاده از این نوع تصاویر فرصت مناسبی را برای کاربران فراهم می کند تا با جزئیات بیشتری تصاویر را ببینند و دید بصری مناسبی را کسب کنند.
با رعایت نکات کلیدی زیر همواره می توانید تصاویری با کیفیت بالا تولید کنید.
تصویر زیر یک نمونه بکارگیری تصاویر HD در هدر صفحه اصلی سایت است که عامل نقطه کانونی و تمرکز را به خوبی رعایت کرده است.
در سال های اخیر استفاده از ویدیو HD در طراحی سایت بسیار گسترش یافته است. استفاده از این ویدیو تاثیر بسزایی بر روی کاربران می گذارد و سبب می شود کاربران احساس رضایت بخشی داشته باشند. به نظر می رسد با توجه به افزایش سرعت اینترنت در ایران و دسترسی بیشتر کاربران به آن، استفاده از ویدیو با کیفیت در طراحی سایت در آینده رواج بیشتری داشته باشد.
ویدیو HD در وب سایت یک تجربه کامل چند رسانه ای با بار اطلاعاتی بالا می باشد که اطلاعات مفیدی را در اختیار کاربران قرار می دهد.
وبسایت Life of Pi که برای فیلمی با همین عنوان ساخته شده است یک نمونه بسیار موفق و زیبا از بکارگیری ویدئوی HD در طراحی سایت محسوب میشود.
مشکلی که در استفاده از ویدیو در طراحی سایت وجود دارد این است که ویدیو هایی که در طراحی فروشگاه اینترنتی استفاده می شوند باید دارای کیفیت بالایی باشند ولی از آنجا که مردم کشور های مختلف از سرعت اینترنت یکسانی برخوردار نمی باشند استفاده از ویدیو Hd با محدودیت مواجه است.
یکی از تکنیک هایی که ممکن است در آینده در طراحی سایت و طراحی فروشگاه اینترنتی رواج بیشتری پیدا کند استفاده از انیمیشن HD در هدر سایت می باشد. استفاده از انیمشن ها در گذشته رواج داشته است ولی درآینده استفاده از انیمیشن هایی که بر مبنای تصاویر HD ساخته شده است رواج خواهد یافت.
انیمیشن ها باید دارای طراحی ظریف و روان باشند و ساختاری یکپارچه داشته باشند. توجه به نوع کاربران سایت می تواند در طراحی انیمیشن مهم باشد. بکارگیری تکنولوژی SVG در ساخت المان های مختلف موجب کیفیت گرافیکی بسیار بالا در انیمیشن های امروز گشته است.
وبسایت madebyfieldwork.com نمونه بسیار موفقی از بکارگیری انیمیشن با کیفیت HD در طراحی سایت است.