اگه شما محصولاتتونو تو مغازه میفروشید اما برای فروش آنلاین برنامه ای ندارید، باید بگم سود زیادی رو دارید از دست میدید. فروش آنلاین میتونه موقعیت های زیادی براتون ایجاد کنه. امریکا با توسعه فروشهای آنلاین تونست با فروش 176/2 میلیارد دلار تو سال 1388، فروشش رو 12/6 درصد افزایش بده و قصد داشت تا آخر امسال این مقدار رو به 278/9 میلیارد دلار برسونه.
حالا نظرتون چیه؟ آماده اید که چند تا از این فروشگاه های آنلاین رو با هم بررسی کنیم؟ چون برای بعضی از کسب و کارهای کوچیک بدلایلی مثل کمبود وقت، بودجه و کارمند، طراحی وب سایت فروشگاه آنلاین ممکنه سخت باشه و بهتره دست پر به سراغش برید.
تو این مقاله به 10 سوال مهمی که قبل از ساخت فروشگاه آنلاین برای هر کسی پیش میاد جواب داده میشه. با استفاده از نکاتی که اینجا از فروشنده های آنلاین براتون ارائه میشه، میتونید فروشگاهتونو نسبتا ساده و با هزینه های کمتر راه بندازید.

• ساخت فروشگاه آنلاینمو از کجا شروع کنم؟

اگه از پس هزینه های طراح سایت برنمیایید نگران نباشید. خیلی از فروشنده های آنلاین هستن که میتونن تو ساختش کمکتون کنن. یکی از این فروشنده ها مشکلات کدنویسی، میزبانی، نگهداری سایت روی سرور شخصی رو از جمله مشکلاتی میدونست که اول کار باهاشون روبرو شده بود.
برای طراحی ظاهر کلی سایتتون و ایجاد حس و حال مناسب و تعیین عملکردهای فروشگاه آنلاینتون میتونید از سایتهایی مثل شاپیفای، Bigcommerce، Goodsie، Jumpseller و Volusion استفاده کنید. این سایتها امکان آپلود فایل، ایجاد سبد خرید فروشگاهی و تأمین امنیت پرداختها رو روی سرور خودشون فراهم میکنند. میتونید از سایت اصلی شرکتتون به فروشگاه آنلاینتون لینک بدید.
برای ارائه خدمات فروشگاهی از طریق این سایتها که معرفی کردیم، باید یه سری تنظیمات اولیه ای انجام بدید. مثلا تو شاپیفای باید از بین یه سری قالبها یکی رو برای خودتون انتخاب و بعد، با تغییر فونت، رنگ و اندازه تصاویر محصولات به صورت دلخواه، شخصی سازیش کنید. کاربرهای شاپیفای میتونن تصویر پس زمینه و لوگوی برند خودشونو روی شاپیفای آپلود کنند.
قیمت این جور خدمات میتونه از ماهی 35000 تومن تا 2450000 تومن متغیر باشه و به شدت به تعداد محصولات و نوع خدماتی که ارائه میدید بستگی داره.

• چطور میتونم ظاهر فروشگاه آنلاینمو بهتر شخصی سازی کنم؟

در اغلب موارد میگیم اگه در حال حاضر برای شرکتتون سایت دارید، سایت فروشگاهیتون باید از نظر ظاهری (مثل لوگوها و تم رنگی) بتونه سایت شرکتتونو انعکاس بده. اما اگه سایت شرکتی ندارید، پس زمینه و رنگی انتخاب کنید که مکمل لوگوتون باشه.
بیشتر فروشنده های آنلاین تم هایی برای فروشگاهشون انتخاب میکنند که برای شخصی سازی نیازی به دانش HTML و CSS نداشته باشند. در این صورت آپلود لوگو و تصاویر محصولاتتون و گذاشتن بنر و اسلایدر و غیره براتون ساده میشه.

• چه نوع سیستم پرداختی انتخاب کنم؟

از سیستم های مشهورتر و شناخته شده برای بخش پرداخت سایت فروشگاهتون استفاده کنید تا از نظر امنیتی مشکلی براتون پیش نیاد.
بعضی هاشون نیازی به پرداخت های ماهیانه و عضویت هم ندارند، بلکه به جای اینکه مجبور باشید یه مبلغ ثابتی رو در ماه پرداخت کنید باید درصدی از پولی رو که انتقال داده میشه بپردازید و شاید یه مقدار کمی هم به ازای هر انتقال.
یکی از شرکتهای ایرانی که خدمات درگاه پرداخت به سایتها و وبلاگها ارائه میده، سایت payplus.ir هست که با ثبت نام رایگان، امکان ایجاد درگاه های پرداخت بانکی نامحدودی رو در اختیارتون قرار میده.
Pay.ir هم علاوه بر کیف پول آنلاین، خدمات اتصال سایت به سیستم پرداخت شتاب کشور و تهیه فرم پرداخت ارائه میده. هزینه خدمات این سایت طبق گفته خودشون از 0 تا حداکثر 2500 تومن متغیره.
البته ما فقط بهتون این سایتها رو معرفی کردیم ولی خودتون بیشتر تحقیق کنید و با سرچ گوگلی سایتهای بیشتر و سوال از فروشنده های دیگه بهترینشونو انتخاب کنید.

• چطور خدمات مشتری رو مدیریت کنم؟

برای اینکه بتونید بطوری شایسته به نگرانی های مشتریهاتون جواب بدید، میتونید از ابزارهای قابل اعتمادی که برای مدیریت روابط مشتری (CRM) در دسترس فروشنده ها قرار گرفتند استفاده کنید. برای این ابزار باید یه مبلغی هم ماهیانه پرداخت کنید.
ابزار CRM ساختار و روش همه روشهای ارتباط تجاری با مشتری (از جمله اطلاعات تماس، خریدهای اخیر، نقدها و سفارشات در حال انتظار) رو یه جا جمع میکنه.
یکی از بنیان گذاران شرکت Girl Charlee Inc بعنوان یه فروشنده آنلاین به فروشنده هایی که میخوان وارد عرصه آنلاین بشن پیشنهاد کرده یه شماره تلفن رایگان به خدمات مشتریهاشون اختصاص بدن. یه کار دیگه اینه که چت زنده روی سایت فروشگاهتون راه بندازید، اما دقت کنید در صورتی این کارو انجام بدید که بتونید به صورت شبانه روزی قادر به پاسخگویی مشتریها باشید چون وقتی چت آنلاین میذارید مشتریها اینطور توقع دارند.

• چطور هزینه ارسال رو تعیین کنم؟

همیشه اگه هزینه ارسال رو بطور دقیق روی سایت بذارید هم درست تره و هم کارتون راحتتره. بعضی شرکتهای حمل و نقل بزرگ براتون هزینه های ارسال رو رایگان حساب میکنند و بیشتر فروشگاه سازها هم بهتون امکان وارد کردن قیمتهارو در بخش پرداخت میدن.
از طرف دیگه شاید بخواهید به مشتریها ارسال رایگان ارائه بدید یا مثلا به خریدهای بیشتر از یه مبلغ مشخصی ارسال رایگان ارائه بدید. اگه میبینید رقبای مستقیمتون دارن این کارو میکنند، شما هم اگه میتونید همین کارو کنید.

• چطور تصاویر و توصیفات خوبی از محصولاتم داشته باشم؟

خریداران آنلاین نمیتونن محصولات شما رو لمس کنند، بو کنند یا ببینند. بنابراین بهتره تصاویری که از کالاها میذارید شفاف و واضح باشند. اصلا نباید تو این قسمت صرفه جویی کنید، اما مجبور نیستید حتما یه عکاس بگیرید. خودتون میتونید با یه دوربین DSLR 16 مگاپیکسلی، یه نورپردازی خوب و جعبه نور عکسهای خوبی بگیرید. جعبه نور یه محفظه شبیه چادره که توش چند تا چراغ داره و معمولا عکاسهای حرفه ای ازش برای گرفتن عکسهای روشن استفاده میکنند.
یکی از فروشنده های آنلاین رو وبلاگش نوشته بود که توصیف محصولات باید کوتاه باشه و در عین حال به اندازه کافی جزئیات جالب توجه داشته باشه تا بتونه مشتری رو به خرید راغب کنه. سعی کنید از صفت ها و عبارتهایی استفاده کنید که توجه مشتری رو جل کنه و جای زیادی هم نگیره. اگه دوست داشتید، علاوه بر نوشتن قیمت، ابعاد محصول، کاربردها و سایر ویژگی های کالا رو هم بنویسید.

• جایی برای نقدهای مشتری ها و به اشتراک گذاری روی شبکه های اجتماعی هم بذارم؟

اگه مشتریها بتونن در مورد محصولاتتون نظر و بهشون رتبه بدن، اعتماد بیننده ها به فروشگاهتون بیشتر میشه. نظرات مثبت و اشتراک گذاری ها میتونه به فروشتون کمک کنه اما خطر نظرات منفی هم هست. معمولا فروشگاه های آنلاین بخش نظرات هم دارند و شما میتونید به نظرات مشتریهاتون جواب بدید یا نظراتی که دوست ندارید رو حذف کنید.
اگه خوشتون نمیاد میتونید بخش نظرات رو فعال نکنید و به جاش بذارید مشتریها روی فیسبوکتون محصولاتتونو لایک کنند یا تصاویر محصولاتتونو روی اینستاگرام بذارید یا عکس محصولات و توضیح مختصری ازشون رو مستقیم ایمیل کنید.

• چطوری میتونم خریدار جمع کنم؟

بعد از اینکه فروشگاهتون دایر شد، اسمشو همه جا – هم آنلاین و هم تو دنیای واقعی – پخش کنید. تو سایت شرکتتون بهش لینک بدید، تو کمپین های خبرنامه های ایمیلی آدرسشو بنویسید، میتونید براش فیسبوک، توئیتر، یوتیوب، تلگرام و اینستاگرام بسازید و فروشگاهتونو معرفی کنید. سایتهای شبکه های اجتماعی شرکتتونو چند بار در روز بروز کنید تا ترافیک رو روونه فروشگاهتون کنید و توجه مردم رو به فروشهای روزانه و سایر تبلیغاتتون جلب کنید.
بهتره از سایتهایی استفاده کنید که خودشون به طور خودکار برای محتوای فروشگاهتون سئو (بهینه سازی موتور جستجو) انجام میدن. بکارگیری روشهای سئو میتونه باعث گرفتن رتبه بالاتری روی موتورهای جستجو بشه.

• کالاهای مرجوعی رو چطور مدیریت کنم؟

همه فروشگاهها باید با کالاهای مرجوعی کنار بیان. دو بار بررسی کنید که سایت فروشگاه آنلاینتون ابزار مناسب برای پس دادن پول خریدها یا جایگزینی کالاها رو داشته باشه. به مشتریهاتون ایمیل بزنید و از وضعیت کالای برگشت زده شده باخبرشون کنید.

• چطور میتونم موفقیت فروشگاهمو ارزیابی کنم؟

سعی کنید سایتی برای فروشگاهتون انتخاب کنید که خودش به صورت رایگان بهتون خدمات آنالتیکس (تحلیل نتایج) ارائه بده. معمولا این خدمات بر پایه گوگل آنالتیکس یا ابزارهای گزارش گیری کار میکنند و بهتون امکان ارزیابی عملکرد فروشگاهتونو در طول زمان مشخصی میدن. مثلا میتونید متوجه بشید که چند نفر دارن از سایتتون دیدن میکنند و این افراد هر چند وقت یه بار به سایتتون سر میزنن، کجا زندگی میکنند و چطوری سایت شما رو پیدا کردند، یا مثلا میتونید بفهمید کدوم سایتها بیشترین ترافیک رو براتون میفرستند و مشتریها بیشتر کدوم محصولات رو میبینند و کدوم کالا بیشترین یا کمترین خریدها رو دارن.

اینجا متخصص های طراحی سایت، نکات حرفه ایشونو در مورد ساخت سایت مؤثر رو میکنند.
برای هر کسی، یه سایت بهتر یعنی یه تجربه بهتر. کاربرها باید بتونن بدون مشکل و نگرانی به اطلاعات مورد نیازشون دسترسی داشته باشند. توسعه دهنده ها و طراح ها باید سایتهایی بسازند که بروزرسانی و نگهداریش راحت باشه. یه سایت بهتر باید خیلی بالاتر از "مؤثر" باشه، باید بتونه روی مشتریها و کسایی که ساختنش"اثر خوبی بذاره".
یه سایت بهتر یعنی یه سایت مؤثرتر. تأثیرگذاری قلب پروژه های ماست، حالا این تأثیرگذاری میتونه به صورت در دسترس بودن ظاهر بشه یا واکنشگرا بودن یا استراتژی محتوا یا عملکرد بهتر بارگذاری صفحات. از انتخاب CSS درست تا جواب دادن به سوالات مهمی که به پروژه زندگی میبخشه، همه رو شامل میشه. اثرگذاری به معنی سریعتر شدن نیست، به معنی بهتر شدنه، به معنی همراه شدن و درک دیگرانه.
تو این مقاله نکاتی از متخصصهای مختلف جمع شده، برای همین توصیه هایی که اینجا نوشته شده موضوعات متنوعی رو در بر میگیره که همه در نهایت به دنبال تأثیرگذاری بهتر هستند. هر کدوم از این توصیه ها فقط اشاره کوچیکیه که دعوتتون میکنیم بیشتر در مورد تک تکشون تحقیق کنید و برای طراحی سایتهاتون بکار بگیرید.
ما هرچی بیشتر اطلاعاتمونو با دیگران در میون بذاریم، بیشتر هم بدست خواهیم آورد. امیدواریم مطالب این مقاله به دردتون بخوره.

