دیگه بیشتر شرکت های قدیمی سایتشونو با گوشی های تلفن همراه و تبلت وفق دادن. طرف صحبت ما با شرکت هایی که هنوز سایتشون با موبایل سازگار نیست. اگه شما هم جزء این دسته باشید حتما صدای اعتراض مشتری ها به گوشتون رسیده و مورد بمباران پیام های مخاطبانتون قرار گرفتید. وقتی نتونن با گوشی سایتتونو باز کنن حتما مشتری هاتونو از دست میدید. پس باید سایتتون با موبایل سازگار باشه.
همونقدر که این پیام های اسپم شما رو اذیت می کنه، اون ها هم از بابت سایت شما اذیت میشن. قبول دارید؟ پس سایتتون باید سازگار با موبایل باشه. قبول دارید؟
شاید قبول نداشته باشید. اجازه بدید یه قدم برگردم عقب و توضیح بدم که اصلا "سازگار با موبایل" یعنی چی. سازگار با موبایل یعنی یه سایت نسبت به اندازه صفحه نمایش وسیله کاربر واکنش نشون میده (عبارت طراحی واکنش گرا هم از همینجا گرفته شده) و محتوا رو طوری نشون میده که قابل مشاهده و هضم باشه. بیشتر مواقع، برای این کار، اول سایت رو برای صفحه نمایش های بزرگتر طراحی می کنن و بعد تعریف می کنن که برای صفحه های کوچیک تر چطور کوچیک بشه. بنابراین ورژن های موبایلی یه سایت از سایت والد مشتق میشه. میشد به این طراحی، طراحی دسکتاپ-اول، موبایل-دوم هم گفت.
میشه این کارو کرد اما به نظرتون اینطوری کاربرهای موبایل هم راحت میتونن وبگردی کنن؟ یه زمانی میتونستن، اما الآن دیگه نه. الآن 50% از ترافیک بیشتر سایت هایی که ما برای مشتری هامون طراحی می کنیم، از تلفن های همراه میان. حتی برای سایت های B2B هم این صادقه. و هرچی جلوتر میریم این درصد بیشتر میشه.
تو نمودارهایی که از تحلیل داده های سایت مشتری هامون نشون میده، کاملا مشخصه که از نیمه دوم سال 1393 ترافیک موبایل از ترافیک دسکتاپ بیشتر شده و تا اواخر 1394 با هم درگیر و کشمکش بودن تا اینکه از این زمان به بعد دیگه به طور قطع ترافیکی که از دستگاه های تلفن های همراه به سمت سایت ها سرازیر میشدن بیشتر از دسکتاپ ها بود. (ضمنا این نمودارها نشون میدن اسفند ماه که همه درگیر خرید هستن، بازدید سایت های فروشگاهی هم بالا میره).
بنابراین اگه دستگاه های تلفن همراه اولویت کاربرها هستن، چرا همه قالب ها برای صفحه نمایش های بزرگ طراح میشه و بعد اون قالب رو با صفحه نمایش های کوچیک تر سازگار می کنن؟ به نظرتون راه دیگه ای نیست؟ طراحی موبایل-اول بی معنیه؟
البته که نیست. اما بستگی به مخاطب داره. هر سایتی مخاطب های خاص خودشو داره و هیچ دو سایتی نیستن که دقیقا مخاطبانشون یکی باشه. ما طی همکاری که با شما داریم میتونیم متوجه بشیم که سایتتون از نظر مخاطب هدفتون جذابیت داره یا نه.
پس موضوع روشن شد. تو این عصر فناوری، سایت های سازگار با موبایل دیگه منسوخ شدند. همین الآن براتون اثبات کردم که باید یه طراحی موبایل-اول برای سایتتون آماده کنید که نه تنها با موبایل بلکه با همه دستگاه هایی که صفحه نمایش کوچیک دارن منطبق باشه (ساعت ها، اتومیبل ها و غیره). درسته که ما برای آینده برنامه ریختیم و سعی کردیم یه پیش بینی داشته باشیم، اما این پیش بینی ریشه در زمان حاضر داره و شما میتونید همین الآن با این برنامه به مخاطبانتون خدمات ارائه بدید و سایتتون همچنان روی لپتاپ و دسکتاپ به خوبی نمایش داده میشه.
طراحی سایت خیلی سریع داره پیشرفت می کنه و یکی از متغیرترین کارهاست. پس عجله کنید چون ممکنه قبل از اینکه این مقاله رو بخونید قدیمی بشه.
تو این مقاله قصد دارم 10 تا از گرایش های طراحی سایت های تجاری رو شرح بدم که بیشتر از بقیه توجه ها رو به خودشون جلب کردن. حتما بخونیدش، چون چند تا از این ها میتونن تأثیر زیادی روی اهداف تجاریتون بذارن.
یکی از سوال هایی که همه شرکت های طراحی سایت باهاش روبرو میشن کوتاه یا بلند کردن اسکروله. سایت هایی که اسکرول دارن بیشتر خونده میشن، برای همین در سال آینده قراره بخش وسیعی از سایت های تجاری رو به خودشون اختصاص بدن. اما اگه خواستید سایتتون رو اسکرولی کنید باید یه گزینه تاچ هم رو سایت بذارید. حالا میمونه قضیه بلندی و کوتاهی. حرکت تو سایت با اسکرول طولانی راحتتره، اما باید پول بیشتری به نویسنده سایتتون بدید تا مطالب طولانی تری بنویسه. از طرف دیگه، با اسکرول کوتاه میتونید زودتر به جایی که میخواهید برسید، اما چون کاربر زود به آخر صفحه میرسه و از صفحه خارج میشه نرخ خروج میره بالا. این جنگ اسکرولی قطعا سال دیگه بالا میگیره.
وقتی بحث طراحی واکنش گرا میشه دیگه ما نمیتونیم چشممونو روی سایت هایی که دارن میرن به سمت قالب ها و مطالب تمام صفحه ببندیم. قطعا این طراحی بهتر از اینه که بخواهید تو یه قسمت کوچیک سایت بمونید. فرم های "تماس با ما" و "عضویت" جدید با طراحی تمام-صفحه نگران ملاقات مشتری های جدید نیستن. من به دو دلیل میگم این طراحی ها دارن میان روی بورس. یکی اینکه با این طراحی ها دیگه کاربر به یه صفحه دیگه منتقل نمیشه. دوم اینکه چون فضای صفحه نمایش زیادی رو در اختیار کاربر میذاره، خیلی ها بخاطرش ازتون تشکر می کنن.
یه مدتی بود که انیمیشن ها به جزء جدا نشدنیِ طراحی سایت تبدیل شده بودن. برای همین برگشتشون طراح های سایت رو خیلی هم متعجب نمی کنه. تو این همه شلوغی و رقابت اگه بخواهید سایتتون تو ذهن ها موندگار بشه و از سایت های رقیب متمایز بمونه، پیشنهاد می کنم از انیمیشن استفاده کنید. البته فقط در حد نیاز. سایتتونو تبدیل به سایت انیمیشن نکنید. از انیمیشن های جذاب و زیرکانه استفاده کنید.
سال دیگه حالت تقسیم صفحه نمایش به یکی از محبوبترین مدل های طراحی سایت های تجاری تبدیل میشه، به خصوص برای قسمت صفحه اول سایت. چون صفحه اول طوریه که خیلی برای این طراحی مناسبه. باید بذارید ساده بمونه، وگرنه صفحه نمایش های شلوغ با این مدل طراحی شلوغ تر به نظر میان و کاربر رو خسته می کنه.
محتوا حرف اولو میزنه. اگه میخواهید تأکید سایت روی مطالب مفیدش باشه، باید عناصری که حواس مخاطب رو به خودشون جلب می کنن رو کم کنید. درسته که یه سری چیزها قربونی میشن ولی در عوض در طولانی مدت نتایج خوبی به بار میاره:
طراحی فلت راه درازی رو تا امروز طی کرده. از تلفن های همراه قدیمی کارشو شروع کرده تا امروز که به احتمال خیلی زیاد قراره یکی از مدهای طراحی سایت های تجاری بشه. طراحی ترکیبی هم نظریه های زیباشناسانه طراحی امروزیِ فلت رو در بر میگیره و هم ظاهر لایه ای طراحی متریال رو. این طراحی میتونه براتون مزیت های زیر رو داشته باشه:
البته فقط چون دکمه های اقدام شناور به احتمال زیاد قراره یکی از مدهای طراحی سال 1396 باشن، دلیل نمیشه که دکمه هاتون واقعا شناور باشن. میتونید با یه طراحی لایه ای متریال همون اثر شناور بودن رو روی سایتتون داشته باشید. اینطوری اجزای سایت روی هم قرار می گیرن و تو فضا صرفه جویی میشه.
دیگه همه میدونن نباید بارگذاری صفحات سایت خیلی طول بکشه. وقتی یه کاربر هنوز وارد سایت نشده، حوصله نداره بشینه یه ویدئوی فلش تماشا کنه. برای صفحه بارگذاریتون خیلی گزینه های دیگه هست که میتونید استفاده کنید. اتفاقا گرافیک های جذابی هم دارن و دیگه کاربر رو اذیت نمی کنن. در سال 1396 باید بارگذاری صفحاتتون حداکثر 4-5 ثانیه باشه.
این روزها هر جا رو نگاه می کنی جاوااسکریپت میبینی. جاوااسکریپت های زیاد فقط میتونه یه معنی برای کاربرهای ناشکیبا داشته باشه: بیشتر باید صبر کنید. پس احتمالا طراحی سایت های تجاری در سال آینده قراره کمتر از جاوااسکریپت استفاده کنه. بنابراین وقتی میخواهید از جاوااسکریپت استفاده کنید باید به همه چی فکر کنید.
تا جایی که میشه فنون چاپی رو ساده بگیرید. اگه می خواهید سایتتون همراه با مد طراحی سایت های تجاری پیش بره، نباید بیشتر از دو مدل نوشته استفاده کنید. وقتی با فونت ها و اندازه های مختلف مینویسید خوانایی سایت کم میشه. با فونت ها آزمایش کنید و اون فونت و سبکی که با هم میان رو انتخاب کنید تا دیگه خیالتون راحت باشه که کاربرها از سایتتون خوششون میاد.
گرایشات طراحی سایت به سرعت نور تغییر می کنن. اگه میخواهید به آخرین مدل ها برسید باید هر لحظه خودتونو بروز کنید. این 10 گرایش طراحی سایت های تجاری میتونه کمکتون کنه که از قافله عقب نمونید. پس تا وقت هست اونی که میپسندید رو انتخاب کنید.
3 گرایش در طراحی سایت که در سال 1395 شروع میشود
کار با سایت های تجاری باید ساده باشه، حسی باشن و به سادگی درک بشن. سه تا از گرایش های طراحی سایت که امسال شروع میشن به دنبال کسب همین اهداف هستن.
الان دیگه مردم برای همه کارهاشون میرن سراغ گوگل. از تشخیص مریضی هاشون بگیر تا خرید لوازم خونه. خیلی از کاربرها که دیگه اصلا به خودشون زحمتِ تا درِ مغازه رفتن هم نمیدن. پس اگه میخواهید توی حوزه کاریتون به مرکز فعالیت تبدیل بشید، باید حتما برای موتورهای جستجو بهینه سازی کنید و یه سایت کاربرپسند داشته باشید.
طبق گزارش Adobe، 38% از مردم وقتی محتوا یا ظاهر سایت براشون جذاب نباشه دیگه بهش سر نمیزنن. اما اگه میخواهید سایتتون جذاب باشه باید به جز طراحی به خیلی چیزهای دیگه هم فکر کنید. سایت های تجاری باید حسی باشن، به سادگی درک بشن و کار باهاشون هم راحت باشه. سه تا از گرایش های طراحی که بر اساس این نیازها، امسال بوجود میان این ها هستن:
طراحی اینتراکتیو شامل تمام چیزهایی میشه که کاربر بتونه باهاشون ارتباط برقرار کنه، مثلا تصاویر متحرک سایت. هر چند دوران طلایی Adobe Flash گذشته اما هنوز هم میتونیم برای برقراری ارتباط با فناوری امروز از بعضی از حرکت های همونموقع استفاده کنیم.
شما میتونید به کمک فناوری جدید، بدون اینکه سرعت بارگذاری سایتتون کم بشه عناصر درون-صفحه ی اینتراکتیو داشته باشید. تصویر متحرک درون-صفحه برای جلب توجه و افزایش زمان حضور کاربر در سایت خیلی خوب جواب میدن.
آیکون ها همه جا کاربرد دارن! اوایل از آیکون ها برای جهت یابی برنامه های تلفن های همراه استفاده میشد اما خیلی زود تبدیل شد به یکی از روش های جهت یابی سایت ها. خوبیشون اینه که تفسیرشون راحته. وقتی کاربر آیکون یه تلفن روی سایت ببینه سریع میفهمه که اگه روش کلیک کنه، شماره تماس براش میاد.
علاوه بر درک آسونشون، جالب هم هستن. یه عنصر ساده به سایتتون اضافه می کنن و باعث میشن سایتتون در دسترس تر به نظر بیاد.
این طراحی ها هم امسال خیلی محبوب میشن. دیدید بعضی از سایت ها روی صفحه اولشون یه ویدئوی بزرگ گذاشتن؟ بخاطر اینکه سرعت اینترنت زیاد شده و افزونه های بهتری برای نمایش ویدئو ها اومده، سایت ها میتونن خیلی راحتتر از قبل یه تجربه اثرگذاری ویدئویی برای کاربرهاشون فراهم کنن. کاربرها هم که عاشقش میشن. اگه خدماتی که ارائه میدید و کالایی که میفروشید طوریه که میتونید از ویدئو استفاده کنید، زمانِ بازسازی سایتتون از این طراحی استفاده کنید.
مزایای استفاده از نظرات یک فرد جدید، درباره طراحی سایت
اگه میخواهید طراحی سایتتونو عوض کنید، باید اول یه طرح مناسب براش در نظر بگیرید که همه چیزهایی که میخواهید رو یکجا داشته باشه. دلیل این تعویض طراحی هم میتونه هر چیزی باشه. مثلا شاید سایتتون اونقدری که انتظار داشتید مشتری جذب نمی کنه یا اون دسته از مشتری هایی که توقع داشتید رو جذب نمی کنه، یا شاید هم شرکتی که تو حوزه کاری شما حرف اولو میزنه داره کار رو به سمت جدیدی میبره و طراحی هاشو تغییر میده.
متاسفانه حتی اگه با بهترین ابزارهای تجزیه و تحلیل (آنالتیک ها) هم کارتونو تحلیل کنید و یه بررسی کامل از سایتتون داشته باشید باز هم نمیشه دقیق گفت که یه طرح چقدر میتونه خواسته هاتونو تأمین کنه و یا به اصطلاح همونی باشه که میخواهید. و باز هم متاسفانه یه معیاری برای طرح خوب نداریم که با اعداد و ارقام قابل اندازه گیری باشه. نمیشه هم که فقط از نظر زیبایی یه طرحی انتخاب کنیم. اینجا روانِ آدم محدودیت درست می کنه. تعصبات آدما، نقاط ضعف و عادت های رفتاریشون موقعِ نگاه کردن به سایت، همه اینا خیلی وقت ها نمیذاره در مورد سایتمون حقایق رو ببینیم.
خلاصه کلام اینکه: دیدی که شما به ظرفیت های سایتتون دارید، بستگی به مسائل روانشناسانه داره، مثلا به اینکه شما چه درکی از مهارت کسی که طراحی رو انجام داده داشتید، رنگ و مدل مورد علاقه خودتون چیه و تعصبات و عادت های رفتاریتون چیه.
اجازه بدید حرف آخرمو همین اول بزنم: اگه میخواهید طراحیتون نتیجه دلخواه رو براتون داشته باشه، باید یه نفر دیگه تو بازه های زمانی مشخص درموردش نظر بده. خودتون و اعضای گروهتون نمیتونید این کارو بکنید. حتی بازخورد مشتری ها هم بعضی وقت ها کافی نیست. باید کسی باشه که نتیجه کار شما هیچ نفع و زیانی براش نداشته باشه و خیلی هم با کار شما آشنا نباشه. وقتی همچین کسی رو پیدا کردید که از بیرون کارتونو ببینه، باید یه سری سوال ازش بپرسید، مثلا بپرسید:
شما حتی اگر هم خودتون طراحی سایتتون رو انجام بدید، باز هم برای بهینه سازیش و برگشت سرمایه باید با برنامه کار کنید و مرتبا اهدافتون رو اندازه بگیرید و در طول زمان سعی کنید اشکالات رو برطرف کنید. برای مشاوره گرفتن از متخصص های سئو و طراحی سایت دارکوب، همین امروز باهامون تماس بگیرید. اطلاعات تماس رو میتونید از صفحه اصلی سایت ببینید.
طراحی بدون صفحه چیست و برای چه سایت هایی مناسب است؟
تا بحال درباره طراحی بدون صفحه چیزی شنیدید؟ میدونید برای چه سایت هایی استفاده میشه؟ اگه دارید از سایتتون پول درمیارید، پس حتما تمام سعیتونو میکنید که تا جایی که میشه اثرگذار باشه. اینطور نیست؟ تو طراحی بدون صفحه، همه اطلاعات تو یه صفحه واحد نمایش داده میشه و کاربر فقط با بالا و پایین کردن اسکرول بار میتونه به تمام مطالب سایت دسترسی داشته باشه. دیگه نیازی نیست برای استفاده از مطالب و تصاویر سایت چند بار توی سایت کلیک کنه، چون همش تو همون صفحه موجوده.
این مدل سایت ها دارن روز بروز محبوب تر میشن، چون تجربه کاربری بهتری دارن، نرخ تبدیلشون بالاست و هزینه های توسعه این مدل سایت ها کمتره. اگه تو فکر تغییر سایتتون هستید و هنوز نمیتونید در مورد مدلش تصمیم بگیرید، تو این مقاله براتون یه سری از مزایای سایت های تک صفحه رو ذکر می کنیم:
از اونجا که یه مدتی بود که سایت های تلفن همراه از فلسفه بدون صفحه ای بودن استفاده میکردن، بیشتر کاربرهای تلفن همراه با طراحی بدون صفحه آشنایی دارن. بیشتر مردم با سایت های ساده، عمودی و زیبای تک صفحه آشنایی دارن. بیشتر کاربرهای شما هم از موبایل استفاده می کنن، پس اگه میخواهید این دسته از کاربرها عاشق سایتتون بشن و سایتتون با دستگاه های تلفن همراه سازگار باشه، از طراحی تک صفحه ای استفاده کنید.
چون بیشتر مردم سابقه کار با فیسبوک و توئیتر رو دارن، حتی اکه صفحتون خیلی طولانی باشه، باز هم براشون چیز جدیدی نیست و خیلی راحت اسکرول بار رو میکشن پایین و بالا و تو سایت تک صفحه ای تون میگردن. اما در مقابل، کلیک کردن روی لینک ها، احتیاج به یه تصمیم آگاهانه داره و بعد از اینکه تصمیم گرفته شد و روی لینک کلیک شد، باید صبر کرد تا صفحه لود شه و کاربر رو از نگرانی دربیاره. یکی از مزیت های خیلی مهم سایت های تک صفحه ای همین عدم نیاز به کلیک و رفتن به صفحات مختلفه. بنابراین، اینطوری شانس بهتری دارید که پیامتونو به طور کامل به مخاطب برسونید.
توی سایت های بدون صفحه، میتونید داستانتونو به همون ترتیبی که دوست دارید برای کاربرها تعریف کنید. اطلاعات به ترتیبی که شما میخواهید، از بالا تا پایین ارائه میشن. اما توی سایت های قدیمی چند صفحه ای، کاربر میتونه روی هر صفحه ای کلیک کنه، بنابراین ترتیب ارائه اطلاعات ممکنه بهم بخوره. با سازماندهی بهتر، نتایج بهتری حاصل میشه و نرخ تبدیل افزایش پیدا می کنه.
با انتقال سایت ها از سایت های چند صفحه ایِ زمانبرِ حجیم، به سایت های ظریفِ تک صفحه ایِ قابل پیمایش، میتونید سایتتونو برای بخش عظیمی از بازار (یعنی کاربرهای تلفن همراه) خواستنی تر و اثرگذارتر کنید. الآن دیگه بیشتر سایت هایی که میخوان با تلفن های همراه سازگار باشن از طراحی های تک صفحه ای استفاده می کنن، برای همین هم مردم تا حد زیادی باهاشون آشنایی دارن و عادت کردن. بخصوص که بخاطر کار با شبکه های اجتماعی، بیشتر کاربرها عادت دارن به جای کلیک کردن، تو سایت از بالا به پایین پیمایش کنن. علاوه بر این، ارائه اطلاعات هم چون با ترتیب مورد نظر خودتون انجام میشه، برای موفقیت سایت، به اشتراک گذاری، و نرخ تبدیل کلی سایت بهتر خواهد بود.
طراحی بدون صفحه، راهی به سوی آیندست و به سرعت به تنها راه تبدیل میشه. به اضافه اینکه طراحی و توسعه سایت های تک صفحه ای نسبت به سایت های چند صفحه ای، زمان کمتری میبره. یعنی در اصل یه موقعیت برد-برد.
اخطار! اگه تصمیم دارید به زودی یه طراح سایت استخدام کنید، قبل از اینکه هر اقدامی کنید این پیام مهم رو بخونید. شاید زندگیتونو نجات بده. خب البته زندگی که نه! ولی میتونه از حیله ای که این اواخر طراح های سایت سوار می کنن دورتون کنه.
دیروز یه دعوتنامه از لینکدین برام اومد که اسمش برام آشنا بود اما هرچی فکر کردم یادم نیومد کیه.
یه جستجو کردم تا فهمیدم یکی از کساییه که یه سال پیش میخواست براش یه سایت طراحی کنم.
ما براشون یه نمونه رایگان از سایتی که قراره بسازیم، درست کردیم اما نهایتا اونا تصمیم گرفتن کارشونو به یه شرکت دیگه بسپرن.
خیلی کنجکاو بودم ببینم سایتشون چطوری شده، سریع رو آدرس شرکتش کلیک کردم.
ولی واقعا ناامید شدم. به نظرم سایتشون خیلی کلی بود. به خصوص با در نظر گرفتن بودجه شرکتشون. حدس زدم باید یه مشکلی باشه. منبع کدهای سایتشونو بررسی کردم. اگه بدونید دنبال چی میگردید، منبع کدها هر اطلاعاتی که راجع به سایت بخواهید در اختیارتون میذاره.
فهمیدم از یه قالب پیش ساخته برای سایتشون استفاده شده و مخصوص اونها ساخته نشده بود. یعنی یه قالب 40 هزار تومنی براشون نصب کرده بودن، در حالی که ازشون 2 میلیون تومن پول گرفته بودن.
باهاش تماس گرفتم و پرسیدم که ببینم میدونه قالب سایتشون پیش ساختست یا نه. نمیدونست. خیلی ناراحت شد. منم واقعا ناراحت شدم، نه بخاطر اینکه مشتریم از دستم پریده بود، بلکه چون همچین حقه و کلکی شهرت کل طراح هارو خراب می کنه. خیلی از شرکت های "به اصطلاح" طراح سایت، در واقع فقط تاجر خرید و فروش قالب های ارزونن.
پس اگه میخواهید صرفه جویی کنید و تصمیم دارید از قالب های پیش ساخته استفاده کنید که هیچی. اصلا مشکلی نیست. خب به هر حال میدونید چی میخواهید بخرید و همه چیز روشنه.
اما اگه میخواهید یه سایت مخصوص خودتون داشته باشید و نهایتا معلوم میشه که بهتون یه قالب آماده دادن، اتفاقای بدی داره میفته.
قبل از اینکه با یه شرکت طراحی سایت همکاری کنید این کارها رو انجام بدید:
بررسی کنید و ببینید سایت خود شرکت و سایت های قبلی که طراحی کردن، قالب آماده بوده یا نه.
نمیدونید چطوری چک کنید؟
خب حالا دیگه راز کوچیک طراح های سایت براتون رو شد. دونستن خودش نصف مسیره.
پس اگه میخواهید مطمئن بشید که سایتتون فقط یه قالب پیش ساخته ارزون نیست، طبق دستورالعملی که بهتون دادیم عمل کنید و سوابق کاری سایت طراحتونو بررسی کنید.
همین الآن میتونید از سایت ما، سایت های مشتری هامونو ببینید. اگه نیاز به مشاوره تو این زمینه دارید میتونید از طریق شماره تلفن ها یا تو سایت، قسمت تماس با ما باهامون تماس بگیرید.
الآن دیگه خیلی از شرکت های طراحی سایت تو سایت هایی که طراحی می کنن از تصاویر تمام صفحه و حتی ویدئوهای تمام صفحه تو پس زمینه استفاده میکنن. در واقع همه به طریقی سعی میکنن با بهره وری از قوه تجسم مردم، روشون اثر بذارن. به جز این، بهبود سرعت و هزینه پهنای باند و ارائه خدمات ویژه برای مشترکان تلفن های همراه هم بخشی از روش معمول این شرکت ها به حساب میاد. در اصل، به خاطر این روشها (بهبد پهنای باند و کارایی سایت روی تلفن همراه) میشه تو سایتها از برتری تصاویر HD هم استفاده کرد.
تصاویر پس زمینه با وضوح بالا هم (در صورت درخواست مشتری) جزئی از طراحی های سایت دارکوب محسوب میشن. تو کارهایی که ما طراحی می کنیم تصویرها با استفاده از یه ابزار فشرده سازی مخصوص، فشرده میشن تا حجم کمتری بگیرن و سایت زودتر بارگذاری بشه. به علاوه از اثر "بزرگنمایی و محو شدن" هم برای ایجاد حس تحرک و پویایی بهره برده میشه.
چند سالی هست که طراحی فلت و مینیمالیستی که روی کارایی سایت تمرکز دارن رو بورس هستن. اینجور طراحی ها تمیز، با زاویه های باز زیاد، رنگ های روشن و معمولا با طراحی فلت دو بعدی ظاهر میشن (واژه flat در انگلیسی به معنی تخت و مسطح- مثل تصاویر دو بعدی). در مقابل سایت های قدیمی تر رنگ های سایه دار، شیب دار اریب داشتن که خیلی زود انقدر همه سایت ها همین مدلی شدن که تازگی و جذابیتشو از دست داد. یکی از اولین سایت هایی که از طراحی فلت استفاده کرد شرکت میکروسافت بود. سایت میکروسافت یه شی از زندگی واقعی رو، مثل تقویم، به یه تصویر واقع گرایانه کوچیک تبدیل کرده بود. برنامه هایی که میخوان طراحی فلت داشته باشن باید ساده باشن و از تصاویر آیکون مانندی که تو هه سایت ها و برنامه های میکروسافت می بینید استفاده کنن.
مهمترین ویژگی طراحی های فلت اینه که عناصر زینتی رو فقط بهم ریختگی میدونن. اگه یه عنصر طراحی هیچ کاربردی نداشته باشه، فقط باعث پرت کردن حواس کاربر از هدف اصلی سایت میشه. برای همین طراحی فلت ساده و مینیمالیستیه. نهایتا همه این کارها در جهت بهبود تجربه کاربری سایت انجام میشه.
معمولا تو طراحی های فلت این ویژگی ها هم بیشتر دیده میشه: میکرو تعاملات، گوشه های تیز و زاویه دار کمتر، فهرست های همبرگری، تصاویر معمول باطراوت و پیکرنگاری های زیاد. وقتی تو گوگل سرچ کنید کلی سایت های با طراحی فلت براتون میاره.
از وقتی که مسیریابی های پارالاکس محبوب شدن، جریان های عمودی هم روی کار اومدن. صفحه های طولانی یا حتی سایت های تک صفحه ای این روزها خیلی استفاده میشن، چونکه کاربرها فقط اسکرول بار رو پایین و بالا می کنن و کل سایت رو میبینن. البته یکی دیگه از دلایل محبوبیتشون هم اینه که این سایت ها سئوی خوبی دارن. طراح ها از بارگذاری پیشرفته سایت برای مدیریت سرعت بارگذاری این صفحه سایت بهره میبرن. تو ویندوز 10 هم مدل های زیادی معرفی شده.
اگه میخواهید مثال وبسایت تک صفحه ای رو ببینید، میتونید صفحه اول سایت خودمون رو مشاهده کنید. روی هرکدوم از بخش های منوی بالای صفحه که کلیک کنید، اسکرول بار به صورت عمودی حرکت می کنه و به قسمتی از همون صفحه میره که مربوط به بخشیه که شما کلیک کردید.
شاید 5 سال پیش اگه میخواستی از فونت هایی که تو سایت ها استفاده نمیشه برای سایت استفاده کنی، خیلی کار سخت و پیچیده ای بود، اما الآن دیگه اینطور نیست. چون الآن دیگه بدون اینکه مجبور باشیم عملکرد سایت رو فدای زیباییش کنیم، میتونیم خودمونو از سایت های دیگه متفاوت نشون بدیم. برای همین دیگه تو سایت ها، فونت های متفاوت و حتی بعضی قسمت های سایت فونت بلد شده هم میبینیم. الآن دیگه مجبور نیستیم از همون یه مدل فونتی که همه سایت ها با همون نوشته میشن استفاده کنیم. میتونیم خودمون هم مدل فونت و هم اندازه نوشته رو برای مخاطبینمون تعیین کنیم.
مثلا اگه سایتی رو برای بچه ها طراحی می کنید میتونید از فونت های بچه گونه استفاده کنید. حتی میتونید همه متن رو قابل ویرایش کنید. به علاوه چون که دیگه نوشته ها واقعا نوشته هستن و مثل سابق عکس نیستن، موتورهای جستجو هم میتونن متن رو اسکن کنن و درک دقیقتری از محتوا و موضوع سایت داشته باشن. این مزایا هم سئو رو تحت تأثیر قرار میده و هم سرعت بازگذاری صفحات رو.
از وقتی که سایت ها شروع کردن از تصاویر متحرک فلش استفاده کردن و HTML5 و CSS3 با حرکت های سایده ،برای بارگذاری صفحات متحرک رونق گرفتن، دکمه ها و فهرست های کشویی و چسبنده رواج پیدا کردن.
تو سایت M is for Money ازTransitions CSS استفاده شده. اسلایدی که تو سایت میبینید از یه انتقال انیمیشنی بهره میبره و با تصاویر متحرک و زیبای اسلایدها یه تجربه "جوان پسند" برای سایت خلق می کنه. قبلا، انیمیشین هایی مثلا این رو باید با افزونه هایی مثل فلش درست می کرد. اما الآن CSS Transition ها دیگه نیازی به افزونه ندارن و خیلی سریع تر دانلود میشن. باید در عمل کارشو ببینید تا متوجه بشید.
بهترین مدل های طراحی برای انجمن ها
تو این مقالک مهمترین نکته های طراحی سایت برای انجمن ها و سازمان هایی که عضوگیری می کنن رو براتون شرح میدیم.
10- تقویم وقایع
وقتی یه تقویم تو انجمنتون بذارید میتونید وقایع آینده رو به صورتی که برای همه قابل درک باشه نمایش بدید. نمایش وقایع برای همه انجمن ها یه جزء ضروریه، طوری طراحیش کنید که راحت بشه باهاش کار کرد.
9- کارایی سایت رو بررسی کنید
باید مطمئن بشید که سایتتون نقش یه ابزار در حال پیشرفت رو برای سازمانتون بازی می کنه. پس قبل از اینکه کاربرها تو سایتتون با مشکلی مواجه بشن، خودتون یکم باهاش کار کنید و اگه مشکلی داره حل کنید. بهترین راه آزمایشش اینه که چند نفر از مخاطبانتونو انتخاب کنید وازشون بخواهید تو سایت یه سری کارها رو انجام بدن. تجربه این افراد رو ثبت کنید و روی قسمت هایی که با مشکل برخورد می کنن متمرکز بشید و مشکلو حل کنید.
8- جستجوی پیشرفته
وقتی کاربرها دنبال یه چیزی تو سایت بگردن و نتونن پیداش کنن، راه دوم اینه که تو سایت جستجو کنن. برای جستجوی مطالب سایتتون یه سری فیلتر بذارید و بطور خودکار همه قسمت هاشو از قبل پر کنید. البته کاربرها اگه بخوان میتونن متن هر قسمتی رو عوض کنن، اما وقتی ببینن شما از قبل همه رو پر کردید، یه راهنماییه براشون. جستجوتون طوری باشه که کاربرها بتونن اسنادی مثل فایل های ورد و PDF رو هم سرچ کنن.
7- یافتن مسیر
اگه سایتتون پر از مطلب تو حوزه های مختلف باشه، جهتیابی توش سخت میشه. یه مسیریاب واضح براش نصب کنید تا کاربرها به دردسر نیفتن. افزونه های Breadcrumbs موقعیت کاربر رو تو سایت نشون میدن. علاوه بر اون میتونید از مگامنوها هم استفاده کنید. مگامنو یه فهرسته که وقتی رو هر بخشش کلیک بشه یه قسمت خیلی بزرگ به سمت پایین باز میشه و بخشی از نقشه سایت مربوط به اون مطلب رو نمایش میده.
6- بازخورد بگیرید
یه قسمتی تو سایتتون بذارید که کاربرها بتونن نظراتشونو درباره سایت بهتون منتقل کنن. نتایج رو جمع کنید و به نظرات منطقی که به بهتر شدن تجربه کاربری سایتتون کمک می کنه ترتیب اثر بدید. مسلما همه نظرات طوری نیستن که بخواهید روشون کاری انجام بدید، اما میتونه به بازتر شدن دیدتون نسبت به مخاطبین کمک کنن تا تو تصمیم گیریهای بعدیتون از این بینش استفاده کنید.
5- دکمه ورود اعضا، بالا مرکز و جلوی سایت
به اعضاتون اطلاع بدید که اگه عضو بشن میتونن به مطالبی که فقط برای اعضا اختصاص داده شده دسترسی پیدا کنن، و بعد دکمه عضویت رو تو صفحه نخست، جایی که قشنگ جلوی چشم باشه بذارید، تا کاربرها راحت و سریع بتونن عضو بشن.
4- درخواست برای اقدام واضح
برای درک نیازهای کاربرها و اهداف سازمانتون وقت بذارید و با طراحی دکمه هایی که شفاف و واضح "درخواست برای اقدام" میدن سعی کنید اون اهداف و نیازها رو مرتفع کنید. مثلا یه دکمه درخواست برای اقدام مخصوص افرادی که عضو نیستن بذارید و توضیح بدید عضویت تو سایت چه مزایایی براشون داره. برای اعضا هم باید بعد از اینکه وارد حساب کاربریشون شدن یه دکمه برای دسترسی به مطالب مخصوص اعضا قرار بدید. متن روی این دکمه ها باید طوری باشه که کاربر سریع متوجه منظورتون بشه و گیج کننده نباشه.
3- قالب منظم و تمیز
قالبتونو تمیز و منظم نگهدارید. عناصر غیرضروری رو حذف کنید. وقتی اهداف مخاطبانتونو بشناسید و روی همونا تمرکز کنید، معلوم میشه کدوم قسمت های سایت غیرضروری اند. با یه طراحی فلت بروز، فضای سفید زیاد داشته باشید. اینجوری رابط کاربری تمیز میشه. توجه کاربر رو فقط به قسمت هایی که ارزش توجه دارن جلب کنید. رو خواست کاربران و اهداف اولیه سازمانی تمرکز کنید.
2- بهینه شده برای موبایل
تجربه کاربری سایتتونو تو گوشی های تلفن همراه هم بهینه کنید. صفحات موبایلتونو ورفرم کنید تا خیالتون راحت باشه که کاربرها تو سایت یه تجربه ی واکنشی و حساب شده خواهند داشت. چند سالی هست که استفاده از تلفن همراه بیشتر شده، برای همین توصیه می کنم نسبت به رفتار سایتتون تو دستگاه های تلفن همراه دقیق باشید، نه اینکه بعد از اینکه با مشکلی مواجه شدید تازه یادتون بیفته بهش فکر کنید.
1- رو توانایی یافتن قسمت های مختلف سایت کار کنید
بیشترین مشکلی که معمولا تو سایت ها پیش میاد اینه که کاربرها نمیتونن چیزایی که میخوان رو پیدا کنن. برای همین هم ما تو اشتباهات مدیرهای سایت ها، این مشکل رو به عنوان مشکل شماره یک درجه بندی کردیم. با فیلترهایی که تو سایت میذارید، قالب های ساده و فهرست هایی که برای کاربرها آشنا باشن، سعی کنید کاری کنید که راحت بتونن هرچی که میخوان پیدا کنن. اگه علاوه بر اینکه توانایی یافتن قسمت های مختلف سایت رو بهبود می بخشید، از همه این 10 مشکلی که بهشون اشاره کردیم، فقط دو تاشو رعایت کنید،کاربرها ازتون تشکر می کنن.
خیلی وقتا می بینم طراحی فقط با هدف زیبایی انجام شده. البته اشتباه برداشت نکنید، شکی نیست که سایت باید زیبا هم باشه. اما هیچ وقت نباید هدف اصلی طراحی رو بذاریم رو زیبایی.
از خودتون بپرسید: اولین شاخص عملکرد کلیدیتون برای سایت جدیدی که میخواهید طراحی کنید چیه؟ منظورم اینه که سایتتونو دارید میسازید تا باهاش محصولاتتونو بفروشید؟ خدماتتونو ارائه بدید؟ قراره این سایت منجر به فروش بیشتر یا جذب مشتری های بیشتری براتون بشه؟ خب اگه سایتتونو این کارا رو نمی کنه یعنی کارشو درست انجام نمیده.
طراحی تو بیشتر پروژه های سایت ها، نقش خیلی مهمی داره. "اگه این کلید اینجا باشه قشنگره، اما در عین حال نرخ تبدیل رو 25% کم می کنه." دقیقا مثل جنگ می مونه. اما متاسفانه خیلی از طراح ها فقط به طراحی فکر می کنن و حتی یه لحظه هم به هدف کسب و کار شما یا اینکه چطوری می تونن شما رو به جایی که میخواهید برسونن، فکر نمی کنن.
پس باید خودتون به فکر خودتون باشید. اجازه ندید رنگ های زیبا و طراحی های پر زرق و برق چشمتونو بگیره. از خودتون و طراح سایتتون بپرسید: چرا این اینجاست؟ این یکی برای مشتری هام چه فایده ای داره؟ کارشونو راحتتر می کنه؟ فروش منو بیشتر می کنه؟ اصل کار همینه که فروشتونو بیشتر کنه. قرار نیست که جایزه ی زیباترین سایت رو ببرید (البته اگه بشه هم جالبه)، هدف شما از ساختن سایت اینه که سودتونو بالا ببرید. به همین راحتی.
خیلی از اینا به شما برمیگرده، چون اینجا شما مشتری هستید. به جای اینکه درباره طراحی سایتتون حرف بزنید، یکم وقت بذارید و به طراحتون توضیح بدید هدف تجاریتون از این سایت چیه، اینجوری به جای بهتری میرسید. هیچی بیشتر از این عصبانیم نمی کنه که یه مشتری بخواد براش طراحی پاراکس کنم یا تصویر متحرک بذارم تو سایتش، یا مثلا رنگ های پاستلی داشته باشه، یا یه عکس کل صفحشو بگیره، یا کلا هر چیزی که مد شده بخواد. از خودتون بپرسید این چیزها به چه درد من میخوره. به تجارتتون کمکی میکنه؟
بیشتر وقت ها اصلا کمکی نمی کنه. طراحی پارالاکس وقتی به درد می خوره که بخواهید طراحی هاتونو تو سایت نشون بدید. اما اگه یه شرکت کوچیک یا متوسط بخواد یه کالایی رو بفروشه، طراحی پارالاکس اصلا لازم نیست. هدف طراحی ارتباط برقرار کردنه، نه هنر. این دو تا رو باهم اشتباه نگیرید.
پس خلاصه بگم، کل حرفم اینه که باید طراحی پیدا کنید که به جای اینکه بخواد ببینه چه جور طراحی ای دوست دارید، بخواد نیازهای کارتونو بدونه. اگه تو سایتتون به نیازهای کاریتون جواب بدید، طراحی خیلی طبیعی تر میشه.
موفق باشید.
باید دنبال چه توانایی هایی در یک شرکت طراحی سایت باشید؟
وقتی میخواهید سایتتونو توسعه بدید، فرقی نمی کنه چه یه استارتاپ کوچیک باشه، چه یه پروژه رسمی بزرگ، در هر حال تصمیم مهمیه. خب باید دنبال چه توانایی هایی تو یه شرکت طراحی سایت بگردید؟
اگه میخواهید با گروه ما صحبت کنید و اعضای گروه دارکوب رو ملاقات کنید، میتونید یه جلسه مشاوره با تیممون داشته باشید. از خود سایت برامون پیام بفرستید یا تماس بگیرید.