برای طراحی یه سایت تجاری، مهمترین مسئله تأمین هزینه هاست. کسی که نتونه یه بودجه معقول و مناسبی به طراحی سایتش اختصاص بده، تو همون مراحل ابتدایی با موانع بزرگی روبرو میشه. و چون مجبور میشن خیلی بیشتر از ظرفیشتون خرج کنن، کارهای انتشار مطلب به شدت تحت تأثیر قرار میگیره. اگه فعالیت های بازاریابی رو بخاطر مسائل مالی کمتر کنید، بُعد کاربردی سایت کاهش پیدا می کنه و در نتیجه نتایج مورد نظر بدست نمیاد. وقتی سایت شرکتی بی کیفیت باشه و عملکرد ضعیفی داشته باشه، اثر بدی روی کاربرها داره و در نتیجه جنبه های تجاری کار تحت تأثیر قرار میگیره و فروش کم میشه. پس میبینید که شرکتها باید بیشتر برای مرحله برنامه ریزی وقت بذارن. دستورالعمل موفقیت همینه. اگه بدون برنامه ریزی برید جلو، شک نکنید که شکست میخورید. تو این مقاله یه سری راهنمایی در مورد تأمین بودجه مناسب ساخت سایت براتون نوشتیم که میتونه در جهت پیشبرد اهداف کسب و کارتون کمک باشه:
بازاریاب باید کاملا با هدف سایتی که میخواد طراحی کنه آشنا باشه. برای تخمین بودجه، افراد باید درباره نیازهاشون شفاف باشن: مثلا آیا سایت وردپرسی لازمه، اینکه سایت تا چه حد میخواد سفارشی بشه، آیا سایت از همون سطح های اولیه نیاز به یه طراحی سفارشی داره یا نه، نیاز به عکس و گرافیک و عناصر طراحی دیگه هم داره یا نه.
ضمنا باید راجع به نیازهای محتوایی سایت هم ذهنیت روشنی داشته باشیم. تعداد صفحات و نوع محتوایی که برای سایت لازمه. برای اینکه تو وقت و هزینه هاتون صرفه جویی بشه باید از همون ابتدای کار برای محتوای سایتتون یه استراتژی خوب طراح ریزی کنید. در مواردی که شما خودتون نمیتونید محتوا رو تولید کنید، میشه به فرد دیگه ای واگذارش کرد. اما این هم مثل بقیه مسائل باید تو برنامه ریزی بودجه بندی ها در نظر گرفته بشه. دقت کنید که اگه مطالب توسط نویسنده های حرفه ای نوشته بشه هزینه بر خواهد بود.
اگه تمام نیازهای کاربردی سایت به خوبی تعریف نشن و تو بودجه بندی در نظر گرفته نشن، تمام این برنامه ریزی ها بی فایده میشن. باید منابع شرکت بازاریابی یا نیازهای بازاریاب آنلاین برای جذب کاربر رو هم تو بودجه بندی در نظر گرفت. مثلا شاید یه سایت فروشگاهی با امکانات پرداخت لازم داشته باشن، یا بخوان سایت برای موتورهای جستجو بهینه بشه، برای انجام کار یه سری PDF خریداری بشه، یا لازم باشه سایت مطابق استاندارد W3C ساخته بشه. اگه سایت نیاز به طراحی فلش یا پرتال مشتری داشته باشه، باید تدارکات مورد نیاز فراهم بشه.
وقتی نوع طراحی و مسائل دیگه مورد نیاز سایت نهایی شد، میتونید قیمت های طراح های مختلف – چه طراح های آزاد و چه شرکتهای طراحی سایت حرفه ای – رو برای همچین کاری با هم مقایسه کنید. پروپوزالی رو که طراح اصلاح و تأیید میکنه، باید با همه ویژگیهای مد نظر همخونی داشته باشه و در عین حال از نظر قیمتی هم از بودجه مد نظر بیشتر نشه. طراحی که یه برنامه مقرون به صرفه و مطابق با نیازهای سایتتون پیشنهاد بده، و افت کیفیت و کارایی هم تو کار نباشه، باید تو اولویت قرار بگیره.
بیشتر توسعه دهنده ها یه چیز رو میبیننن و مدیر کسب و کار یه چیز دیگه رو. ولی در هر حال وقتی کار به نهایی شدن نزدیک شد، یه بررسی از سایت داشته باشید و یه سری هماهنگی ها انجام بدید که هزینه ها رو کاهش بده.
اگه بدون یه بودجه مناسب، یه دفعه تصمیم بگیرید و دست به عمل بزنید، خرابکاری میشه و همه بازاریابی آنلاینتون بهم میریزه و بی نتیجه میمونه. فقط یادتون نره قبل از هر اقدامی برنامه ریزی کنید تا مشکلی براتون پیش نیاد.
امروز یه دفعه یاد یلدا و شب نشینی ها و داستان هایی افتادم که بزرگترها همیشه برامون تعریف می کردن. من عاشق اون قصه ها بودم، کیه که از قصه بدش بیاد؟
سایت هم قصه خودشو میگه. بعضی از این قصه ها خوبن، بعضی ها هم بد.
شما باید بازسازی سایتتونو از درون به بیرون انجام بدید. مثل فیلمهای تلویزیونی، باید با یه نمایشنامه پیش برید. اما اگه میخواهید قصه خوبی از آب دربیاد باید از ابزار مناسبش استفاده کنید.
یه دوستی دارم که تو کار فیلمه و با فیلمسازها و سینماگرها کار میکنه، براشون تجهیزات فیلمبرداری آماده می کنه مثلا نور، دوربین و صدا. این دوستم که اسمش رضاست، روابط اجتماعی خیلی خوبی داره، تو این 35 سال کارش، در طول ساخت فیلم با مشتریها خیلی گرم میگیره، شوخی می کنه و همین کارها باعث میشه مورد اعتمادشون باشه.
البته خیلی سخته که از طریق یه سایت فروشگاهی – که پر از عکس کالاهاست - همچین ارتباطی با مشتریها برقرار کرد. رضا از من خواست براش سایتشو بازسازی کنم، البته قصدش این بود که علاوه بر اینکه سایتشو تازه کنه، کمکش کنم که قصه هاشو بگه.
رضا یه سایتی میخواست که باهاش کارشو توسعه بده و مشهور بشه. یعنی علاوه بر اینکه کالا بفروشه، به مردم هم آموزش بده و کمکشون کنه که برای خریدشون درست تصمیم بگیرن و با یه پلتفرم زیبا بهترین خدمات رو به کاربرهاش ارائه بده.
ما با تیم شرکت دوستم، رضا، روی سایتشون کار کردیم تا استراتژی بازاریابی سایت شرکتشونو دوباره تجسم ببخشیم. میخواستیم داستانهای شخصیشونو مرکز سایت قرار بدیم و از اونجا مطالعه های موردی رو به نمایش بذاریم و کار رو پیش ببریم و برسیم به ویترین فروشگاه اینترنتی که بسازیمش.
شما میتونید سایتهایی که ما با گروه دارکوب طراحی کردیم رو از قسمت مشتریان دارکوب ببینید.
اگه سایت شما با توجه به نیازهای خاص شرکت خودتون نیاز به یه بازسازی داره، با دارکوب تماس بگیرید تا با هم راجع بهش صحبت کنیم.
آماده ایم که خواسته های شما رو بشنویم.
بازاریابی آنلاین فقط این نیست که یه سری صفحه وب کنار هم بذارید و تمام. خیلی بیشتر از این حرفاست. اگه میخواهید کاربرهاتون زمان بیشتری تو سایتتون بمونن، توصیه می کنم این مقاله رو بخونید. شما باید محتوایی روی سایتتون بذارید که واضح باشه و کاربرها رو به صفحات دیگر سایت هدایت کنه. طراحی واکنشگرا دقیقا همین کارو انجام میده.
شما با این کار نرخ خروج سایتتونو کاهش میدید و نرخ تبدیل به مشتری و ترافیک سایتتون بیشتر میشه. هرچی محتوای بیشتری روی وب به طور آنلاین در دسترس مردم قرار میگیره، مردم کم طاقت تر میشن و وقتی چیزی سرچ می کنن میخوان سریع به جواب برسن. بیشتر کاربرها مقاله ها رو تا آخر نمیخونن. با اینکه اسکرول کردن صفحه براشون سختی نداره، اما به ندرت از نیمه صفحه پایینتر میرن. چطوری میتونید این شرایط رو تغییر بدید و کاری کنید که مشتاقانه تا آخر مقاله هاتونو بخونن و بیشتر روی سایتتون بچرخن؟
طراحان سایت باید بدونن کاربرها چطوری محتوای سایتو میخونن تا بتونن محتوا رو کاربرپسندتر کنن و بیشتر توجه کاربرها رو جلب کنن. حالا این یعنی چی؟ یعنی طراحان باید محتوایی تولید کنن که هم مرور کلی و سریعش راحت باشه و هم کاربری که تمایل داره بتونه به راحتی دقیق بخونتش. اینطوری اگه کاربری عجله داشته باشه هم میتونه راحتتر تصمیم بگیره که بقیه متن رو بخونه یا نه. طراحی واکنشگرا وضوح و خوانایی بیشتری به کاربرها میده. اما کاربرها چطوری میتونن از توسعه سایتی که برای ارائه خدمات به اونها بوجود اومده بهره ببرن؟
برای اینکه سایتتونو بیشتر بخونن بهتره یه قصه تعریف کنید. مردم عاشق داستانهای خوبن به خصوص اگه جالب و قابل درک باشن و اونها رو تو شک و تردید نگهداره. داستانها مردمو بیشتر جذب خوندن می کنن و کاربرها اونقدر تو قصه غرق میشن که تا آخرشو میخونن. اینترنت پر از اطلاعاته، اطلاعاتی گاها هم خسته کننده اند، تنها قصدشون فروشه و یا بی ربط هستن. شاید حالا با خودتون بگید من نمیدونم چطوری قصه بگم که خواننده رو جذب کنم، اما همه ما بالاخره یه داستانهایی داریم. چند تا از اون داستانهای بیادموندنیتونو بنویسید و سایتتونو جذاب کنید.
ببینید چطوری میتونید این روشو تو بازاریابی شبکه های اجتماعیتون بکار بگیرید تا فالوئرهای بیشتری جمع کنید و داستانتون عین یه بمب سراسر دنیای وب پخش و به اشتراک گذاشته بشه؟ صفحه وب شما باید مثل یه هرم ساختار بندی بشه تا داستانتون اثرگذارتر باشه:
شرح واقعه
شدت بخشیدن به اتفاقات
لحظات اوج
اوج
نتیجه و/یا درخواست برای اقدام
وقتی از این ساختار هرمی برای محتواتون استفاده کنید، خواننده هارو جذب می کنید و همیشه قسمتهای مهم داستان – که در واقع محصولات یا خدمات شما هستن - تو ذهنشون میمونه.
توسعه سایت نباید الزاما کار غیرجذابی باشه. یه طراح خوب باید با پاراگرافهای کوتاه، گذاشتن دایره کنار موارد نام بردنی و شکوندن خطوط و سر خط رفتن، محتوای سایت رو برای مینیمالیسم خوانا کنه. مثلا وقتی دارید درباره ویژگیهای محصولتون توضیح میدید، پیشنهادهای ویژه تونو ارائه میدید یا پیامهای مهم تجاریتونو ذکر می کنید، میتونید کنار هر مورد یه دایره بذارید. اما همین دایره ها رو نباید کنار جملات طولانی به کار ببرید، چون هدف این دایره ها اینه که برای خواننده شفافیت ایجاد کنن. در واقع اینها بخش های ضروری رو مشخص می کنه تا خواننده راحتتر بتونه پیداشون کنه.
وقتی شفافیت و خوانایی با هم ترکیب بشن محتوا به هدف خودش میرسه. با طراحی سایت واکنشگرا مشتری هاتون میتونن از یه جهتیابی راحت لذت ببرن. بنابراین وقتی یه طراح سایت انتخاب می کنید، خوبه که این موارد رو در نظر بگیرید و موفقیت سایتتونو تضمین کنید.
گوشیهای هوشمند طی این سالها رشد کردند و به مرور زمان فناوری های بیشتری رو دخیل کردند. گوشی های موبایل دنیای بازاریابی دیجیتالی رو متحول کردند. نحوه تجارت مردم رو تغییر دادن. اما به نظرتون کدوم بهتره؟ بهتره از اپلیکیشن سایت موبایلی استفاده کنید یا از طراحی سایت واکنشگرا؟ از کجا بدونید کدوم برای کسب و کار شما بهتره؟ اجازه بدید یه نگاهی به هر کدوم بندازیم:
با اپلیکیشن موبایل، شما هنوزم یه سایت سنتی باقی میمونید اما علاوه بر این سایت، یه سایت دیگه هم اضافه میشه که به افرادی که با گوشیهاشون آنلاین میشن و از اینترنت استفاده می کنن خدمات رسانی می کنه. کاربرها باید هر دو گزینه رو داشته باشن، تا وقتی خونه یا سر کار نیستن و در راه هستن بتونن همچنان آنلاین باشن و وقتی هم در یه مکانی مستقر میشن، باز بتونن از لپتاپ یا کامپیوتر شخصیشون به اینترنت دسترسی داشته باشن. خیلی از کاربرهای گوشیهای هوشمند، برای آنلاین شدن از اپلیکیشنهای موبایلشون استفاده می کنن. اگه شما هم مدیر یه شرکتی هستید به این مسئله بی توجه باشید، به زودی کنار گذاشته میشید، چون خیلی از مخاطبین هدف شما از اپلیکیشنهای موبایل و گوشیهای هوشمند استفاده می کنن.
استفاده از فناوری اپلیکیشن سایت موبایلی مزایای زیادی داره. چون کاربرها میتونن به راحتی ویدئوها رو تماشا کنن، اسکرول کنن یا آفلاین صفحاتتونو مرور کنن، تجربه بهتری خواهند داشت. با اپلیکیشن سایت موبایلی، صاحبان صنایع میتونن خدماتشونو به گروه بیشتری از مردم ارائه بدن.
اگه شما برای کنترل و ساخت سایتتون از یه طراح سایت کمک گرفته باشید، طراح باید براتون قالبی بسازه که به راحتی با اندازه صفحه نمایشگر، دستگاه کاربر و سیستم اجراییش هماهنگ بشه. با طراحی سایت واکنشگرا، کاربرهای همه انواع گوشی از تجربه سایت بی نظیرتون لذت خواهند برد.
کاربر روی کامپیوتر، گوشی هوشمند یا تبلت، تجربه مشابهی داره. با طراحی سایت واکنشگرا فقط یک سایت لازمه، نه دو تا (با اپلیکیشن سایت موبایلی دو سایت لازم دارید). بنابراین مقرون به صرفه است. وقتی یک سایت داشته باشید، میتونید وقت بیشتری روی افزایش رتبه موتور جستجو بذارید.
طراحی سایت واکنشگرا برای این افراد مناسبه:
شرکتهای تجاری که آنلاین کار می کنند
صاحبان وبلاگها
سایت رسانه ها
سایت های خبری
اجازه بدید برای جمع بندی یه نگاهی به تحلیلهای نسبی بندازیم:
سایت یک صفحه سایت واکنشگرا در مقایسه با توسعه اپلیکیشن موبایل گرون تر خواهد بود.
هزینه نگهداری سایت واکنشگرا بیشتر خواهد بود، چون همیشه باید سایت رو تبلیغ کنید.
ساخت سایت واکنشگرا زمانبر تر خواهد بود.
کاربر روی اپلیکیشن موبایل تجربه بهتری خواهد داشت و امکان قراردادن امکانات بیشتری روی سایت هست، اما خیلی از مردم ترجیح میدن از یه سایت واکنشگرا دیدن کنن تا یه اپلیکیشن موبایل. جهتیابی اپلیکیشن موبایل راحتتره.
قطعا شما باید با یه شرکت طراحی سایت مشورت کنید تا با توجه به نیازهای شرکت خودتون تصمیم گیری بشه. در واقع اینکه اپلیکیشن موبایل توسعه بدید یا سایت واکنشگرا، بستگی به نیازهای خودتون داره. در پایان بگم که اگه بتونید هر دو رو داشته باشید و مشکلی بابت هزینه هاش نداشته باشید، بهتره همین کارو بکنید.
وقتی شما با یه متخصص طراحی سایت حرف میزنید، احتمالا خیلی باید این "سیستم مدیریت محتوا" رو ازش بشنوید. شاید از خودتون بپرسید این سیستم مدیریت محتوا دیگه چیه؟
شرکت طراحی، توسعه و سئوی سایت دارکوب میخواد تو این مقاله همه چیزو در مورد سیستم مدیریت محتوا توضیح بده:
به طور خلاصه، سیستم مدیریت محتوا، نرم افزاریه که محتوای الکترونیکی - مثل تصاویر یا مطالب - ایجاد و ذخیره می کنه.
وقتی شما یه سایت وردپرسی میسازید، بخش اعظم سایتتونو یه سیستم مدیریت محتوا ساخته. این سیستم علاوه بر کار کردن با یه سری برنامه های خارجی مثل افزونه ها و ابزار طراحی سایت، بیشترِ کار آنلاین شما تو سیستم مدیریت محتوا انجام میشه.
سیستم مدیریت محتوا در ضمن همونجاییه که شما محتواتونو منتشر می کنید، مثلا محتوای روی صفحات سایت یا وبلاگتونو. همونجایی که لینکهاتونو میذارید و صفحات مختلف سایتتونو بهم وصل می کنید.
میشه با دلایل مختلفی اثبات کرد که سیستم مدیریت محتوا برای هر کسب و کاری ضروریه. مثلا:
همیشه میتونید محتواتونو باهاش منتشر کنید.
خطاهای سایتتونو به سرعت تغییر بدید و اصلاح کنید.
طراحی سایت رو به سرعت انجام میده.
کسب و کارتونو برای مشتری های هدف مناسب سازی کنید.
گروه مجرب و تخصصی طراحی، توسعه و سئوی سایت دارکوب میتونه راز ساخت سایت تجاری شما رو به حقیقت تبدیل کنه. ما علاوه بر مشاوره، به مشتریهامون خدمات طراحی، توسعه و سئو ارائه میدیم. همین امروز تماس بگیرید و سوالاتونو بپرسید.
یکی از بخش های مهم طراحی سایت، بروز بودن تو فناوری طراحی است. شرکت طراحی، توسعه و سئوی سایت دارکوب، میخواد چند تا از منابع طراحی سایت محبوبشو که در تولیدات دیجیتالی کمکمون کرده، با شما به اشتراک بذاره.
این ادیتور برنده جایزه طراحی سیب سال 1395 بود. Affinity Designer تونسته خودشو به رقیب پیشروی این صنعت، ادوب فتوشاپ، برسونه. نرم افزار مک این شرکت به کاربرها یه تجربه قدرتمندتر و یه طراحی با قابلیت های بیشتر ارائه میده، اون هم با قیمت های پایین.
طراح های سایت همیشه تمرکزشون روی تئوری رنگها بوده و سال 1395 شاهد ظهور بیشتر برنامه هایی بود که به این جنبه از طراحی اختصاص داده شده بودند. Coolors یه برنامه کوچیک و در عین حال مؤثره. این برنامه تم هایی رو درست می کنه که موثر بودنشون تو طراحی سایت اثبات شده و بهتون اجازه میده تا اگه از رنگها خوشتون بیاد برای سایتتون ازشون استفاده کنید.
در رابطه با تئوری رنگها که ازش صحبت کردیم، Color Safe رو هم داریم. این ابزار به طراحان سایت کمک می کنه تضاد رنگی صفحات سایتشونو بهینه کنن. کالرسیف با توجه به رنگهای متن و پس زمینه، صفحه رو طوری بهینه می کنه که خوانایی صفحه بهتر بشه.
Pixelmator بین برنامه های ویرایش تصویر موجود، یه برنامه منحصر به فرد و خاص محسوب میشه چون این برنامه یه سری قابلیت های مخصوص برای طراحی سایت داره. البته عمق و قدرتش به پای ادوب فتوشاپ یا Affinity Designer که تو مورد اول ازش اسم بردیم نمیرسه اما برای اونایی که دنبال یه ابزار مناسب برای پروژه های ساده طراحی سایت میگردن، انتخاب خوبیه.
اگه یه ویرایشگر عکسی میخواهید که از اساس برای طراحی سایت ساخته شده باشه، Sketch به دردتون میخوره. این ویرایشگر، انتقال طراحی ها به فرمت دیجیتالی رو از همیشه راحتتر کرده. به نظر من جالبترین ویژگی اسکچ اینه که با این برنامه همه میتونن به راحتی عکسهایی رو که از اینترنت میگیرن شخصی سازی کنن. این برنامه به شما این قابلیت رو میده که تقریبا بدون معطلی اسکرین شات های خودتونو روی عکسهای دیگه بذارید.
نیاز به یه طراحی سایت دارید؟
اگه شما یا شرکتتون دنبال یه شرکت طراحی سایت مورد اعتماد میگردید، شرکت طراحی، توسعه و سئوی سایت دارکوب با یک تیم باتجربه میتونه کمکتون کنه تا برند خاص خودتونو پیدا کنید و رو صفحات سایتتون بکار ببریدش.
Mobilegeddon رو که اوایل سایت 1394 اومده بود یادتون میاد؟ همون قوانینی که گوگل وضع کرده بود تا مدیرهای سایتها رو با جریمه کردن مجبور کنه سایتشونو سازگار با موبایل کنند. هرچند، برخلاف اونهمه موج نگرانی که به پا کرد، بعدا معلوم شد که تغییرات صفحه نتایج گوگل اونقدرها هم وحشتناک نیست. چیزی نشد و آسمون به زمین نیومد، اما یه چیزی رو نباید فراموش کرد: جستجوی موبایلی دائمیه. پس همه برای همه سایت ها واجبه که هرچی زودتر سایتشونو با موبایل سازگار کنن تا مشکلی براشون پیش نیاد.
روشن بگم، دیگه جستجوی موبایلی موندگاره و من قطعا نمیخوام بگم موقع بازسازی یا ساخت سایتتون ندید بگیریدش. اما خب استارتاپ ها و شرکتهای کوچیکی که سرمایشون کمه، باید این سرمایه رو به جاهایی اختصاص بدن که براشون بیشترین سود رو داشته باشه. پس باید با توجه به شرایط خودتون، اولویت طراحی یه سایت سازگار با موبایل رو برای شرکتتون بسنجید. اما چطوری؟ برای اینکار باید برید سراغ آنالتیکز سایتتون. برید به قسمت overview < mobile < audience تا ببینید چند نفر از کاربرهای سایتتون از کاربرهای موبایلن. البته شاید علت کم بودن مخاطب موبایلی سایتتون ربطی به گرایشات مخاطب های حوزه کاری شما نداشته باشه، بلکه بیشتر بخاطر عدم سازگاری سایتتون با دستگاه های همراه اینطور شده باشه. پس باید راجع به اینکه مخاطب های شما چطور و چه وقتهایی بیشتر از موبایل استفاده میکنن، تحقیق کنید. ابزار Consumer Barometer و AdWords Display Planner برای اینکار مناسبن.
نه – درسته که app ها برای استفاده روی موبایل طراحی شدند، اما دلیل نمیشه که سایتتون بتونه تو آزمون سازگاری با موبایل گوگل قبول بشه. گوگل پارسال این مسئله رو روشن کرد و گفت نصب برنامه های اینچنینی سایت رو سازگار با موبایل نمی کنه و بنابراین تو صفحه نتایج نمیتونه برچسب "سازگار با موبایل" بگیره. منظور بنرهاییه که وقتی کاربر سایتی رو با موبایلش باز می کنه، کل صفحه رو میگیرن و برای یه app تبلیغ می کنن و کاربر رو برای نصبش ترغیب میکنن.
اگه به این نتیجه رسیدید که واقعا به یه سایت سازگار با موبایل نیاز دارید، میتونید از یکی از این روشها وارد عمل بشید:
طراحی سایت واکنشگرا (ریسپانسیو) که گوگل هم رسما همین توصیه رو کرده.
سایت دینامیک
طراحی یک سایت مجزا برای کاربران موبایل
یکی رو که بیشتر با اهدافتون جور در میاد انتخاب کنید. ما هر کدوم رو جداگونه توضیح میدیم و مزایا و معایبشو نام میبریم تا راحتتر انتخاب کنید:
طراحی سایت واکنشگرا برای تمام دستگاه ها از یک کد HTML استفاده می کنه و برای تغییر نمایش سایت برای نمایشگرهای دستگاه های متفاوت با اندازه های مختلف از کدهای CSS بهره میبره، و چون HTML و URLها همیشه ثابت میمونن، گوگل راحتتر میتونه این سایت رو بخزه. با اینکه گوگل بارها اعلام کرده که این روش به روشهای دیگه ارجحیت داره، اما هنوز مشخص نیست که این مسئله مستقیما روی رتبه سایت اثر خواهد داشت یا نه.
1- URLها در همه دستگاه ها یکسان می مانند.
2- HTML در همه دستگاه ها ثابت می ماند.
3- فهرست بندی سایت برای گوگل راحتتر خواهد بود.
4- نگهداری سایت در مدت طولانی راحتتر خواهد بود.
5- سرعت بارگذاری سایت سریعتر خواهد بود (چون نیازی به ریدایرکت ندارد)
6- روش مورد توصیه گوگل است.
1- هزینه اولیه طراحی بالاتر
2- واکنشگرایی به خودی خود نرخ تبدیل مشتری رو تضمین نمی کنه.
هزینه نگهداری سایت های واکنشگرا در مدت های طولانی به شدت کمتره، اما هزینه های طراحی اولیه بالایی داره. به علاوه، چون نیازی نیست کاربرها به نسخه موبایلی سایت ریدایرکت بشن، معمولا سایت های واکنشگرا زودتر لود (بارگذاری) میشن.
سایتهایی که از خدمات دینامیکی بهره میبرن هم در همه دستگاه ها URL یکسانی خواهند داشت، اما HTML و CSS رو بسته به دستگاه تغییر میدند (اما تو طراحی واکنشگرا فقط CSS تغییر میکرد). چون محتوای موبایل از دید خزنده های کامپیوتری گوگل پنهانه، اگه سایت یه هدر HTTP متفاوت نداشته باشه که به این مسئله اشاره کنه، گوگل مشکل میتونه نسخه سازگار با موبایل سایت رو ببینه.
1- URL ها در تمام دستگاه ها ثابت میمومنن.
2- برای کاربرهای موبایلهایی که نمیتونن CSS رو نمایش بدن، بهتره (این گوشی ها تو خیلی از کشورهای جهان رایجند)
3- میتونن برای دستگاه های خاصی بهینه بشن.
4- امکان بهینه سازی برای کلیدواژه های مخصوص موبایل وجود داره (مثلا: "رستوران نزدیک من" یا سایر کلیدواژه هایی که GPS رو هدف میگیرند).
1- اجرای صحیح سایت دشواره (و اگه درست اجرا نشه میتونه مشکلات جدی بوجود بیاره).
2- هزینه نگهداری نسخه های متفاوت سایت بالاتره.
همونطور که گفتیم طراحی سایت واکنشگرا به خودی خود بهینه سازی مناسبی برای کاربرهای تلفن همراه ضمانت نمی کنه. از طرفی کاربرهای موبایل هم رفتارهای متفاوتی از کاربرهای کامپیوترهای شخصی از خودشون نشون میدن، بخصوص تو انتخاب عبارتهای جستجو. مثلا چون گوگل میتونه موقعیت دقیق کاربر رو با دستگاه های GPS بسنجه، کاربرهای موبایل بیشتر عبارت "نزدیک من" رو سرچ می کنن. اگه شرکتتون یا صفحه فرودتون کاربرهای موبایل رو هدف گرفته، این ویژگی میتونه خیلی براتون مفید باشه.
همونطور که از اسمش مشخصه، یه سایت جداگونه برای موبایل (یا تبلت) ساخته میشه و URLهاش رو با نسخه کامپیوتری تطبیق میدن. وقتی وارد سایتی میشید که به یه URL حاوی حرف m. ریدایرکتتون میکنه، یعنی از این روش استفاده شده. مثلا website.com اگه روی موبایل دیده بشه تبدیل میشه به m.website.com
1- هزینه اولیه توسعه سایت کمتره.
2- میتونید کنترل بیشتری روی بهینه سازی های خاص موبایل داشته باشید (مثلا میتونید عناصری از سایت رو که ضروری نیستند یا معیار نیستند رو حذف کنید و بیشتر روی نرخ تبدیل مشتری تمرکز داشته باشید).
1- هزینه و زمان نگهداری سایت بخاطر داشتن نسخه های متفاوت بالاست.
2- نیاز به ریدایرکت های 302 هست تا هر صفحه مخصوص کامپیوتر رو به صفحه موبایلی مناسب ارتباط بدیم.
3- در برخی موارد، اشتراک گذاری لینک بین نسخه های موبایلی و کامپیوتری برای کاربرها گیج کننده میشه.
استفاده از یه نسخه موبایلی جداگونه برای یه صفحه بهتون اجازه میده که کنترل و بهینه سازی بیشتری داشته باشید، اما نگهداری هر دو نسخه باید به وبمسترها سپرده بشه.
یک روش خاصی برای طراحی سایت سازگار با موبایل وجود نداره و نمیشه گفت یه روش از بقیه بهتره. هر کدوم معایب و مزایای خودشو داره. من توصیه میکنم به این هم فکر کنید که از چند روش در کنار هم استفاده کنید. راجع به این چیزی که گفتم تحقیق کنید. مثلا شاید یه سایت واکنشگرا برای بیشتر کارهاتون کافی باشه، اما بخواهید بعضی از صفحات سایتتون برای یه کمپین هدفمند، خاص موبایل طراحی بشن. بهترین انتخاب برای شما بستگی به اهدفت خودتون، مخاطبتون و بودجتون داره. برای همین باید طراحی سایت و سئو با هم ترکیب بشن – نه اینکه به یکی بعد از اجرای دیگری رسیدگی کنید.
تجربه کاربری و رابط کاربری دو بخش مجزا در پروسه طراحی هستن، اما انقدر بهم گره خوردند که وجودشون بهم وابسته شده و یکی بدون دیگری وجود نداره. اجازه بدید این دو تا رو تعریف کنم تا گیج نشیم.
تجربه کاربری یه اصطلاح خیلی گسترده است، اما تو موضوع بحث ما میشه خیلی ساده تر تعریف بشه: ارتباط بین محصول و کاربرش. تجربه کاربری تو حوزه دیجیتال همواره در حال گسترش بوده، چون کاربرها بیشتر میشن و فناوری ها پیشرفت می کنن و امکاناتی رو میدن که کاربر میتونه به طور مؤثرتری با سایت ارتباط برقرار کنه. به این سوال فکر کنید: "رئیس جمهور بعدی امریکا کی انتخاب میشه؟" الآن امریکا درگیر انتخاب رئیس جمهورشه و شما اگه یه سایت مرتبط با سیاست پیدا کنید باید تو صفحاتش عمقی بگردید تا جسته و گریخته اخبار انتخابات به چشمتون بخوره. اما گوگل فورا جوابتونو میده و اتفاقا جوابش هم خیلی مفیده، پس میشه گفت تجربه کاربری خیلی خوبی داره. اینطوری راحت به نظر میاد، اما از نظر طراحی، رسیدن به حداکثر تجربه کاربری چالش برانگیز و مشکله. این که چقدر تو تلاشهاتون موفق بشید، بستگی به هدف کاربر داره و وقتی مجبور باشید با اهداف مختلف کاربرهای مختلف تطابق پیدا کنید، میشه گفتن ساختن یه تجربه کاربری جذاب کار سختیه.
حالا که تجربه کاربری رو تعریف کردیم، نوبت میرسه به رابط کاربری. اجازه بدید یه مثال بزنم تا روشنتر منظورم مشخص بشه: ما داریم یه سایت برای یه رستوران پیتزا درست می کنیم. میخواهیم کاربرها بیان تو سایت و منوی رستوران رو ببینن و پیتزا سفارش بدن. خب من الآن یه هدف کاملا واضح تعریف کردم و تجربه کاربری هم مشخصه: ما میخواهیم شما پیتزا سفارش بدید. این قالب مشخص صفحات سایت میشه رابط کاربری. به عبارت دیگه رابط کاربری محیطی هست که پیتزا توش سفارش داده میشه، اما تجربه کاربری میزان رضایت شما هنگام استفاده از این محیطه. تعیین بازده این قالب برای سایت کار آسونی نیست. چطوری میخواهیم کاربر رو از صفحه نخست سایت ترغیب کنیم که دکمه سفارش پیتزا رو فشار بده؟
ما بی نهایت حق انتخاب داریم. طراحی های قدیمی معمولا انقدر پر از قابلیت های مختلف بودن که چند سال طول می کشید تا صفحه محصولات سایت کامل باز شه. اگه شما محو رابط کاربری بشید این اتفاقها میفته. مثل الاکلنگ میمونه. پس یه ارتباط طبیعی بین تجربه کاربری و رابط کاربری وجود داره. بهترین تعادل وقتی بوجود میاد که موقع طراحی رابط کاربری دائما به تجربه کاربری و اینکه کاربر چطور سایت شما رو تجربه خواهد کرد فکر کنید.
برای این منظور یه سری قوانین وجود داره تا بتونید برنامه های خوبی بسازید. این وظیفه طراح های رابط کاربریه که یه راهنمای مشخصی درست کنن. طراح های رابط کاربری باید در سراسر محصول (سایت) یک زبان طراحی ثابت بکار ببرن. صفحات محصول باید به طور واضح و شفاف با طراحی های تجربه کاربری ارتباط برقرار کنن.
حالا که اصول رو شرح دادیم، وقتشه با ابزارهای معروف تجربه کاربری و رابط کاربری آشنا بشیم:
ابزارهای برتر تجربه کاربری / رابط کاربری در سال 1395:
این ابزار یه ابزار بدون استرس و مشکل، برای آزمایش سایته. میتونه برای تحقیق در مورد کاربر و آزمایش طراحی اولیه به کار بره. با آزمایش افراد متخصص میتونید مخاطبین جدیدی برای اپلیکیشنتون پیدا کنید، از فاصله دور تست های کاربری اجرا کنید و ظرف یک ساعت نتایج رو ببینید. این آزمایش یه ویدئو از تغییرات چهره کاربر و واکنش های احساسیش به اپلیکیشن ذخیره می کنه.
با تستیفای می میتونید رنگهای هر سایتی رو کپی کنید. وقتی URL رو تو منوی جستجوی بالایی وارد کنید میتونه کد دقیق رنگ ها رو ببینید.
با UXPin میتونید سایت یا اپلیکیشن طراحی کنید. در واقع به شما امکان توسعه یه وایرفریم lo-fi به یه پروتوتایپ hi-fi رو میده. UXPin یه ابزار درگ و دراپ ارائه میده تا یه تجربه کاربری تعاملی داشته باشه و بتونید بدون کدنویسی تصاویر متحرک بسازید و الگوهای رابط کاربری طراحی کنید. این ابزار با فتوشاپ و Sketch کار می کنه و میتونید فایلهای استاتیکتونو بدون از دست دادن لایه ها به مدل های تعاملی تبدیل کنید.
این ابزار خیلی شبیه فتوشاپه اما اسکچ یه ابزار ویرایش عکس مختص طراحی دیجیتاله، در حالی که فتوشاپ گستره وسیعتری از وظایف رو متقبل میشه. اسکچ از منطق CSS استفاده می کنه و در نتیجه انتقال طرح رو برای توسعه راحتتر می کنه. به علاوه قابلیت برش (crop) خودکار داره و میتونه فقط با یک کلیک عکس رو به فرمت های مختلف تبدیل کنه. اسکچ جهتیابی ساده ای داره و کار باهاش راحته.
این یکی کمتر شناخته شدست و یکمی هم ارزونتره، اما با این حال امکانات خوبی داره مثل ویرایش عکس، لایه بندی غیرقابل تخریب، ویرایش مسیر و انتشار دسکتاپ. ضمنا قابلیت وارد کردن و صادر کردن چند لایه ای EXR هم داره.
این ابزار هم آزمایش کاربر انجام میده اما فقط تست A/B. این تست استفاده از دو نسخه متفاوت از محصول شما رو با هم مقایسه می کنه و کمکتون می کنه بر اساس نتایج آزمایش یه تصمیم بهتری بگیرید.
وقتی روی یه تم رنگ کلیک کنید، این ابزار کمکتون می کنه که تضاد رو متعادل کنید تا خوانایی صفحاتتون حفظ بشه. برای کسب یه تجربه کاربری خوب، باید از طریق تضاد رنگی، خوانایی رو افزایش بدید.
این یکی رایگانه و توی فکر کردن و تصمیم گیری کمکتون می کنه. با استفاده از نقشه های ذهنی انتها باز، نمودار رسم می کنه. برای سازماندهی کارها هم فوق العادست. میتونید با استفاده از تنظیمات بصریش خیلی سریع متوجه نحوه کارش بشید و اهدافتونو شخصی سازی کنید.
این ابزار یه وایتبرد دیجیتالی با ابزار کارآمده که تو طراحی تجربه کاربری کمکتون می کنه. گروهتون میتونن با استفاده از Mural ایده های ذهنیشونو بریزن بیرون و مفاهیم رو سازماندهی کنن. از فایلهای یوتیوب، Vimeo Slideshare، گوگل درایو و اورنوت پشتیبانی می کنه.
گوگل این ابزار رو ساخته که به طراح ها تو طراحی قالب های واکنش گرا کمک کنه. خود گوگل این ابزار رو یه بازدید کننده تعاملی توصیف کرده.Resizer دنبال نقاط ضعف طراحی تو موبایل، تبلت و کامپیوتر میگرده. میتونه سایت رو از هر URLی به قالب های مختلف ببره تا ببینید برای هر نمایشگر کدوم قالب بهتره.
همه روزه داریم با تبلیغات مختلفی که سعی می کنن مارو برای سریع تصمیم گرفتن متقاعد کنن بمباران میشیم. فقط کافیه تعداد دفعاتی که در روز پیام هایی مثل "طعم بهتر"، "ماندگاری طولانی"، "بوی تازگی"، "مقاوم" و "طبیعی" رو میشنوید رو بشمرید. شاید این بازیهای فکری شما رو به خرید یا امتحان یه کالا تشویق کنن، اما در نهایت این شمایید که باید تصمیم آخر رو بگیرید و ببینید با استانداردهای شما جور هستن یا نه. در مورد پیدا کردن یه تیم طراحی سایت هم اوضاع همینطوره. باید شرکتهای مختلف رو ببینید و بهترین گزینه رو انتخاب کنید. ما 5 گام ساده داریم که میتونه تو یه انتخاب خوب بهتون کمک کنه:
از شهر خودتون طراح سایت انتخاب کنید. اگه دسترسی محلی داشته باشید زندگی خیلی راحتتر میشه.
اگه سایت شرکت طراحی سایت یا فرد طراح سایت کامل نبود (اطلاعاتش ناقص بود) قطعا سایت شما هم همینطوری تحویل داده میشه!
اگه به نظرتون زیادی عالی و افسانه ای اومد ... "مثلا طراحی سایت با قیمت زیر 200 هزار تومن"، مطمئن باشید سایتی که تحویل میگیرید به همون اندازه هم می ارزه.
اگه تا چند هفته آینده نمیتونن باهاتون ملاقات داشته باشن، یعنی زیادی سرشون شلوغه و بنابراین نمیتونن به اندازه کفایت به سایت شما توجه کنن.
وقتی مشکلی در ارتباط با سایتتون داشتید، یا برای بازاریابی سایتتون نظری دادید باید سریع بهتون جواب بدن.
اگه یه شرکتی اونچه رو که لازم دارید ارائه نمیده، دنبال یه نفر یا شرکتی بگردید که ارائه بدید.
نسبت به شرکتهای فروشنده صفتی که فورا برای پروژه سایتتون قیمت تعیین میکنن هشیار باشید! یه تیم خوب طراحی سایت، اول نظرات شما رو بررسی می کنه و بهتون پیشنهاداتی میده که اونها رو هم در نظر بگیرید، همه این کارها هم زمان میبره و بنابراین روی هزینه نهایی تأثیر خواهد داشت.
از شرکت طراح سایت بخواهید یه کپی از قراردادهاشونو بهتون نشون بدن تا ببینید با استانداردهای شما مطابقت داره یا نه.
وقتی چند تا طرح پیشنهادی دیدید، شخصیت گروه رو بسنجید، سایت های مشتری ها رو ببینید و بهترین و خلاق ترین تیم رو برای پیشبرد پروژه سایتتون انتخاب کنید.
نکته آخر: دیگه گذشت اون روزها که میگفتن فقط کافیه یه سایت بسازید. اگه سایت بسازید، مشتری ها سرازیر میشن. با خلاقیت سایتتون رو تبلیغ کنید، بروز نگهش دارید و به طور مرتب کاربرهای جدید پیدا کنید. اطمینان حاصل کنید که شرکت طراح سایتتون برای تبلیغ سایت بعد از راه اندازیش، براتون خدمات بازاریابی دیگه ای هم انجام میده.
سایتتون مثل یه خونه قدیمی خالی، یا مثل یه مزرعه جن زده شده؟ از هر گوشه ای صداهای مخوف به گوش میرسه ولی هیچی نیست، انگار که روح داره. صدای قهقهه های ارواح خبیث تو اتاقهای تاریکش اکو میشه و صدای جیغ میشنوید؟ خیلی از کاربرها با همچین سایتهایی مواجه شدند. تو این مقاله میخواهیم چند تا از دلایل رایجی که باعث میشه مردم از سایتتون بترسن رو بررسی کنیم. اگه این دلایل رو برطرف کنید، همین آدما تبدیل میشن به مشتری های شرکتتون، پس زودتر دست به کار بشید:
هر کاربری که از سایتتون دیدن می کنه، قطعا با فهرست جهتیابی سایتتون در ارتباطه. پس باید کار کردن باهاش راحت باشه، واضح و تعداد گزینه های فهرست محدود باشه. جهتیابی سایتتونو همونجایی بذارید که اکثر سایتها میذارن – مثلا اگه رو نوار بالای سایت بذارید، کار کردن باهاش هم خیلی راحتتر از وقتیه که وسط صفحه باشه.
تو این چند سال اخیر راجع به یکی از محبوبترین مدل های جهتیابی – فهرست همبرگری سه گزینه ای که وقتی روش کلیک کنید باز میشه – بحث های زیادی بود تا جایی که Spotify دیگه از این فهرست های همبرگری استفاده نکرد، اما طراح ها و کارشناس های تجربه کاربری دیگه معتقدن این روش سازماندهی هنوز هم ارزش و اعتبار خودشو داره.
در هر حال از هر نوع فهرستی که استفاده می کنید، باید حتما ساده باشه و در مکان مناسبی قرار گرفته باشه و تعداد گزینه هاش به کمترین حد ممکن باشه تا کار کردن باهاش برای مردم راحت باشه.
درخواستهایی که از کاربرها دارید (درخواست برای اقدامها) تو عبور کاربرها از قیف خرید اثر زیادی دارن. خیلی از سایتها هنوزهم مثل یه ماز تاریک می مونن با کلی مسیرهای پیچ در پیچ. کاربر نمیدونه اگه روی یه چیزی کلیک کنه از کجا ممکنه سر در بیاره و گم میشه.
هر بخش از سایت باید به طور واضح و خاص مرحله بعدی خودشو برای کاربرها مشخص کنه. اگه مردم گیج بشن و ندونن بعد از خوندن صفحه فرود باید چی کار کنن، احتمال داره از سایت خارج بشن و جذب یه سایت دیگه بشن.
برای اینکه همچین چیزی پیش نیاد، بیشتر از یکی دو تا درخواست نداشته باشید، مثلا برای عضویت یا دریافت مطالب غیررایگان. مگر اینکه بخواهید کاربرها رو با توجه به ویژگیهاشون دسته بندی کنید. به طور واضح و شفاف برای کاربر توضیح بدید که اگر روی دکمه درخواست برای اقدام کلیک کنه، چه مزیت هایی نصیبش میشه، مثلا هفتگی براش ایمیل های حاوی بن تخفیف می فرستید، یه کتاب الکترونیک راجع به روند املاک و مستغلات دانلود می کنه، یا تو قرعه کشی هفتگیتون برای آیپد شرکت داده میشه؟
خیلی سخته که آدم وارد یه سایتی بشه و بخواد یه ساعت درگیر باشه که متن نوشته شده رو به زبون روون برای خودش ترجمه کنه و منظور نویسنده رو بفهمه. البته فکر نکنید فقط غلطهای املایی و نگارشی باعث همچین مشکلی میشن، بیشتر سایت ها بخاطر اینکه مطالبشونو پر از اصطلاحات تخصصی کردن، یه محتوای بی معنی و سنگین تحویل خواننده میدن. حتی بعضی جمله ها رو اگه چندبار هم بخونید تازه متوجه میشید اصلا هیچ معنی خاصی نمیده.
مثلا اینو ببینید:
شرکت فلان بازاریابی رو به مرحله بعد میبره!
میشد به جاش اینو نوشت:
شرکت فلان به مشتری ها در جذب خریدار و پخش کردن مطالبشون در سطح نت، کمک می کنه.
جمله دوم دیگه شعاری نیست و اطلاعات بیشتری ارائه میده. میتونید از اصطلاحات و تمثیل و عبارت های طنز هم استفاده کنید، اما دقت کنید که حتما تعداد زیادی محتوای با ارزش با اطلاعات مفید و معتبر روی صفحتون بذارید تا کاربرها استفاده کنند.
ترسناکترین چیز در مورد یه تجربه خرید بد، تأثیریه که در طولانی مدت روی هزینه های شرکتتون میذاره. بیشتر خریداران آنلاین حتی از مرحله اول پروسه خرید هم رد نمیشن. آمار نشون میده بیشتر از 50% کاربرها بعد از کلیک روی دکمه خرید، وقتی به اطلاعات پرداخت میرسه صفحه خرید رو میبندن. با این وجود بعضی از صفحه های خرید با تجربه خوبی که به کاربر میدن، کاربر رو به راحتی تا انتهای فرایند خرید همراهی می کنن.
خرید کردن روی سایتتون باید تا حد ممکن ساده باشه و امکان ذخیره اطلاعات سفارش وجود داشته باشه تا مردم بتونن بعدا برگردن و سفارششونو نهایی کنن. بعضی ها دفعه اول خرید نمیکنن.
اجازه ندید صفحات سایتتون کاربرها رو به وحشت بندازه – دقت کنید که طراحی، کاربر رو به سمت جلو (خرید) پیش ببره، جهتیابی ساده باشه، نوشته ها واضح و مشخص باشن و پروسه خرید از فروشگاه اینترنتی راحت باشه. کاربرها تو سایتی که خوب طراحی شده باشه، به جای اینکه از ترس جیغ بزنن، با خوشحالی آواز میخونن.