• سوال بپرسید

باید ببینید این سایتو قراره برای کی میسازید. این افراد چرا همچین سایتی لازم دارن؟ کجا قراره ازش استفاده کنند؟ از چه دستگاههایی (موبایل، کامپیوتر، تبلت) استفاده میکنند؟ شما خودتون باهاشون صحبت کردید؟ اگه نکردید، کی صحبت کرده؟ چطوری میخواهید از خوبی سایت مطمئن بشید؟ برنامه ای برای امتحانش دارید؟ قراره برای هر گروه از مشتریها یه شخصیت نمادین درست کنید؟ میدونید دقیقا ازتون میخوان چی طراحی کنید؟ جوابی برای این سوالها دارید؟ نه؟ پس بهتره قبل از شروع ساخت سایت، براشون جواب پیدا کنید.

• به کدهاتون گوش کنید

سایتتون دقیقا همون شکلی میشه که کدهای HTML تون بگن، موتورهای جستجو هم دقیقا همونها رو میخونن و سایتتونو همونطور میبینن. وقتی HTML رو با توجه به معنیش بنویسید میتونید تجربه بهتری برای کاربر و موتورهای جستجو رقم بزنید و به علاوه، مزایای دیگه ای هم برای خودتون بوجود بیارید.
حتما کیفیت صفحاتتونو روی نمایشگر چک کنید. اگه صفحه ای در دسترس نبود یا خراب بود، کدهاتونو اصلاح کنید. نمایشگرها در واقع فراتر از یه صفحه ساده برای نمایش سایت هستند. ازشون در طراحی تمیزتر، معناگراتر و حفظ راحتتر مارک آپ استفاده کنید.

• از دسترس پذیری ذاتی حفاظت کنید

میگیم، وب یه محیط دسترس پذیره. یه سند HTML باید بتونه در دسترس هر کسی، با هر وسیله ای، روی کندترین اتصالات اینترنتی قرار بگیره. هر تصمیمی که شما به عنوان طراح یا توسعه دهنده اتخاذ کنید ممکنه از این دسترس پذیری ذاتی حفاظت کنه یا باعث تخریبش بشه. میبینید چه قدرتی دارید؟ ازش هوشمندانه استفاده کنید.

• از مزایای بارگذاری مشروط استفاده کنید

هر صفحه وب شامل یه چیز مفید و یه مشت چیزهای دیگه است که هدف اصلی کاربر از باز کردن صفحه نبوده. بارگذاری مشروط یه ابزاره که میشه باهاش تجربه ای فول امکانات بسازید و سرعت بارگذاری صفحاتتونو با دادن اولویت به محتوای اصلی بالا ببرید. چیزهایی مثل دکمه های اشتراک گذاری مطلب، بخش نظرات، پست های مرتبط و غیره حواشی هستند.

• برای نوشتن از تابع Cubic-bezier استفاده کنید

ترجمه CSS با انیمیشن راحتتره، اما اگه همونو با عملکردهای زمانبندی سفارشی کنید خیلی عالی میشه.

عملکرد زمانبندی انتقال: cubic-bezier(0.250, 0.250, 0.750, 0.750); /* linear easing */

اگه فکر میکنید نوشتن تابع Cubic-bezier با دست کار شما نیست، نگران نباشید. میتونید با ابزار Ceaser خیلی سریع یکی از معادلات رو بکار بگیرید یا خودتون معادله بنویسید.

• از عبارتهایی که بیشتر سرچ میشن استفاده کنید

وقتی ارتفاع صفحه ای که باز میشه کم باشه، تجربه کاربری بهتری در اختیار بیننده ها قرار میده. برای اینکار میتونید با توجه به طراحی سایتتون از انواع مختلفی استفاده کنید، اما اگه نوع درستی رو انتخاب کنید که هماهنگی خوبی بوجود بیاد دیگه نیاز به اسکرول کردن زیاد صفحه نیست و خوانایی صفحه بهتر میشه. اگه سایت بخشهایی داره که مثل نوتیفیکیشن جدا باز میشن، ارتفاع اونها رو هم کم کنید.

• از دور به نمای کلی نگاه کنید

قبل از شناخت تمام مشکلاتی که قراره حل کنید، تصیم های تخصصی نگیرید. اگه خیلی زود بخواهید راه حل ارائه کنید، یعنی تجربه رو کنار گذاشتید و فقط از دانش بهره میبرید. بهتره کمی عقب برید و نمای کلی پروژه رو تو ذهن بیارید.
خیلی از فناوری ها میتونن هر کاری بکنید، اما به نظرتون واقعا نیازی هست؟ باید ببینید هر کدوم روی مردم، فرایندها، فناوری و تجربه چه اثری دارند؟

• فایلهای CSS تون رو طبقه بندی کنید

طبقه بندی اسامی فایلهای CSS باعث میشه راحتتر به محتواشون پی ببرید. اینطوری هر وقت بخشی از سایت خروجی نمیداد، بذارید .config.scss، و اگه فایلی بخشهای دیگه رو وارد میکرد .manifest.scss..

• از ذخیره آسان تصاویر کمک بگیرید

تصاویر واکنشگرا پیچیده اند اما وقتی همراه با RICG بکار گرفته بشه میتونه موقعیت خوبی برای برد بهتون بده، به عبارت ساده تر، سایت رو برای کاربرها متمایز میکنه. یکی از این کارها اینه که یه نوع جایگزین دیگه هم روی منبع بذارید تا کاربرها بتونن از هر فرمتی که دوست داشتند استفاده کنند.

picture>

    <source type="image/webp" srcset="image.webp">

    <img src="image.png" alt="A rad wolf.">

</picture>

WebP برای مرورگرهاییه که از WebP پشتیبانی میکنند و برای تصاویری که نمیکنند فقط یه ol' PNG ساده بذارید، در هر دو صورت فقط یک درخواست نمایش داده میشه.

• استاد رفع عیب در جاوااسکریپت بشید

هیچ وقت قدرت console.log رو دست کم نگیرید. هر وقت میخواهید یه خط خاص رو بفهمید، با یه اطلاعات مفیدی تگش کنید. یه چیزی مثل console. log('foo; a=', a) کمک میکنه اونو در ارتباط با عملکرد foo بشناسید. وقتی میخواهید یه مشکلی رو رفع کنید، هر جایی رو که به نظرتون ارتباط میتونه داشته باشه رو با console. log('boom1')، console.log('boom2') و ... لاگ کنید تا بتونید ببینید دقیقا کجای کدتون مشکل داره.

• تصاویر پس زمینه رو واکنشگرا کنید.

برای داشتن تصاویر پس زمینه واکنشگرا (ریسپانسیو)، صرف نظر از عرض نمایشگر، باید تصاویر رو واکنشگرا کنید. استفاده از  کد CSS زیر برای ساخت تصاویر پس زمینه واکنشگرا بکار میره:
background-size:cover;
علاوه بر مقیاس پذیر شدن تصویر با اندازه نمایشگر، نسبت پیکسهای تصویر هم بدون نیاز به مارک آپ یا قوانین دیگه خودکار میشه.

• برای ساخت سیستم های شبکه ای از میکسین استفاده کنید

با بهره گیری از Sass mixin میشه سیستمهای شبکه ای خیلی خوبی ساخت.
سیستم شبکه ای میونه هر تعداد که بخواهید ستون داشته باشه، اما خود mixin تعداد کل ستونها و با تعداد کل شیارها رو مشخص میکنه (یه شیار کمتر از تعداد ستونهاست).
بعد ستونهای شناور رو از سمت راست (برای متون انگلیسی) منظم میکنه. میکسین وابسته به متغیره به خصوص وابسته به عرض ستون و شیار. در آخر هم یه :last-of-type  حاشیه همه رو تا آخرین ستون همه ردیفها منظم میکنه.

• به مبحث ها فکر کنید نه به صفحات

استفاده از موبایل-اول محتوای صفحه رو اولویت بندی میکنه و تصمیم میگیره که کدوم بخشها مهمترند و کدومها میتونند به ترتیب در مراحل بعدی بارگذاری بشن. اما این روش هم فرض رو بر این میذاره که رابط کاربری حضور داره. برای اینکه یه سایت جهانی و دردسترس بسازید باید فراتر از ظاهر رو ببینید. با استفاده از یه روش جایگزین میتونید به صفحاتتون به شکل بخشی از صحبتهای تلفنی نگاه کنید؛ ببینید کاربر چه اطلاعاتی ازتون میخواد و صفحه وب چطوری به این درخواست واکنش نشون میده.

• از صفحه کلید پشتیبانی کنید

وقتی دارید یه رابط کاربری تعاملی میسازید، حواستون باشه که از صفحه کلید پشتیبانی بشه. کلیک های ماوس هم ممکنه به صفحه کلید بسته شده باشن، وقتی محتوای جدید نمایش داده میشه یا پنهان میشه باید تمرکز صفحه کلید بروز بشه و دکمه escape هم باید باعث کنسل کردن دستورات بشه. با بکارگیری این مراحل، همه کاربرها از تجربه ای مشابه ماوس برخوردار میشن.

• سریع روی مرورگر طراحی کنید

یکی از راههای خیلی خوب طراحی ویژگیهای مختلف درون مرورگر اینه که اون قابلیت جدید رو مستقیما توی کدها اسکچ بزنید. عنصر والدِ قابلیت جدید رو  در سطحی مثل اسکچ مشخص کنید تا بتونید نشون بدید این قابلیت در حال پیشرفته و یا با نمایش سریع همه بیتهای اون طرح، همزمان با هم، یه خروجی تمیز ارائه بدید.

• کدهاتونو ساده کنید

تا حالا شده مجبور بشید، در صورتی که نتیجه امتحانی درست از آب در اومد، یه چیزی رو برگردونید؟ مثلا فرض کنید میخواهید یه چیزی مثل اینها رو بنویسید:

if (user.isAdmin()) {

    return password;

} else {

    return false;

}

میتونید همشو به صورت زیر ساده کنید:

return user.isAdmin() && password;

• عرضها رو به صورت درصدی بنویسید

یکی از روشهای تبدیل سایت از فرمی با پهنای ثابت به فرمت واکنشگرا، اینه که همه عرض ها رو به صورت درصدی بنویسید. اگه عرض ظرف اصلیتون 900 پیکسل باشه به عرض حداکثر تغییرش بدید، و ستونها و سایر عناصر رو به درصدی که روی صفحه اشغال میکنند تغییر بدید و با واحد پیکسل مشخص نکنید. حالا برگردید و سایتتونو روی چند دستگاه مختلف نگاه کنید تا ببینید چه ایده ای خوبی بود. اینطوری کمتر و راحتتر از چیزی که فکر میکردید به نظر میرسن.

• برای عنوان ها حوزه تعیین کنید

با نوشتن فیلد عنوان برای مطالبتون میتونید همه رو روی پشت صحنه سایت (بک-اند) طبقه بندی کنید و ظاهر سایت رو شفاف و مرتب جلوه بدید. اینطوری برای ویرایشگرها هم کار راحتتره چون مشخصه هر عنوان مربوط به چه حوزه ای میشه. یکیش باید برای جهتیابی باشه، یکیش باید عنوان صفحات رو مشخص کنه که معمولا با <title> مشخص میشه. و یکیش هم باید در سیستم مدیریت محتوا استفاده شه تا همه چیز رو به ترتیب نمایش بده. اینها رو هر طور که سازمانتون میخواد ترکیب و هماهنگ کنید.

• استفاده از گیت

با بکارگیری گیت در وقتتون صرفه جویی کنید. یه فایل جهانی برای فایلهایی که هیچ وقت نمیخواهید اجرا بشن بکار بگیرید. یه فایل gitignore در gitignore بذارید و بعد میتونید $ git config--global core.excludesfile ~/.gitignore.

• از Git hooks استفاده کنید

یه فناوری جدید اومده که اثر کار ما رو افزایش میده و میتونیم تعلقات بیشتری رو بکار بگیریم. چند نفر به طور منظم از Sass برای مدیریت مدلهاشون استفاده میکنند؟ یا از ابزارهایی مثل JSLint برای جاوااسکریپت؟ ابزارهایی که برای یکی کردن، فشرده کردن و کش کردن متعلقاتتون بکار گرفته میشن؟
ما همیشه ناخواسته فراموش میکنیم که یه سری دستورات و فایلهای قدیمی رو حذف یا درست کنیم. با استفاده از Git commit hooks دیگه هیچوقت یادمون نمیره. فقط باید یه چندتا تله از قبل مشخص کنیم و بعد همه این دستورات هر زمان که ما تغییری اعمال میکنیم اجرا میشن.

• از مشکلات و اشتباهات درس بگیرید

