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