هر چقدرم که برنامه تونو تست کرده باشید و از دستگاه های مختلفی استفاده کرده باشید، باز هم ممکنه مسائل پیش بینی نشده ای اتفاق بیفتن. شما هیچ وقت نمیتونید برنامه ای راه بندازید که باگ نداشته باشه، پس بیایید به کاربرهاتون درباره مشکلاتی که موقع کار با سایتتون روبرو میشن توضیح بدید و کارشونو راحت کنید.
با استفاده از یه فرم ساده از سایت خودتون از قدرت GitHub API بهره مند بشید. خطاهای سرور رو گزارش و آنالیز کنید و از یه چیزی مثل window.onerror برای حفظ خطاهای جاوااسکریپت استفاده کنید (یا اول کدتون از {} catch(e) {} استفاده کنید). یه نفس عمیق بکشید و با هوشیاریتون کارتونو عالی کنید.

• سرعت سایتتونو حس کنید

عملکرد سایتتون باید از آبشارها هم جلو بزنه. میتونید با سایت Webpagetest.org از نحوه لود سایتتون در طول زمان فیلم بگیرید، فقط کافیه تو بخش تنظیمات پیشرفته، گزینه "فیلم گرفتن" رو تیک بزنید. اینطوری میتونید سرعت سایتتونو از موقعیت های مکانی مختلف و روی دستگاه های متفاوت حس کنید و ببینید کاربرهاتون چه تجربه ای دارند.

• از نوارهای طولانی برای انتخاب استفاده نکنید

دیگه برای تاریخ تولید از نوارهای انتخاب استفاده نکنید. خیلی از سایتها همچین قسمتی دارن. دیگه رایج شده که روی سایتها باید یه نوار انتخاب برای تاریخ تولد باشه اما نتایج تحقیقات نشون میده فهرستهای بلند بالا برای نوارهای انتخاب کار رو برای کسایی که خیلی با فناوری میونه خوبی ندارند سخت میکنه. به جاش یه کادر بذارید که خودشون متن رو وارد کنند. اینطوری حتی کسایی که زیاد از کامپیوتر استفاده نمیکنند هم میتونن همون فرم کاغذی رو روی وب وارد کنند.

• اندازه آیکونها رو با background-image: cover; مشخص کنید

اگه از قابلیت background-image برای افزودن عکس به آیکون استفاده میکنید، یه گزینه دیگه برای اینکار استقاده از background-image: cover; است. تو تئوری، اگه تصویر آیکون گوشه های گردی داشته باشه هم میتونید از background-image: cover;  استفاده کنید، اما ممکنه بخشی از عکس آیکون حذف بشه. این کار باعث میشه اندازه تصویر متناسب بشه.

• مختصر و مفید باشید

تو ایمیلها و کدهای دستوری خلاصه وار عمل کنید. اگه میخواهید تو نوشتن هم مختصر و مفید عمل کنید میتونید به جامعه توئیتر بپیوندید.

اگه میخواهید طراح وب خوبی باشید نباید به ضروریات تخصصتون اکتفا کنید و باید مهارتهای خیلی بیشتری کسب کنید. یکی از چیزهایی که میتونه باعث موفقییتون بشه، بروز بودن و آگاهی از آخرین نکات و مدهای طراحی سایت در جهان آنلاینه.
اگه دکمه توقف رو فشار بدید و یکم به خودتون فرصت بدید، میتونید با طراحی ها و مدلهای جدید و نوظهر آشنا بشید. در عوض میتونید پروژه هاتونو، چه مال خودتون، چه مال مشتریها، تحویل بدید. اینطوری میتونید مهارتهاتونو تو این پروژه ها نمایش بدید. همین مقاله با نکات طراحی میتونه تجهیزتون کنه، بعد از خوندنش وقت مناسبی برای انجام پروژه ها و سرعت بخشیدن به جریان کاریتونه.
حتی اگه از اون آدمایی باشن که دوست ندارن از دیگران تبعیت کنند و تک رو هستید، باز هم اگه از مدهای جدید و نکات طراحی خبر داشته باشید، مزیت های خودشو داره. مثلا یکی از این مزایا اینه که وقتی با مشتریهاتون درباره سایتی که میخوان داشته باشن حرف میزنید و اونها یه چیزی یه جایی دیدند که میخوان سایتشون اونطوری باشه، بهتر میتونید متوجه حرفشون بشید و خواست و نیازشونو درک کنید.
موفقیت تو طراحی سایت براحتی به دست نمیاد. نیازی به گفتن نیست که اگه میخواهید مفید باشید و مدرن و جدید به نظر بیایید، باید برای موتورهای جستجو و نرخ تبدیل بهینه سازی انجام بدید و حتما تا جایی که میشه همیشه در حال یادگیری نکات و روشهای جدید باشید.
این مقاله نکات طراحی سایت مفیدی براتون ارائه میده که میتونید برای سایتهای وردپرسی و پروژه های مشتریهایی که روی سایتشون کار میکنید اجراش کنید یا اگر هم دوست نداشتید فقط ازشون با اطلاع باشید و از روشهای خودتون استفاده کنید.

• از راهنمای مدلها استفاده کنید

تو دنیای نشر، راهنمای مدلها رواج زیادی دارند. گاهی تو کتابها و مستندات بزرگی هستند که رسانه ها برای متحدالشکل بودن محتواشون، قوانینشو به کار میبرن. این راهنماها از نحوه نشون دادن و برچسب گذاری کشورها گرفته تا نحوه نوشتن اعداد، همه چیز رو توضیح دادند.
طراحان سایت میتونن راهنمای مدل خودشونو درست کنند تا همه سایتها یکپارچه بشن. این جور راهنماها به خصوص خیلی به درد طراح هایی میخوره که با آزادکارها کار میکنند. اگه راهنما خوب نوشته بشه میتونه کمک کنه اعضای گروه هر کدوم وظیفه خودشونو روی صفحه بدونند و همرمان روی یه صفحه کار کنند.
گوگل یه راهنما برای طراحی مادیگرا (متریال) بیرون داده که میتونه مثال خوبی باشه.

• ستونهای کناری رو کم کم حذف کنید

ستونهای کناری صفحه رو شلوغ میکنند. این ستونها با هدف افزایش کارایی سایت، از طریق نمایش عناصر جهتیابی، بوجود اومده بودند. با گذشت زمان بازاریابهای تازه کار، که میخواستن به یه طریقی فرم دریافت ایمیل و محتواهای تبلیغاتی دیگه ای رو تو سایتهاشون جا بدن، یه جورایی دزدیدنش. این محتواهای تبلیغاتی و فرمهای ایمیلی همیشه هم به نفع تجربه کاربری عمل نمیکنند. در حالی که در تئوری، این ستونهای کناری باید لینکها و محتوای مفید رو نمایش بدن تا تجربه کاربری از این طریق بالا بره. اما در عمل میبینیم که بازدیدکننده های خیلی کمی ازشون استفاده میکنند. بنابراین استفاده از این ستونها تو طراحی چندان به نفعتون نخواهد بود.
البته میشه از ستونهای کناری سایتهای وردپرسی استفاده های هوشمندانه تری هم برد.

• طراحی رو از بیرون نمایشگر شروع کنید

شما هم از اون دسته آدمایی هستید که با سرعت نور کد مینویسن و طراحی میکنن، و چون میدونن بعدا ویرایش و صفحه رو مرتب میکنند، اهمیت نمیدن این چیزها روی نمایشگر چطوری به چشم میان؟ اگه هستید، این مورد میتونه یه تنوعی تو نحوه کارتون بوجود بیاره.
به جای اینکه سریع بپرید سر کدنویسی و طراحی، چطوره اول با یه مداد و کاغذ یا با وایت برد ظاهر سایتتونو بکشید. با این کار میتونید جای عناصر رو مشخص کنید، مثل همون کاری که معمارها برای نقشه کشی انجام میدن و جای پنجره ها و درها و اتاقها رو مشخص میکنند.
اگه زیاد خوشتون نمیاد با مداد و کاغذ کار کنید، از ابزارهای وایرفریم سازی و طراحی سایت کمک بگیرید و قبل از اینکه شروع به توسعه محیط سایت کنید، اول هر چی سریعتر ایده هاتونو یه جا پیاده کنید.

• فونتهای بزرگتر استفاده کنید

البته تایپوگرافی بزرگ مد نشده و کاری به طراحی نداره اما چیز خوبیه. چون خیلی خوب میتونه توجه خواننده رو جلب کنه و حواسها رو به سمت محتوای سایت بکشونه.
روی نمایشگرهای کوچیکتر، مثل صفحه موبایل، خوانایی نقش مهمی تو محبوبیت سایت داره، به علاوه اینکه با طراحی های فلت و مینیمالیستی که طرفدارهای زیادی هم دارند جور درمیاد.
هرجا که جور درمیومد، حداقل اندازه 18 برای فونت نوشته هاتون انتخاب کنید تا بزرگی نوشته ها به چشم بیاد. این سایز رو برای متونی که تو تصاویر هدر هستن یا حتی متن روی صفحه اصلی  و عکسها اعمال کنید. اما حواستون باشه از فونتهای مناسب وب استفاده کنید تا اندازه ها با نمایشگر خوب دربیان، تا دیگه لازم نباشه خودتون برای انتخاب اندازه فونت عذاب بدید.

• فضای بیشتری تولید کنید

اگه سایت خیلی درهم و شلوغ باشه، فضای سایت رو پیچیده نشون میده و خواننده رو گیج میکنه. اصلا بخاطر همین گفتیم ستونهای کناری رو حذف کنید. اما علاوه بر این، باید سعی کنید به جای گذاشتن عناصر زیادی روی صفحات، فضای بیشتری روی سایتتون ایجاد کنید. این کار هم در عین ایجاد ظاهر بهتری برای طراحی، در جهت کشوندن توجه خواننده به محتوای اصلی و چیزهای مهمتره.
به این فضا معمولا فضای سفید یا فضای منفی میگن، اما لزوما همیشه هم سفید نیست، به خصوص اگه سایتتون تصاویر بزرگی روی هدرها و صفحه اصلیش داشته باشه.
سعی کنید تو طراحیتون شلوغی رو به حداثل برسونید و اطراف و بین عناصر فضای خالی بیشتری داشته باشید تا کاربر رو روی سایت هدایت کنید. فضای سفید مشخص میکنه که کاربر باید به کجا توجه کنه.

• طراحی واکنشگرا انتخابی نیست

استفاده از موبایل برای اتصال به اینترنت رو به افزایشه. یعنی الآن سازگار کردن سایتها با موبایل از هر زمان دیگه ای مهمتره.
برای همین هم یکی از نکات طراحی سایت، استفاده از طراحی واکنشگراست. قبلا واکنشگرا کردن سایت خیلی ساده بود، اما الآن با پیشرفت فناوری باید چیزهای بیشتری رو موقع واکنشگرا کردن سایتتون در نظر بگیرید. مثل بهینه کردن تصاویر، استفاده از فهرست های همبرگری و خیلی چیزهای دیگه.
شاید هم بخواهید از طراحی سایت موبایل-اول استفاده کنید.

• از طراحی موادگرای گوگل بهره ببرید.

گوگل طراحی موادگرا (متریال) رو سال 1393 معرفی کرد و طراح های دیجیتال هم به سرعت پیروی کردند.
اگه از طرحی فلت استفاده کرده اید، شاید وقتش باشه که مدل طراحیتونو بروز کنید و این بار طراحی موادگرا رو بکار بگیرید. نکته اصلی تو این فریم ورک طراحی استفاده از لایه های مختلف برای ایجاد سایه های زیبا در گوشه عناصره که باعث میشه عمق بیشتری به طراحی فلت مینیمال بده.
اگه میخواهید این کارو شروع کنید میتونید به مقاله هایی که دارکوب درباره طراحی متریال منتشر کرده مراجعه کنید.

• ابزارتونو گسترش بدید و بهتر کنید

اگر حس میکنید کارهایی که قراره انجام بدید میتونه مؤثرتر یا حداقل لذت بخش تر باشن، میتونید با یکم سرچ ببینید آیا ابزار جدیدی برای این نیازهاتون هست یا نه.
همونطور که نکات طراحی سایت داره هر لحظه به روز میشه و مرتبا نکات جدیدتری رو کار میان، ابزارهای طراحی هم مدام اضافه میشن و ابزارهای تازه ظهور میکنن. از برنامه های رایگانی مثل Pixate گرفته تا آپدیت هایی مثل Adobe CC apps for web designers. بد نیست همیشه یه نیم نگاهی هم به چیزای جدید داشته باشید تا کارتونو بهتر کنید و بیشتر ازش لذت ببرید.

• جهتیابی سایتتونو ساده کنید

شاید فکر کنید اگه کلی لینک روی فهرست جهتیابی، ستونهای کناری، میون پستها و حتی روی صفحه اصلی سایتتون بذارید میتونید مردم رو بهتر روی سایتتون نگهدارید، اما شاید نتیجه عکس بده. سیستم های جهتیابی پیچیده، چون حق انتخاب های زیادی به مردم میده، نتونن تصمیم بگیرن و کلا از سایتتون خارج بشن.
وقتی موارد کمتری تو فهرستهای جهتیابی و ستونهای کناری میذارید شلوغی سایتتون هم کممیشه. اینطوری ظاهر طراحی سایتتون بهتر میشه و به تجربه کاربری و نرخ تبدیل آسیب نمیزنه و حتی بهینه اش میکنه.

• با تصویرها بازی کنید

کیفیت عکسهایی که روی سایت استفاده میکنید رو ارتقا بدید. به جای اینکه خودتونو راحت کنید و برید سراغ تصاویر رایگان دانلودی که هر کسی میتونه با یه سرچ روی سایتهای دیگه ببینه، یکم وقت و هزینه بذارید و حداقل از سایتهایی که عکس های خاص میفروشن، عکس بخرید.
از اون بهتر اینه که خودتون عکس تهیه کنید، حالا چه خودتون عکسها رو بگیرید چه بدید عکاس براتون این کارو بکنه. میتونید هم از ترکیبی از هر دو استفاده کنید. اگه با عکسهاتون تایپوگرافی هم ترکیب کنید دیگه میزان اثرگذاری رو بیشتر خواهید کرد و بهتر میتونید پیامتونو به مخاطب منتقل کنید.
استفاده از تصاویر خوب میتونه بهتون در رسیدن به نتایج دلخواه کمک بزرگی کنه و محتواتونو از بین محتوای سایتهای دیگه خاص تر و بیادماندنی تر جلوه بده.

• اسلایدرها رو حذف کنید

استفاده یا عدم استفاده از اسلایدها موضوع خیلی بحث برانگیریه.
در اکثر موارد واقعا باید از طراحی ها حذف بشن، به خصوص وقتی میخواهید عناصر حواس پرتی رو کم کنید تا کاربرها راحتتر بتونن رو سایت بچرخن. اسلایدر هم حواس کاربر رو پرت میکنه و هم نمیذاره راحت رو سایت بچرخه. از این نظر شباهت زیادی به ستونهای کناری داره، چون گزینه های زیادی پیش روی بازدیدکننده ها میذاره و حتی تعداد خیلی کمی از کاربرها ازشون استفاده میکنند.
اگه نگران صفحه اصلی سایتتون هستید، فاضی بیشتری به هدر اختصاص بدید که طراحی استاتیک خاصی داشته باشه و بتونه شفافانه برندتونو برای مشتری تعریف کنه. تکرار میکنم، از تایپوگرافی بزرگ استفاده کنید تا تصاویر استاتیک جذابیت بصری بیشتری بدید و طراحی ای بهتر از اسلایدرها نمایش بدید.

• تست A/B رو یاد بگیرید

خیلی از این نکاتی که برای طراحی سایت تا اینجا گفتیم کلی و بر اساس مدهایی بودند که تو فضای دیجتالی ظهور کردند، اما تضمینی نیست که رو سایت شما اثر کنند.
ضمنا فکر نکنید مجبورید از این نکات تو طراحی سایتتتون استفاده کنید و روشهای قبلیتون یا مدهای قدیمی رو کنار بذارید.
شاید شما یا مشتریتون بخواهید روی سایت اسلایدر داشته باشید یا یه ستون شلوغ بذارید کنار سایتتون و توجهی به از مد افتاده و بی اثر بودنشون نکنید. ولی اگه بخواهید میتونید یه طراحی جدید بکار ببرید و با تست A/B مقدار اثرشو امتحان کنید. میتونید این تستو بین پیشنهاد خودتون و چیزی که مشتری ازتون میخواد انجام بدید تقسیم کنید تا برای برتری پیشنهاداتتون شاهد و دلیل هم داشته باشید.
میتونید برای نحوه بکارگیری تست A/B به مقاله دارکوب مراجعه کنید.

تو طراحی تجربه کاربری یکسری عوامل پنهانی هستند که اونها تعیین میکنند آیا شما یه مشکل رو حل کردید یا باعث بروز یه مشکل جدید شدید.
چند روز پیش داشتم یه مقاله در مورد تجربه کاربری میخوندم، نویسنده میگفت کورتانا (یه برنامه ویندوز 10 که کارهای افراد رو به صورت صوتی بهشون یادآوری میکنه)، برخلاف قصدی که مایکروسافت از طراحیش داشته، سرِ کار کارایی خیلی کمتری داره و این هم بخاطره شرایطه. قسمتی از متن رو براتون عینا ترجمه کردم:
"اول اینکه کورتانا سرِ کار باعث میشه کارمندها بیشتر از اطرافیانشون فاصله بگیرند و مرزهای بزرگتری برای محدوده شخصیشون بذارن. از اونجا که همه میخوان زندگی خصوصیشون خصوصی بمونه، اونوقت سر کار هم باید فضاشون خصوصی بمونه. تحقیقات اخیر نشون میده که تلاش برای خصوصی نگهداشتن کار و زندگی به ذهن فشار زیادی میاره. وقتی مردم کورتانا رو بخوان اونطوری استفاده کنند که مایکروسافت تو اهدافش در نظر گرفته، اوضاع بدتر هم میشه.
دوم اینکه وقتی کارمندها از دستیار مجازی کورتانا استفاده میکنند، بنا به شرایطی که کورتانا بوجود میاره، طوری رفتار میکنند که انگار پادشاه یا ملکه محل کارشون هستن، نه حقوق بگیری که باید کار کنه. چون تعاملات صوتی این برنامه ایجاب میکنه که کارمندها یه محل شخصی برای خودشون داشته باشن، در حالی که چنین چیزی ندارند. عموما کارمندهای عادی همه با هم در یک محل مشترک کار میکنند، به علاوه چون ما حیوانات اجتماعی هستیم به تبعیت از قوانین نانوشته محل کارمون متمایلیم."
خلاصه اینکه اکثر ما زیاد راحت نیستیم که از یه روبات روی میزمون دستور بگیریم.

چه محصول، خدمات، نمونه کار روی سایتتون ارائه بدید یا یه فروشگاه آنلاین راه انداخته باشید، در هر حال سایتتون نه تنها باید انعکاسی از شما و برندتون باشه، بلکه باید محل مرکزی کسب و کارتون محسوب شه. ساده بگم، هیچ راه دیگه ای به جز این ندارید. هر کاری که برای بازاریابیتون میکنید به سایتتون ختم میشه. برای همین هم خیلی مهمه که حتما سایتتونو درست راه بندازید.
چون ساخت یه ظاهر آنلاین برای کسب و کار، خیلی خسته کننده و پیچیده است، میتونید حداقل برای راه اندازی سایتتون یکم کمک بگیرید. ما هم اینجاییم تا با مقاله هامون در رونق کسب و کارتون کمک کنیم. اگه این 5 اشتباه رو نکنید، دیگه باید خیالتون راحت باشه که سایتتون از نظر عملکردی آماده و کامله و میتونه کل کسب و کار آنلاینتونو مدیریت کنه.
قبل از اینکه کلی وقت و هزینه صرف سایتتون کنید یه قدم به عقب برگردید و دو تا برنامه یکی برای کسب و کار و یکی برای بازاریابیتون درست کنید.
وقتی ما درباره برنامه کاری یا همون کسب و کارتون حرف میزنیم منظورمون یه سند بلند بالا با تمام جزئیات نیست. فقط کافیه این برنامه به سوالات زیر جواب بده:
چه خدمات یا محصولاتی میفروشید؟
چه بازاری به محصولات شما نیاز داره و مصرف کننده های هدفتون کیا هستن؟
برای حل مشکلات مصرف کننده ها چه راه حلی دارید؟
رقباتون کیا هستن؟ میتونید ضعف هاشونو بزرگنمایی کنید؟
ظاهر آنلاین شما از چی تشکیل شده؟
مثل روش بازاریابیتون، اینجا هم اطمینان حاصل کنید که موارد زیر رو به جا به کار برده باشید. اینها در تولید ترافیک سایت و تبدیل بازدیدکننده به خریدار کمکتون میکنند:
یه تحلیل فروشگاه آنلاین / سیستم ردیابی مشتری مثل آنالتیکس.
درک تفاوت بین سئو و تبلیغات کلیکی.
درک اهمیت پلتفرم های اجتماعی.
بررسی تحقیقاتی که در مورد بازاریابی وابسته شده و در نظر گرفتن فروش از طریق پلتفرم های دیگه.
درست کردن یه برنامه کاری و بازاریابی ممکنه اولش براتون خیلی سخت باشه. اما هر دوشون شما رو به سمت راه اندازی سایت راهنمایی میکنن، چون سایت هم داره محبوبیت بیشتری جلب میکنه و هم رشدی میکنه و علاوه بر اینها، روشهای بازاریابی آنلاین بی شماری برای کمک به شما وجود داره. شما میتونید این روشها رو بررسی کنید و ببینید کدومهاش براتون مناسبند و کدومها به دردتون نمیخورن. فقط یادتون باشه که ممکنه بعضی جاها مثل سئو و تبلیغات کلیکی نیاز به کمک یه متخصص داشته باشند.

• شناخت کارهای دخیل

اگه فکر میکنید همین که یه سایت بسازید میتونید راحت و سریع پول پارو کنید متاسفانه در اشتباهید. پولدار شدن خیلی بیشتر از سفارش گرفتن و ارسال سفارشات کار میبره. یه پروسه ایه که نیاز به توجه کامل شما و کلی آزمون و خطا داره. مثلا باید تست کنید و ببینید کدوم تکنیکها برای جذب ترافیک جواب میدن و کدومها اثر ندارن.
حتی اگه بعضی از بخشهای کارتونو به منابع خارجی واگذار کرده باشید، باز هم باید حواستون چهار چشمی به ساختار کسب و کارتون باشه. دلیل نمیشه که فکر کنید چون آنلاینه یعنی مدیریتش با کسب و کار سنتی فرق داره. خلاصه کنم، آماده باشید که کلی وقت صرف ارتقا و درست کردن سایتتون کنید. اگه من بودم یه فهرست از کارهایی که باید انجام بدم درست میکردم و هر کدوم که انجام میشد، جلوش یه تیک میزدم.

• انتخاب پلتفرمهای فروشگاه آنلاین و میزبان اشتباه

با صداقت باید بگم وقتی یه سری هاستهای رایگان مثل بلاگر و ویبلی وجود دارند، دیگه چرا برای هاست خرج کنید؟ به خصوص وقتی گزینه های رایگان سریع و ساده راه اندازی میشن.
هرچند هاست های رایگان هم یه سری مشکلات دارن. برای تازه کارها مثلا یکی از مشکلاتش اینه که اگه اسم دامنه خودتونو نداشته باشید، مردم جدی نمیگیرنتون.  علاوه بر این، یه سری عملکردهای خاصی مثل اتصال به پلتفرم رسانه اجتماعی در دسترس نیست. بزرگترین بدیش اینه که سایت یا محتوا مالِ شما نیست. پس اگه ماهی 10 – 20 تومن هم خرج هاست کنید سرمایه گذاری بدی نمیشه، قبول دارید؟
برای انتخاب نرم افزارهای فروشگاهی از سرویس های شناخته شده و مشهور استفاده کنید. اینها امتحان خودشونو پس دادند و مرتب هم بروز میشن. مثلا:
برای فروشگاه آنلاین همراه با میزبانی میتونید از شاپیفای Shopify.com یا esty.com استفاده کنید.
برای نصب سفارشی شده از برنامه های نرم افزاری فروشگاهی محبوب از مجنتو، ووکامرس یا Cs-cart استفاده کنید.

• تمرکز بیش از حد روی وبلاگ

هممون اسم وردپرس رو شنیدیم، یکی از محبوبترین سرویس های وبلاگ نویسی. اما همیشه هم ساختن سایت بهترین گزینه نیست. من شخصا برای چند تا سایتهای خودم از وردپرس استفاده کردم – البته نه برای همشون.
وردپرس هم منبع خیلی خوبیه، فقط همیشه با مدل سایتی که ما میخواهیم تناسب نداره. مگر اینکه بخواهید اخبار ارائه کنید، وگرنه طبقه بندی سایت روی وردپرس یا هر پلتفرم وبلاگ نویسی دیگه ای مشکل میشه و شاید بهترین گزینه برای استارتاپ ها نباشه.
به عبارت دیگه وبلاگ نویسی ابزار خیلی خوبی برای ایجاد محتوا و جذب بازدیدکننده است، اما همیشه به معنی یک سایت مؤثر نیست. شما باید در کنارش سایت خودتونو داشته باشید. پس زیادی (فقط) روی وبلاگتون تمرکز نکنید.

• عدم رعایت تعدل بین طراحی و پیام

البته که طراحی سایت باید از نظر بصری جذاب باشه، چون قطعا هیشکی دوست نداره مردم بخاطر زشتی سایتش فرار کنن، اما زیبایی همه چیز نیست. بالاتر از داشتن یه سایت چشم نواز، باید پیامی رو که میخواهید به مشتری برسونید روی سایت نشون بدید. مثلا اهداف تجاریتون، برنامه یا کارهایی که برای بازدیدکننده هاتون در نظر دارید و محتوای باکیفیتی که قبلا درست کردید.
همه سایتهای عالی تو ذهن ها میمونن و از سایتهای دیگه برجسته ترند اما وقتی مردم شروع به خوندن متنش میکنند دیگه اون زیبایی میره تو پس زمینه ذهنشون قرار میگیره و کم رنگ میشه. چرا رعایت این تعادل انقدر مهمه؟ چون شما که نمیخواهید طراحی سایتتون حواس کاربرها رو از دلیل اصلی ساخت سایت – یعنی پیام بازاریابیتون - پرت کنه.
قطعا مشکلات بیشتری میتونه موقع راه اندازی سایت رخ بده، اما این 5 اشتباهی بود که شما روش کنترل دارید و باید قبل از پرده برداری از سایتتون مد نظر قرار بدید.

پرستاشاپ یه فروشگاه ساز منبع باز رایگانه که به بیشتر از 120000 سایت فروشگاه آنلاین در سرتاسر جهان خدمات رسانی میکنه. بیش از 275 افزونه و تسهیلات با دقت روش توسعه یافتند تا تجار بتونن با کمترین زحمتی فروششونو افزایش بدن. تمام امکانات این نرم افزار کاملا رایگان هستند.
پرستاشاپ یه نرم افزار رایگان دارای پروانه عمومی همگانی گنو است که در مرداد 86 به طور رسمی شروع به خدمات رسانی به کسب و کارهای متوسط و کوچیک کرد.
پرستاشاپ گذشته خوبی داره و حتی تونسته در سال 89 عنوان بهترین برنامه فروشگاه ساز منبع باز و در سال 90 بهترین برنامه تجاری منبع باز رو کسب کنه.
از سیستمهای پرداخت متنوعی مثل PayPal، Google Checkout، Payments Pro via API ، Authorize.net  و Skrill پشتیبانی میکنه. روی وب سرور 1.3 آپاچی و بالاتر، روی PHP 5 و بالاتر و روی مای اس کیو ال 5 استفاده شده و کار میکنه.
حدود 41 زبان در سطوح مختلف با این برنامه قابل استفاده اند، از جمله فارسی. اما فقط زبانهای انگلیسی و فرانسوی برای همه نسخه از پشتیبانی کامل برخوردارند. در پنل ادمین، در نرم افزار، آجاکس (AJAX) استفاده شده. میشه برای افزایش عملکردهای مختلف به فروشگاه آنلاین، به برنامه ماژول های دیگه هم اضافه کرد.
فرض کنید میخواهیم روی پرستاشاپ یه فهرست دینامیکی از محصولات رو مدیریت کنیم: رابط کاربری اجرایی کمکتون میکنه که با یک کلیک به راحتی بروزرسانی های پیچیده رو مدیریت کنید. صفحه پرداخت یک صفحه ای امکان مشاهده محصولات انتخاب شده و انواع روشهای ارسال ممکن رو به همراه جزئیات مورد نیاز (مثل مالیات بر ارزش افزوده، محدودیت های حمل و نقل، وزن و غیره) برای مشتری فراهم میکنه و مشتری میتونه پیام های مورد نظرشو با سفارش همراه کنه. بنابراین همونطور که میبینید پرستاشاپ در ساده کردن و راحت کردن کار مشتریها نهایت تلاششو کرده. پرستاشاپ در تبدیل مالیاتها بر اساس محل زندگی مشتری هم سیستم پیشرفته ای داره و به علاوه میتونه نرخ مبادلات رو شخصی سازی کنه. مشتریها میتونن واحد پولی رو که ترجیح میدن انتخاب کنند.
یکی دیگه از امکانات مهم این برنامه، تحلیل (آنالتیک) های سیستم و گزارش مشکلاته:

• ردیابی بازدیدکننده ها

میتونید ببینید مشتریهاتون چه کسایی هستن و از کجا میان. ضمنا میتونید آمار بی نظیری رو که پرستاشاپ براتون فراهم میکنه مشاهده کنید.

• مشاهده پروفایل مصرف کننده ها
• ردیابی سفارشات و فروشها

میتونید ببینید چه روزهایی بیشترین فروش رو داشتید و موفقیتتونو ردیابی کنید.

• کاتالوگ آمارها

میتونید اعداد و ارقام و آمارها رو درباره نحوه عملکرد محتوای سایتتون مشاهده کنید و بهترین فروشنده ها و کاتالوگهای برتر رو شناسایی کنید.

• آمارهای وابسته

میتونید ببینید کی براتون بیشترین ترافیک رو میفرسته و نسبت بهش بی تفاوت نباشید.
این برنامه ابزار بازاریابی و تبلیغاتی خیلی خوبی هم داره، مثلا ایمیلهای پیگیری خودکار، خبرنامه، برنامه های وفاداری که جوایزی رو برای مشتریها فراهم میکنند، برنامه های ارسال برای یک دوست که در ازای معرفی سایت توسط مشتری به دوستانش به مشتری تخفیف میدن. در نتیجه این امکانات میتونید به مشتریهاتون یادآوری کنید که دفعه قبل کجاها رو مشاهده کردند یا بیشترین صفحات مشاهده شده کدوم صفحات هستند. و فروشتونو با کوپن و تخفیف افزایش بدید.
پرستاشاپ یه برنامه فروشگاه ساز سبک و مفید و ساده است با مزایای بیش شمار. میخوام بهتون بگم که همه چیزهای خوب ساده هم هستند.
دارکوب آماده است تا سایتهای شما رو با قالب ها و ماژول های پرستاشاپ، مختص کسب و کار شما، براتون توسعه بده.
ما برای توسعه سایتهای فروشگاهی از فروشگاه سازهای متنوعی استفاده میکنیم که بسته به نیاز و خواست شما قابل تغییره. برای مشاوره در مورد سایت فروشگاهیتون با ما تماس بگیرید.

تا حالا پیش اومده با یه طراح گرافیکی به خاطر اینکه کار بدی تحویلتون داده دعوا کنید؟
درسته که شما متخصص نیستید ولی میدونید چی خوبه چی بد. چی به نفعتونه چی نیست. تنها چیزی که شما میخواستید یه سایت بود که کمک کنه تو عرصه آنلاین موفق بشید ولی به جاش یه مشت پیکسل رنگ شده تحویل گرفتید.
بد از همه اینکه حالا مجبورید دوباره همه اون مراحل رو طی کنید. چند ماه وقت از دست دادید، چند صد هزار تومنی از پولتون سوخته، به شهرتتون آسیب رسیده و کلی اعصابتون خورد شده. و حالا باید همه کارها رو دوباره تکرار کنید.
همه اینها مثل یه کابوس میمونه.
اما ما نمیذاریم دیگه این چیزا براتون پیش بیاد. چند تا راز هست که طراح های گرافیکی هیچ وقت بهتون نمیگن و دونستنشون میتونه تو وقت و هزینه های شما صرفه جویی کنه.

• راز اول: زیبایی مهم نیست

شما میخواهید سایتتون ظاهر خوبی داشته باشه و روی کاربرها تأثیر بذاره اما زیبایی نمیتونه منجر به فروش بشه.
اما یه تور راهنما میتونه. میتونید روی سایتتون یه تور راهنما بذارید و کسب و کارتونو به بازدیدکننده ها نشون بدید و بهشون خوش آمد بگید. چیزهایی رو که حتما دوست دارید کاربرها قبل از خروج از سایتتون ببینن بهشون نشون بدید. سایت شما هم مثل تور راهنماباید کاربرها رو درست راهنمایی کنه و به جایی که میخوان برن – و شما میخواهید برن - هدایتشون کنه.
حالا زیبا بودن بده؟
نه من نمیگم سایتتون زیبا نباشه. اگه میتونید هم زیبا باشید و هم نتیجه بگیرید خب خیلی خوبه، حتما این کارو بکنید. اما اگه فکر میکنید فقط باید یکیشو انتخاب کنید، نتیجه گرفتن رو انتخاب کنید. شاید گرفتن جایزه طراحی برای هر کسی خوشایند باشه اما براتون پول نمیشه.

• راز دوم: نیازی به بازسازی سایت نیست

فرض کنید دارید راجع به این فکر میکنید که چطوری خوش تیپ تر به نظر برسید. اگه از یه آرایشگر بپرسید بهتون میگه موهاتونو کوتاه کنید. اگه از فروشنده لباس بپرسید میگه یه دست لباس نو، اگه از یه کفاش بپرسید میگه با کفشای ... و .... قضیه رو گرفتید؟
حالا فکر میکنید اگه از یه طراح گرافیکی بپرسید چطوری سایتمو ارتقا بدم چی میگه؟
دقیقا.
دقت کنید که طراحی سایت فقط یه قطعه از پازله. اگه پیامتون اشتباه باشه و بخواهید محتواتونو اصلاح کنید چی؟ اگه برندتون بازار اشتباهی رو هدف گرفته باشه چی؟ اگه استراتژی بازاریابیتون مشکلی داشته باشه چی؟ اگه محصولات یا خدماتتون مشکل داشته باشن چی؟
نمیتونید که از 12 تا متخصص نظرشونو بپرسید – اگر هم بپرسید آخرش مجبورید همه عناصر روی سایتتونو تغییر بدید.
پس باید از متخصصی بپرسید که کارش عمومی تره و به سایت کلی تر نگاه میکنه. یکی که چند تا از عناصر روی سایتتونو تحلیل میکنه و محدوده مشکل رو پیدا میکنه. این متخصص ها همه عناصر رو میشناسن. میدونن عناصر در کنار هم چطور کار میکنن و هر کدوم چه سهمی در تبدیل مشتری دارن.
شاید تعجب کنید اگه بشنوید طراحیتون هیچ ایرادی نداره و فقط روش بازاریابی جدید نکته اش بوده یا نیاز به بهبود محتوای سایتتون دارید. اینطوری چند صد هزار تومنی هم صرفه جویی کردید.

• راز سوم: نیازی نیست خیلی پول خرج کنید

میگن هرچقدر پول بدی همونقدر آش میخوری، بعضی وقتا این حرف درسته. اما معنیش این نیست که باید کل زندگیتونو خرج یه طراحی سایت خوب بکنید.
خیلی از طراح ها هستن که از بی توجهی شما سوءاستفاده میکنن و به نفع خودشون از شما پولهای زیادی میگیرن و با استفاده از اصطلاحات فانتزی و زیبا حرف زدن چشماتونو میبندن.
حواستونو جمع کنید و اسیر این چیزها نشید.
بودجه تونو مشخص کنید و طراح هایی پیدا کنید که با همون بودجه کارتونو انجام بدن. دنبال طراحی بگردید که بتونه نوع سایتی که شما میخواهید رو متناسب با کسب و کارتون دربیاره. تو سایتها بگردید و ببینید اونهایی رو که خوشتون میاد کی طراحی کرده. وقت بذارید. این کار تو مخارجتون صرفه جویی میکنه.

• راز چهارم: نگهداری سایت گرون نیست

خیلی ها از مدیران صنایع به بهونه نگهداری سایت بیش از مقدار لازم پول میگیرن. چون هزینه های طراحی گرافیکی و توسعه سایت معمولا با هم حساب میشن، بعضی از شرکتهایی که به اصول اخلاقی  پایبند نیستند سعی میکنند مشتری رو تو یه چرخه ای بندازن که بتونن به بهونه هزینه های نگهداری سایت هر ماه ازش پول بگیرن.
اگه خواستن ازتون هزینه های بالایی برای نگهداری سایت بگیرن، بدونید که نیازی به این هزینه ها نیست.
هزینه هاستینگ؟ این روزها میتونید حتی با ماهی 10000 تومن هم پرداختش کنید، پس چرا خرج اضافی؟
نگهداری؟ چه نگهداری ای؟ آهان، ارتقاهایی که هر از چند گاهی انجام میشن. خب وردپرس و سیستم های مدیریت محتوای دیگه رو که خودتونم میتونید با یه دکمه بروزرسانی کنید.
تغییر محتوا؟ این هم با سیستم های مدیریت محتوا به راحتی انجام میشه. فقط باید وارد سایتتون بشید و دو سه تا کلیک کنید تا هزینه هاتون رو تغییر بدید، یه صفحه جدید به سایتتون اضافه کنید یا نوشته های قبلیتونو عوض کنید. همه این کارها رو خودتون میتونید انجام بدید.
اگه کسی بهتون گفت برای هزینه های نگهداری باید انقدر بپردازید، بپرسید در ازای اون پرداخت ماهیانه، چه خدماتی بهتون ارائه میدن. بعد برید رو گوگل و ببینید این کارهایی که میخوان انجام بدن چقدر ساده هستن.
دوست ندارید خودتون کارهای نگهداری سایتتونو انجام بدید؟ اشکالی نداره، یکی رو استخدام کنید تا براتون انجام بده. فقط مواظب باشید که بخاطر کارهای ساده ای که سریع انجام میشن، ازتون پول زیادی نگیرن.

• راز پنجم: لازم نیست خیلی زیاد خاص باشید

درسته که این روزها باید متفاوت باشید تا بهتر دیده بشید اما بعضی از طراح ها دیگه یکم زیاده روی میکنند و سایتی طراحی میکنند که اونقدر خاصه که همه قوانین رو میشکنه – اون هم نه در جهت بهتر شدن. و نهایتش اینه که سایت خاص شما برای کاربرها تبدیل میشه به یه تجربه گیج کننده.
طراح ها باید تو ساخت سایتها از قوانین مرسوم وب و کارایی تبعیت کنند چون این قوانین راهنمای جهتیابی ساده و سریع سایت شماست. اگه بشکنیدشون بازدیدکننده ها رو گیج میکنید.
مثلا مشتریها میدونن که معمولا RSS بالای سمت راست سایت قرار داره و لوگو هم معمولا بالای سمت چپ سایت (هرچند که تو سایتهای فارسی زبان، چون فارسی از راست خونده میشه باید لوگو سمت راست قرار بگیره، اما سایتها معمولا به تقلید از سایتهای انگلیسی لوگوشونو سمت چپ میذارن) و ستونهای جهتیابی هم که معمولا زیر قسمت هدر قرار دارند.
حالا اگه این رسومات رو بشکنید، یه تجربه بازدیدکننده ای ساختید شبیه قدم زدن در یک جهان ناشناخته. هیچ چیز اونجا که باید باشه نیست، همه چیز برعکسه و گیج کننده است.
و چی میشه؟
مردم از سایتتون خارج میشن. سایتتون به بهونه خاص بودن بی اثر و به دردنخور میشه.

• راز ششم: برندسازی مهارت خاصی است که از عهده هر طراحی برنمیاد

بیشتر طراح ها مهارت توسعه هویت برند ندارن. کارشون تو توسعه طراحی گرافیکی خیلی خوبه و میتونه هویت برند شما رو "انعکاس" بده. اما اگه بهشون اطلاعات مورد نیازشونو نرسونید، فقط بر اساس فرضیه ها کار میکنند.
یعنی فرض میگیرن که بازار هدف شما چه کسایی هستن و چه چیزهایی براشون جذابیت داره. ارزشهای کار شما و پیام بازاریابیتونو فرض میکنند. شخصیت برند شما و نوع تجربه ای که مشتریهاتون موقع کار کردن با شما یا خرید از شما باید داشته باشن رو فرض میکنند.
میدونید که ترجمه دیگه فرض گرفتن چی میشه، نه؟
بهتره قبل از اینکه طراح استخدام کنید، با متخصص های برندسازی کار کنید تا هویت برند شما رو توسعه بدن. یا کار دیگه ای که میشه کرد اینه که با طراح های گرافیکی ای کار کنید که برندسازی بلد باشن و بتونن سایتی طراحی کنن که هویت برند شما رو منعکس کنه. در غیر اینصورت آدمای اشتباهی جذب میکنید و کل سایتتون فقط میشه تلف کردن پول.

• راز هفتم: طراحی فقط کار با فتوشاپ نیست، باید روانشناسی هم بلد بود

این دیگه بزرگترین رازه.
راز سایتهای بزرگ فقط داشتن یه طراحی قشنگ و چند تا محتوای فریبنده نیست. راز واقعی در روانشناسی رو رفتار مشتریه.
طراح گرافیکی باید با روانشناسی رنگ آشنا باشه و بدونه چه تون رنگها و چه سایه هایی با چه آدمایی جور درمیاد. باید بدونه چه تصویری چه آدمایی رو جذب میکنه و برای چه کسایی جذابیت داره و چرا برای اونها جذابیت داره. باید بدونه وقتی آدما روی سایتها فرود میان و سایت شما رو جهتیابی مکنند تو ذهنشون چی میگذره.
آیا منحنی های نرم بهتر از دایره های هم مرکزند؟ آیا آبی بهترین رنگه یا قرمز تیره بهتره؟ چی باعث میشه مردم به سمت راست یا چپ سایت برن؟ سایت باید چه حالت احساسی در مخاطب ایجاد کنه؟ طراحی باید مدرن و ساده باشه یا رنگارنگ و برجسته یا نرم و راحت؟ چشم افراد به کجا حرکت میکنه و چی متوقفش میکنه؟
طراح های خوب جواب این سوالها و خیلی بیشتر از اینها رو میدونن. میدونن که هدفشون اثر گذاشتن روی ذهن و حالت روانی بازدیدکننده و درکی هست که از کسب و کار شما دارن. هرچی طراح ها بیشتر با رفتارهای مردم آشنا باشه، بدونه چی اونها رو به اقدام وامیداره و به چه طرقی به عناصر مختلف واکنش نشون میدن، بهتر میتونه روشهایی روی سایتتون بکار ببره که مخاطب رو برای خرید یا اقدام قانع کنه.
به این ترتیب سایتی برای شما میسازن که توجه ها رو به خودش جلب کنه و منجر به فروش بشه.
شما هم همینو میخواهید دیگه؟

اگه میخواهید یه سایت مسافرتی بسازید، چیزهایی زیادی رو باید در نظر بگیرید. این راهنما 5 تا از مهمترین عواملی که باید در نظر گرفته بشن رو براتون ذکر میکنه:

• ابزار فناوری مسافرتی

یکی از مهمترین عواملی که باید موقع راه اندازی سایت مسافرتی در نظر داشته باشید، اینه که از ابزار مختلف مختص این کار بهره ببرید. این ابزار میتونن شما رو در راه اندازی کسب و کارتون یاری کنند.
مثلا موتور بسته بندی دینامیکی، سیستمیه که براتون قیمتهای رقابتی ارائه میده، داده جمع میکنه، تهیه کننده پیدا میکنه، بودجه تونو بهبود میبخشه و کلی کار دیگه که میتونه به طرز حیرت انگیزی براتون مفید باشه.
در دارکوب، طراح های سایتهای مسافرتی ما، سیستمی رو برای سایتهای مسافرتی راه میندازن که مدیران این سایتها بتونن انبار خودشونو آپلود کنند و اگه بخوان با شرکت دیگه ای شراکت کنند و به صورت بسته تعطیلات روی سایت به فروش برسونن. علاوه براین برای مشتریها گزارشهای مالی و میزان فروش هم ارائه خواهند داد.
هدف از بکارگیری چنین ابزاری بهبود تجربه مشتری و به خصوص به حداکثر رسوندن میزان فروشه.

• انتخاب طراحی واکنشگرا

مردم برای دسترسی به اینترنت از دستگاه های مختلفی استفاده میکنند، از کامپیوتر، تبلت، گوشی. شما باید کاری کنید که کاربرهای سایتتون از هر وسیله ای که استفاده میکنند احساس رضایت داشته باشند.
طراحی واکنشگرا یا ریسپانسیو راه حل این مسئله است. با استفاده از این نوع طراحی فقط یه سایت دارید و باید از یه سایت نگهدارید کنید، اما همین یک سایت برای دستگاه های مختلف بکار میاد. طراحی واکنشگرا به شدت مؤثره، نگهداریش ساده است و مقرون به صرفه تر و راحتتره.
به خصوص اینکه با تغییراتی که گوگل اخیرا تو الگوریتمش داده، سایتهای واکنشگرا رتبه های بهتری روی صفحه نتایج جستجو خواهند گرفت. این هم خودش یه دلیل دیگه برای استفاده از سایتهای سازگار با موبایل.

• استفاده از سیستم مدیربت محتوا

سیستم های مدیریت محتوا کنترل بهتری روی سایت بهتون میده، یعنی میتونید خودتون به روزش کنید، تغییرش بدید و بدون کمک طراح امکانات بهش اضافه کنید.
به خصوص وقتی که پیشنهاد ویژه ای دارید که میخواهید فوری روی سایت منتشرش کنید یا وقتی میخواهید امکانات جدیدی مثل فرم تماس به سایتتون اضافه کنید، این سیستمها خیلی به دردتون میخورن.
پلتفرم های مختلفی برای این کار وجود داره اما یکی از بهترینهاش که ما بهش خیلی اعتقاد داریم وردپرسه. این پلتفرم منبع باز کاملا رایگانه و برای استفاده ازش نیاز به مهارت بالایی ندارید.

• یک طراحی خاص داشته باشید

باید سایتتون از سایتهای دیگه متمایز باشه، بنابراین حتما طراحی انتخاب کنید که براتون چیز خاصی بسازه. یه طراح باتجربه میدونه یه سایت مسافرتی چطوری میتونه برجسته باشه و میدونه سایتی طراحی کنه که کاربر روش تجربه کاربری خیلی خوبی داشته باشه.
از قالبهای آماده استفاده نکنید، وگرنه سایتتون مثل سایتهای رقبا میشه. حتما کارتونو دست طراحی بسپرید که یه چیز واقعا خاص براتون بسازه.

• انتشار محتوا

سایتهای مسافرتی برای جذب بازدیدکننده و ارتقای سئوی سایتشون نیاز به محتوای عالی دارند. اگه از پلتفرمی مثل وردپرس استفاده میکنید، میتونید براحتی خودتون محتوا منتشر کنید و محتواهای قبلی رو ویرایش کنید. این محتوا میتونه عکس باشه، میتونه متن باشه و یا هر چیز دیگه ای.
شاید حتی بخواهید قبل از اینکه سایتتونو بسازید براش محتوا آماده کنید و بعد سایت رو راه بندازید تا بلافاصله بعد از راه اندازیش بتونید روش مطلب بذارید.
حالا برای راه اندازی سایت جدیدتون آماده اید؟
وقتی میخواهید یه سایت جدید راه بندازید باید به چیزهای زیادی فکر کنید. حتما این 5 عامل رو موقع طراحی سایت مسافرتی مد نظر داشته باشید.
وقتی دنبال یه آژانس طراحی سایت میگردید، ازشون راجع به موارد بالا سوال کنید تا ببینید با این مفاهیم آشنا هستند یا نه. نمونه کارهاشونو و سایتهای مسافرتی که قبلا ساختند رو حتما ببینید.
با این کار میتونید با خیال راحت طراحتونو انتخاب کنید و مطمئن باشید که سراغ طراح خوبی رفتید و بعد سایتتونو راه بندازید. اگه تمایل داشته باشید میتونید با دارکوب تماس بگیرید. ما میتونیم درباره راه اندازی یه سایت عالی و خاص با ترافیک بالا باهاتون یه جلسه مشاوره داشته باشیم.

طراحی سایت مراحل مختلفی داره: جمع آوری اطلاعات اولیه، طراحی، توسعه و تست کارایی. اولین اثری که سایت روی کاربر میذاره ناشی از کیفیت طراحی سایته. در واقع ظاهر سایت تعیین میکنه که آیا کاربر تحت تأثیر سایت قرار خواهد گرفت یا نه.
به همین دلیل مرحله طراحی یکی از مهمترین مراحل پروژه وب سایت محسوب میشه.
طراحی سایت وقت و صبر زیادی لازم داره. علاوه بر اینها برنامه ریزی و کلی کارهای فنی لازمه. با توجه رقابتی که تو دنیای طراحی سایت وجود داره، ساخت سایتی که از نظر بصری جذابیت داشته باشه، قابل درک و فهم باشه و نسبت به سایتهای رقیب برتری داشته باشه از وظایف دشوار طراحان سایته. هرچند برای طراحانی که خلاق باشند و عاشق طراحی سایت باشن، براحتی با تقسیم این مرحله به مراحل کوچیکتر قابل انجامه. حالا این مراحل و فرایند رو هر طراحی به شیوه خودش میتونه انجام بده، اما هسته اصلی کار طراحیِ همه طراحان با تجربه یکسانه.
اینجا مراحل مهم فرایند طراحی سایت رو براتون بازگو میکنیم:

• جمع آوری ملزومات

قدم اول در طراحی یک سایت موفق جمع آوری اطلاعاته. این کار از اون جهت که نیازمند درک شرکت، اهدافش، مخاطب هدف و نیازهای مخاطب هست، قدم خیلی مهمی محسوب میشه.
تو این مرحله، طراح سایت باید قبل از شروع کار کلی سوال از مشتری بپرسه. سوالاتی که باید لحاظ بشن از این قرارند:
هدف سایت چیه؟ میخواهید اطلاعات ارائه بدید، خدماتی رو تبلیغ کنید یا محصولی بفروشید؟
میخواهید با این سایت چی کار کنید؟
مخاطب هدفتون کیه؟
حوزه این پروژه چیه؟
چه نیازهای تخصصی یا غیرتخصصی دارید؟ ارجحیت هاتون کدومهاست؟
طراحی باید تا میتونه اطلاعات مرتبط با این سوالها بدست بیاره. جواب دادن به همه این سوالات باعث میشه تو زمان و منابع صرفه جویی بشه.

• ایده های پراکنده و از همه جا

این یکی از مراحل مهم طراحی سایته. بعد از جمع آوری اطلاعات مورد نیاز، باید طراح ایده های خلاقانه برای پروژه ارائه بده.
طراح باید یه سری طرح های ساده اولیه آماده کنه و بعد از بینشون چند تا از بهترین ها رو انتخاب کنه. این طرح ها باید براش مشتری فرستاده بشن تا نظر مشتری هم لحاظ بشه. این مرحله بیشتر یه چرخه بازبینی طرح ها، ایراد گرفتن و حل مشکلات و تأیید طراحیه تا جایی که هر دو طرف – هم مشتری و هم طراح – از طرح اولیه سایت رضایت داشته باشن.
باید کاربر (بازدیدکننده سایت) موقع طراحی اولیه مد نظر قرار گرفته بشه.

• ساخت برنامه کاری

بعد از همه اطلاعات جمع آوری شده در مرحله اول و ایده دادن و نشون دادن چراغ سبز از طرف مشتری، حالا باید برای کارهای سایتتون یه برنامه ریزی کنید. برنامه های کاری معمولا به صورت نموداری و جدولی درست میشن.
تو برنامه کاری، طراحی باید برای هر قسمتی که قراره رو سایت قرار بگیره یه فهرست درست کنه. حتی باید یه اطلاعات مختصری در مورد نوع محتوایی که قراره رو هر صفحه نمایش داده بشه هم نوشته بشه. طراح باید قبل از رفتن به مرحله بعد دوباره از مشتری تأییدیه بگیریه.

• ساخت طراحی بصری برای وایرفریم

وایرفریم سایت یا صفحه شماتیک یا بلوپرینت نمایشگر، یک راهنمای بصریه که اسکلت کار سایت رو نمایش میده.
این وایرفریم بیشتر از اینکه بخواد در مورد مدل تایپوگرافی، رنگ یا گرافیک اطلاعات ارائه بده، میخواد جای عناصر مختلف طراحی رو تعیین کنه. وایرفریم نوع محتوایی رو که روی هر صفحه نمایش داده میشه توصیف میکنه و درباره ویژگی های مختلفی مثل دکمه ورود به شبکه اجتماعی یا عضویت در خبرنامه ایمیلی که قراره روی سایت قرار بگیره تصمیم گیری میکنه.
علاوه بر این سعی میکنه مشکلاتی رو که احیانا طراح در مراحل قبلی از قلم انداخته، کشف میکنه. اصلاح اشتباهات در مراحل اولیه توسعه ساده تر از تغییر دادن ماک آپ باکیفیته.

• ساخت طراحی بصری برای وایرفریم های های-فیدلیتی (high-fidelity)

وایرفریم اگه low-fidelity باشه، عملکردها رو خیلی خوب منتقل میکنه، اما فرم ها رو به اون خوبی پوشش نمیده. وایرفریمهای high-fidelity برای حل این مشکل بوجود اومدن. این وایرفریمها برای پر کردن جزئیاتی بوجود اومدن که لو-فیدلیتی فراموش کرده بود.
وایرفریمهای های-فیدلیتی کم و بیش شبیه محصول نهایی هستن. ویژگی ها، عملکرد و جزئیات مخصوص طراحی هر عنصر رو برای مشتری مشخص میکنن. این وایرفریم نشون میدن که سایت چطور قراره کاربرپسند باشه. موقعیت دقیق و فضایی رو که محتواهای مختلف روی هر صفحه وب سایت اشغال میکنند رو مشخص میکنه.
میتونید با استفاده از ابزاهای مختلف، سریع تر وایرفریم های های-فیدلیتی بسازید و براحتی از همه مزایایی که این ابزارها ارائه میدن استفاده کنید.

• توسعه ماک-آپ های بصری

وقتی محصول در حال توسعه است، طراح برای اینکه بتونه یه ماکت دقیق از سایت به مشتری نشون بده از ماک-آپ های بصری رابط کاربری استفاده میکنه. در این مرحله دیگه ظاهر بصری سایت شکل میگیره. ماک-آپ ها معمولا ظاهر سایت رو نشون میدن. طراح های وب برای ساخت یک وب سایت مؤثر باید با مفهوم ساخت ماک-آپ کاملا آشنا باشن. طراح های وب برای توسعه قالب کلی سایت از نرم افزار کمک میگیرن تا بتونن رنگ نسبتا دقیق، اندازه فونت و موقعیت دقیق همه محتوا، عناصر و جهتیابی روی سایت رو مشخص کنند.

• استثناء

اینکه چقدر دقیق این مراحل رو دنبال کنید بستگی به اندازه پروژه و مقدار زمانی که طراح برای انجام کار در اختیار داره بستگی داره. ممکنه طراح بسته به دانش و انتظارات مشتری، بعضی از این مراحل رو حذف کنه (ساخت طراح اولیه رو حذف کنه و یکراست بره سراغ طرای وایرفریمهای با جزئیات).

• نتیجه

اگه تو فکر طراحی سایتید، اول حتما یه تصمیم قطعی در مورد اینکه میخواهید سایتتون چه شکلی باشه بگیرید. دنبال کردن این پروسه کمکتون میکنه که بتونید به کمک سایتتون مشتری رو جذب و همراه و به خریدار تبدیل کنید.

یک راهنمای عمقی برای تجربه کاربری و روشهای طراحی سودمند برای افرادی که مشکلات بینایی دارند – چه به دلایل پزشکی، عصبی یا افزایش سن.
خیلی مواقع تو تجربه کاربری آنلاین یا طراحی رابط کاربری برنامه های موبایلی، آدمایی با مشکلات جسمی و ذهنی رو فراموش میکنیم.
اما برخلاف باورهای قدیمی، طراحی سایت برای مشتریهایی که ناتوانی های خاصی دارن میتونه محصول رو در دسترس طیف وسیعتری از جامعه قرار بده.
برای هر طراحی واجبه که موقع طراحی سایت دقت کنه کجاها طراحی سایت برای افرادی با ناتوانی های خاص قابل استفاده نیست. با رعایت این مسئله میتونه استانداردهاشو بهتر کنه و از نظر اخلاقی هم به دیگران سود برسونه.
ما تو این مقاله حوزه های فعلی رو که رابط کاربری برای خدمت رسانی به افرادی  با ناتوانی های جدی، متوسط و خفیف بکار گرفته میشه رو بررسی میکنیم و براتون روشهایی برای تفکر و طراحی خاص این افراد ارائه میدیم. و در پایان سازمانهایی رو برای آزمایش و کسب اطلاعات بیشتر بهتون معرفی خواهیم کرد.
اما قبل از اینکه شروع کنیم، اول باید ببینیم تو حوزه طراحی و تجربه کاربری، منظور از افرادی با ناتوانی های خاص چه کسایی هستن. ما برای طراحی سایت روی کسایی تمرکز میکنیم که کم بینا هستن، نورودایورسیتی (مثل اوتیسم)، ناشنوایی، مشکلات ناشی از افزایش سن، افرادی با مشکلات حرکتی یا اختلال شناختی و اختلالات یادگیری.
سایت ThinkDesignable Collective  به طراحی سایت و رسانه برای این افراد اختصاص داره که از کنفرانسی که همین امسال در مورد طراحی سایت برای افرادی با ناتوانی های جسمی و ذهنی برگزار شده بود کارشو شروع کرد. این کنفرانس، طراحان، افراد خلاق، بازاریابها و شرکتها رو دور هم جمع کرد تا در مورد روشهای ساخت رسانه و طراحی سایت مختص این افراد بحث کنند.

• طراحی سایت برای افرادی با ناتوانی های خاص به نفع همه است

دسترسی خوب برای همه افراد جامعه به یک سایت به معنی طراحی خوب اون سایته.
اگه سایتی قابل جهتیابی باشه، عناصر سایت به درستی به کار گرفته شده باشند و تجربه کاربر محوری ارائه شده باشه، ساخت بیشتر اپلیکیشن هایی که این سایت رو ارائه میدن، موتورهای جستجویی که این سایت رو سرچ میکنند و دستگاه هایی که بهش دسترسی دارن، همه درست کار میکنند.
طراحی سایت برای افراد مسن و افرادی با ناتوانی های خاص کمک میکنه که محصولات بهتری تولید کنیم و خدمات بهتری به دیگران ارائه بدیم و در نتیجه نهایتا تجربه برند خودمون بهتر خواهد شد.
افرادی که ما تو این مقاله قراره از راهنمایی هاشون بهره ببریم افراد خلاقی هستند که روشهای خلاقانه ای برای مشکلات طراحی ارائه میدن، چون به طراحی خلاقانه با محدودتیها عادت کردند و چالشها و مشکلاتی که باهاش روبرو میشن ممولا روی نسخه ظاهری سایت قابل رؤیت نیست و حتی شبیه مشکلاتی که کاربرهای سالم باهاش روبر میشن هم نیست.
مثلا خوندن سایتها و ایمیل هایی که با فونت کوچیک نوشته شده باشن یا تضاد رنگها توشون کم باشه، برای افرادی که مشکلات بینایی یا تنبلی چشم دارن سخته.
همینطور پیامهای غیرشفاف و طراحی های بصری با قالبهای گیج کننده یا تصاویر حواس پرت کننده باعث میشن درک صفحات وب برای افرادی که اختلالات شناختی دارن مشکل باشه. این مشکل برای افرادی که بخوان اطلاعاتی رو با عجله پیدا کنند، استرس داشته باشند یا حواسشون پرت بشه یا کسایی که زبان مادریشون متفاوت از زبان نوشته باشه هم وجود داره.

• چطور مثل یک فرد ناتوان به سایت نگاه کنیم

طراح هایی که برای افراد ناتوان سایت طراحی میکنند به نماد هایی که تو فضاهای عمومی برای این افراد استفاده میشه توجه میکنند، مثلا علامت گوش با یه خط روش یعنی مشکل شنوایی. این طراح ها خودشون برای اجزای بدن نمادهای جدیدی طراحی میکنن که برای عموم کاربرد داشته باشه و نه به یک ناتوانی خاص.
این کار به همه حق انتخاب میده. ما نمیگیم مثلا کسی نباید اینجا پارک کنه وگرنه باید از این نماد استفاده کنه. بلکه ما میگیم هم میتونید از آسانسور استفاده کنید و هم برای استفاده از پله ها میتونید از این سمت چپ و برای استفاده از سطح شیب دار از سمت راست برید.
بنابراین ما میدونیم که نیاز به یه تغییر داریم و باید یه فرایند خلاقانه رو شروع کنیم که بهش میگیم "بدون طراحی".
بدون طراحی یه سبک فکری و یه روشه که برای درخواست یه بازبینی برای ایجاد تعادل بین زیبایی و عملکرد بوجود اومده. این فرایند خلاقانه و قانونی برای بازسازی سایتهای قدیمی الزامیه.
این روش سعی داره 5 قانون بازسازی رو با قوانین اصلی طراحی ترکیب کنه: یکپارچگی، شک و تردید، ظرافت، نزدیکی و چند آوایی.
یکپارچگی رو در مثال بازسازی نمادها گفتیم. یعنی تأکید بر عدم استفاده از ویژگی هایی از محیط که مردم رو به چند گروه متفاوت تقسیم میکنند، بلکه به جای اینکار به ویژگی های محیطی اشاره میکنند.
طراحی ظریف یعنی دقت، کیفیت و جزئیات.
شک سالم و دائما پرسیدن از اینکه "چرا این از اون بهتره و باید این رو به اون ترجیح بدم؟". این میشه اصل اولیه شک سالم.
نزدیکی و چند آوایی از نظر روش شرکتهای طراحی ترکیب میشن و هر دو به افرادی که هدف فرایند طراحی هستند اشاره دارند و میگن مخاطب هدف بخشی از طراحی است.
اما در کنار به کارگیری این اصول در فلسفه برند، باید یه سری کارهای عملی هم انجام بشه.

• وضعیت فعلی

افرادی که ناتوانی هایی دارند و همینطور افراد مسن بخش زیادی از جامعه رو تشکیل میدن و تعدادشون در بین مصرف کننده ها داره روز به روز بیشتر میشه. افزایش قدرت خرید این مصرف کننده ها میتونه کاملا صاحبان صنایع رو مجاب کنه.
ما تجربه خرید آنلاین مصرف کننده هایی که ناتوانی هایی دارند و قیمتهای تجاری که به این افراد توجهی ندارند رو بررسی کردیم. شرکت کننده های ناتوان از نظر سطح مهارت و شرایط شخصی متفاوتند اما از نظر نوع مشکل شامل افرادی با مشکلات بینایی و شنوایی، اختلالات حرکتی دست و انگشتان و مشکلات ذهنی میشن.
این تحقیق نشون داد که 71% از مصرف کننده های ناتوان وقتی وارد سایتی میشن که کار باهاش مشکله دوباره خارج میشن. فقط 7% از این افراد از طریق تماس تلفنی راهنمایی میگرفتن و 11% از افراد دیگه کمک میگرفتند.
اما اهمیت این مسئله برای برندها وقتی مشخص میشه که بهتون بگم تو انگلیس حدود 11/75 میلیارد پوند فقط از طرف این افراد خرج شده، که این میزان معادل 10% از کل خرید آنلاین انگلیس در سال گذشته است. این نشون میده با ندید گرفتن این بخش از جامعه، چه ضرر بزرگی میکنید.
82% از مصرف کننده ها با نیازهای دسترسی، اگه سایتها در دسترس بودند حتی بیشتر از این هم خرج میکردند.
به خصوص اینکه یه مصرف کننده خاموش نمیتونه مثل یه مصرف کننده راضی در نظر گرفته بشه.
هرچی فرهنگ دیجیتال غالب تر میشه، دسترسی به نت برای مردمی با ناتوانی های خاص مشکلی میشه به همه سطوح سازمانی، عملکردی، سیستمها و محصولات نفوذ میکنه.

• مردم ناتوان چطور به سایتها دسترسی دارند

برای اینکه بتونید مشکلات افراد معلول رو درک کنید باید بدونید که بعضی ها با چه مشکلاتی به سایت ها دسترسی پیدا میکنند.
نیمی از پاسخ دهنده های تحقیقی که برای کلیک های خارج از محدوده انجام شده بود، از نوعی فناوری کمکی برای تعامل با کامپیوتر استفاده کردند.
فناوری های اصلی کمکی شامل این نرم افزارهاست: خواننده های صفحه نمایش (58% از پاسخ دهنده ها)، بزرگ کننده های نمایشگر (14درصد)، نرم افزارهای درک مطلب (13 درصد) و بریل (5 درصد).
مثال دیگر فناوری های کمکی صدای امکانات دستگاههای اپل، ابزار خواننده نمایشگر گوگل برای اندروید و دستگاه خواننده مایکروسافت هستند.
بعضی از کاربرها حتی ممکنه به چند تا از این ابزار با هم نیاز داشته باشند و توانایی استفاده از دستگاههاشون هم بستگی به OS، برنامه هایی که کاربر استفاده میکنه و سخت افزاری که برنامه ها روش نصب شده داره.
با اینکه فناوری های کمکی برای مشکلات بینایی تونسته مفید باشه، طراحی سایت هم نقش مهمی در دسترسی و کارایی این فناوری های کمکی داشته.

• موانع دسترسی آنلاین

73% از کسایی که نیاز به دسترسی به این امکانات دارند، در بیشتر از یک چهارم سایتهایی که بازدید میکنند موانعی رو تجربه میکنند.
صفحاتی که با محتوای زیادی شلوغ شدند، معمول ترین مانع بودند به طوری که 67 درصد از شرکت کننده ها اعلام کردند شلوغی صفحات بزرگترین مشکشون با سایتها بوده.
بعد از صفحات شلوغ، مشکلات بعدی عبارتند از جهتیابی و اطلاعات ضعیف لینکها، پر کردن فرمها، تصاویر متحرک حواس پرت کننده و سختی خوندن مطالب (تضاد رنگی و قالب متن).
از بین کسایی که از خواننده نمایشگر استفاده میکنند، 86 درصدشون گفتند که استفاده از سایتها با نرم افزارشون مشکله.
یکی از کاربرها میگه: "معمولا نه تنها سایتها درست در دسترس نیستند بلکه به اسکرول زیادی نیاز دارند و پر از تصویر، تبلیغ و پر هرج و مرج هستند. این مسئله باعث میشه فناوری خوندن نمایشگر ندونه باید روی چی تمرکز کنه".
بخش اعظم قدرت فناوری و ارائه سایت روی دستگاههایی اتفاق میفته که سیستم های فوق پیچیده ای دارن.
تحقیقات نشون میدن که کسایی که در استفاده از سایت مشکل دارند، احتمالش خیلی کمه که دوباره به اون سایت برگردند، و این مشکلات دسترسی اثر منفی روی هر دو طرف میذاره.

• چطور دسترسی وب بهتری ارائه کنیم؟

افرادی که مسئولیت طراحی سایتها رو بعهده دارند باید یه راهنما منتشر کنند که استانداردهایی رو که از برندها انتظار میره برای توسعه دهنده ها و طراح های وب به وضوح مشخص کنه.
این استانداردها باید به عنوان یه ابزار مدیریت برای بررسی کارهای انجام شده به کار بره.
راهنماهایی که تدوین میشن باید مسائلی از قبیل تضاد رنگها، استفاده از آلت-تگ و برچسب فرم ها رو پوشش بده.
طراح ها و توسعه دهنده ها باید مواظب باشن که تضاد رنگی که روی سایت بکار میره از استاندارهای بین المللی تبعیت کنه تا افرادی که مشکلات بینایی یا نارساخوانی دارن براحتی قادر به خوندنش باشن.
حتما از آلت-تگ استفاده کنید تا افرادی که از فناوری کمکی استفاده میکنند بتونن متوجه بشن که با کلیک روی لینکها به کجا منتقل خواهند شد.
متن و گرافیک بیش از حد روی صفحه نذارید و تیترها رو درست طبق ساختار مناسب به کار ببرید چون این ابزار از تیترها بعنوان راه میانبر برای جهتیابی صفحه استفاده میکنند.

• کجا میشه اطلاعات بیشتری در مورد طراحی و ناتوانی ها کسب کرد؟

البته منابعی که معرفی خواهیم کرد از بین منابع خارجی هستند، چون منابع ایرانی کمتر به این موضوع پرداخته اند (حتی میشه گفت اصلا نپرداخته اند).

- Web Accessibility Initiative 

این سایت راهنمای دسترسی محتوای وب 2 رو هم منتشر کرده. این راهنما توصیه هایی در خودش داره که به طور مفصل توضیح داده چطور میشه رابط کاربری سایت رو برای همه دسترس پذیر کرد.
این سایت تمرینات عملی مفیدی رو در ارتباط با طراحی سایت، ساخت متن توصیفی جایگزین برای تصاویر، استفاده از سیستم های جهتیابی مثل تیترها، فهرستها و نحوه عملکرد عناصر روی صفحه ارائه میکنه. به علاوه نکاتی رو گوشزد میکنه که خواننده های نمایشگر بدرستی عمل کنند.
اولین کاری که میکنید بهتره این باشه که یه سری به صفحه چک های ساده راهنمای دسترس پذیری محتوای سایتش بزنید.
چک هایی که عنون شدند شامل عنوان، متن جایگزین تصویر، تیترگذاری، تضاد رنگی، تغییر اندازه متن، دسترسی صفحه کلید و تمرکز بصری، حرکت، فلش، محتوای چشمک زن، جایگزین های چند رسانه ای و ساختار اصلی هستند.
از اینجا دیگه بستگی به برندها داره که ببینن واقعا توجه به افراد معلول در طراحی رابط کاربری سایت وظیفه کیه.
60% از سازمانها دسترسی پذیری محتوای سایتشونو به توسعه دهنده ها میسپرند.
فقط 42% استفاده از چک های دسترسی پذیری رو گزارش کردند و فقط 25% گفتند که مدیریت سختگیرانه ای روی این قضیه دارند.
هر چند نمیشه یه جواب درست داشت – شاید هم وظیفه همراهی مصرف کننده، روابط عمومی، بازاریابی، توسعه IT یا ارتباطاته – باید دید چه کسی مسئوله اینه که در مرحله آخر طراحی تأیید کنه که آیا طراحی مطابق استاندادهای راهنمای دسترسی محتوای وب هست یا نه.
علاوه بر این، برای تکمیل برند باید راهنمای دسترسی محتوای وب توسط یه متخصص تفسیر و توسط کاربرها آزمایش بشه.
در ادامه سازمانها و مراکز مشاوره ای رو براتون معرفی میکنیم که در اونها متخصص ها تحقیق میکنند، کاربرها تست میکنند و روشها برای توسعه تجربه کاربری برند برای معلولین بکار گرفته میشن.

Open Inclusions

در این سایت، متخصصان بر اساس تحقیقاتی که انجام میدن، راهکارهای خلاقانه ای برای مشتریهاشون ارائه میدن.
برندها میتونن از طریق تماس یا ایمیل با این سازمان در ارتباط باشن و اگه براشون امکانش باشه میتونن حتی رو در رو هم باهاشون ملاقات داشته باشن و درباره نحوه ساخت تجربه کاربری برندشون صحبت کنند.

Freeney Williams

فرینی ویلیامز مشاوریه که به سازمانها برای استخدام افراد معلول برای نیروی کار، توسعه و فروش محصولات یا خدماتی که در دسترس همه مشتریها هستند کمک میکنه و وظایفی که بهشون محول میشه رو دنبال میکنه تا حتما طبق قوانین باشه.
این مشاور برای دسترسی سایتها به سطحی که برای معلولین مناسب باشه هم یک بررسی رایگان انجام میده.

RNIB 

در حال حاضر 550 هزار نفر در ایران نابینا یا کم بینا هستند و این آمار تا سال 1430 ه.ش دو برابر خواهد شد. این افراد باید بتونن مثل بقیه مردم از وب استفاده کنند.
این سایت هم خدمات مشاوره برای سایتها ارائه میده. این سازمان راهنمایی های تخصصی و از اون مهمتر مشاهده و تست کاربری برای سایتها فراهم میکنه.
علاوه بر این، این سایت راهکارهایی هم برای دسترس پذیری شرکتها ارائه کرده که از اینجا میتونید مطالعه بفرمایید.
یکی از اعضای این سازمان عنوان کرده، مفهوم اینترنت از آغاز این بوده که توانایی یا عدم توانایی نباید مانع باشه.
این فرد میگه "امروزه انتظارات مردم از فناوری بیشتر شده. با توجه به ظهور محصولاتی مثل اکوی آمازون و گوگل، میتونید براحتی اطلاعاتی رو که میخواهید، در همون زمان جلوی چشمتون حاضر ببینید. گاهی استفاده از ماوس یا صفحه کلید ساده است، ولی گاهی هم شاید دوست داشته باشید با یکی حرف بزنید".
"گاهی شاید چیزی دستتون باشه یا مشغول رانندگی باشید، باید تو این مواقع هم بتونید براحتی به اطلاعات وب دسترسی داشته باشید. سایتهایی که خوب طراحی شده باشند چنین امکانی رو از یک منبع واحد فراهم میکنند."

Home Office Digital 

این سایت یک سازمانه که خدماتی رو برای دولت و شرکتها ارائه میده و براشون سایت طراحی میکنه و توسعه میده.
این تیم از گروهی از متخصصین توسعه، امنیت دیجیتال و دسترسی اطلاعات تشکیل شده که روی وبلاگشون درباره کارشون مطلب مینویسند.
تو یکی از پستهاشون که اخیرا آپ کردند 6 تا پوستر در مورد بایدها و نبایدهای طراحی برای دسترس پذیری افراد کم بینا، ناشنوا، نارساخوان، مشکلات حرکتی، اوتیسم و کاربران خواننده های نمایشگر منتشر کردند.
میتونید محتوای این پوسترها رو اینجا ببینید:
الف) طراحی سایت برای افراد اوتیسم:
باید رنگهای ساده بکار ببرید، نه از رنگهای درخشان یا خیلی متفاوت.
باید به فارسی سلیس بنویسید و نباید از اصطلاحات و آرایه های ادبی استفاده کنید.
باید جملات ساده بنویسید و از دایره های توپُر برای نام بردنی ها استفاده کنید و نباید پشت سر هم دیواری از نوشته درست کنید.
باید متن روی دکمه ها رو توصیفی بنویسید و نباید دکمه ها مبهم و غیر قابل پیش بینی باشند.
باید قالب ساده و یکسان در همه صفحات بسازید و نباید قالبها پیچیده و در هم و بی نظم باشند.
ب) طراحی سایت برای کاربران ناشنوا یا کم شنوا:
باید به فارسی سلیس بنویسید و نباید از کلمات پیچیده یا آرایه های ادبی استفاده کنید.
باید برای ویدئوها زیرنویس تهیه کنید و نباید محتواتونو فقط به صورت صوتی یا ویدئویی ارائه کنید.
باید از قالب خطی منطقی استفاده کنید و نباید قالبها و فهرستها پیچیده باشند.
باید محتوا رو با استفاده از عنوانهای فرعی، تصاویر و ویدئوها به قسمتهای کوچکتر تقسیم کنید و نباید کاربرها مجبور بشن خطوط طولانی و پشت سر همی از نوشته رو بخونند.
باید کاربرها بتونن برای رزرو قرار ملاقات، خودشون نوع برقراری ارتباط رو با پشتیبانی انتخاب کنند و نباید برای برقراری ارتباط کاربرها با مسئولین فقط شماره تلفن ارائه داد.
ج) طراحی سایت برای کاربران کم بینا:
باید از رنگهایی با تضاد بالا و اندازه فونت خوانا استفاده کرد و نباید رنگهایی با تضاد کم یا فونت کوچک بکار برد.
باید همه اطلاعات روی صفحات وب منتشر شوند و نباید اطلاعات رو در لینکهای دانلود پنهان کرد.
باید ترکیبی از رنگها، اشکال و متون بکار گرفته بشن و نباید فقط از رنگ برای انتقال مطلب استفاده کرد.
باید از یه قالب خطی منطقی پیروی کرد و نباید محتوا روی صفحه پخش باشه.
باید دکمه ها و اطلاعیه ها رو در متن قرار داد و نباید دکمه ها از متن جدا باشند.
د) طراحی سایت برای نارساخوانها:
باید برای توضیح بهتر متن از تصویر و نمودار هم کمک گرفت و نباید ستونهای پشت سر هم نوشته روی سایت گذاشت.
باید متن رو از سمت راست مرتب کرد و قالب رو ثابت و یکسان نگهداشت و نباید زیر کلمات خط کشید یا از فونتهای مورب یا شکسته استفاده کرد.
باید محتوا رو به فرمتهای دیگه هم ارائه داد (مثلا به صورت صوتی یا ویدیو) و نباید توقع داشت که کاربر همه چیز رو از صفحات قبل به خاطر بسپره.
باید محتوا رو کوتاه، واضح و ساده نگهداشت و نباید متن دارای غلط املایی باشه.
باید اجازه بدید کاربر بتونه تضاد بین پس زمینه و متن رو تغییر بده و نباید در یک فضای مشخص، اطلاعات زیادی قرار داد.

• دارکوب

دارکوب یه شرکت توسعه، طراحی و سئوی سایته که با سازمانها، شرکتها و افراد مستقل برای توسعه سایتی کارآمد و مؤثر همکاری میکنه.
میتونید از صفحه مشتریان سایت با مشتریهای دارکوب آشنا بشید و سایتهایی رو که طراحی کرده ببینید.
ما با سایتهایی که طراحی میکنیم این امکان رو به برندها میدیم که تجربه کاربری به یاد ماندنی ای به کاربرانشون هدیه کنند و کاربر رو به برگشتن به سایت و خرید ترغیب کنند.