طراحی سایت

آموزش طراحی سایت

طراحی سایت

آموزش طراحی سایت

۱۸ مطلب با موضوع «روش های طراحی سایت» ثبت شده است

طراحی یک سایت متقاعد کننده

دوشنبه, ۲۵ بهمن ۱۳۹۵، ۰۸:۳۹ ب.ظ

پیام های روانشناسانه درستی بفرستید میتونید مشتری ها رو به برقراری ارتباط با برند هدایت کنید. در مقابل پیام های غلط بهشون این پیام رو القا می کنه که قبل از اینکه این صفحه کند باز بشه این صفحه رو ترک کنید. 

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

  • انتخاب لحن مناسب – روانشناسی و متقاعد کردن

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

  • ظاهر و احساس 

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

  • Novin Novin

تاثیر رنگ در طراحی سایت

دوشنبه, ۲۵ بهمن ۱۳۹۵، ۰۸:۳۲ ب.ظ
  • رنگ در فرهنگ

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

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

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

  • سایت تک رنگ یا سه رنگی؟

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

  • Novin Novin

طراحی سایت مختص کودکان و نوجوانان

دوشنبه, ۲۵ بهمن ۱۳۹۵، ۰۸:۳۰ ب.ظ

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


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

  • برای کودکانی با سنین مختلف طراحی کنید

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

  • طراحی سایت برای کودکان 3 تا 5 سال

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

  • طراحی سایت برای بچه های 6 تا 8 سال

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

  • طراحی سایت برای بچه های 9 تا 12 سال

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

  • در ضمن به این نکات هم توجه کنید

وقتی میخواهید برای بچه ها سایت طراحی کنید باید علاوه بر ارائه خدمات به به یه گروه سنی مشخص، عوامل دیگه ای رو هم رعایت کنید. مثلا بچه ها به راحتی تحت تأثیر قرار میگیرن، بنابراین باید تمام تلاشمونو برای رعایت استانداردهای سنی مناسب بچه ها بکار بگیریم. سایر عواملی که باید رعایت کنید اینهاست:

  • یک سایت شاد بسازید

نه تنها رنگهای سایتهای بچه ها باید شاد و درخشان باشن، بلکه حس و حال کلی سایت هم باید شاد باشه. کاراکترهای خوشحال با صورتهای خندون، کلمات مثبت و ژستهای پرانرژی کمک می کنن این حال و هوا رو روی سایتتون بوجود بیارید.

  • از عناصر آشنا استفاده کنید

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

  • دنیایی پر از عمق بصری خلق کنید

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

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

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

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

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

  • با والدین شفاف باشید

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

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

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

  • اطلاعات رو هر زمان لازم بود ارائه کنید

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

  • آزمایش کنید

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

  • تبلیغاتی که روی سایت میذارید باید مناسب گروه سنی بچه ها باشه

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

  • Novin Novin

ساخت سایت رایگان توسط وبلاگ و سایت ساز

سه شنبه, ۲۸ دی ۱۳۹۵، ۰۸:۳۴ ب.ظ

وبلاگ

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

ساخت سایت

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

بهترین وبلاگ ها و سایت سازهای ایران

سایت های بسیاری در ایران وجود دارند که خدمات ساخت وبلاگ و وب سایت را به صورت رایگان عرضه می نمایم که در ادامه برترین آنها را معرفی می نمایم:

  • بلاگفا : قدیمیترین وب سایت ارائه کننده خدمات وبلاگ رایگان در ایران می باشد که پر بازدید ترین دامنه ایرانی نیز می باشد. این وبلاگ مدت ها است به روز رسانی نشده است و چندی پیش نیز با توجه به  مشکل سرور این مجموعه کلیه اطلاعات کاربران با چهار ماه قبل باز گشت و مشکلات بسیاری برای کاربران به وجود آمد. اما هنوز این وبلاگ جزو برترین سایت های ارائه کننده خدمات وبلاگ رایگان می باشد. بلاگفا تبلیغات خود را در وبلاگ شما نمایش می دهد.
  • blog.ir : به نظر بنده blog.ir بهترین وب سایت ارائه دهنده خدمات وبلاگ در ایران می باشد زیرا این وبلاگ هیچ گونه تبلیغی بر روی وبلاگ شما نمایش نمی دهد و کاملا به صورت رایگان عرضه می گردد و دارای امکانات فراوانی می باشد. بهترین سایت ایرانی برای ساخت وبلاگ blog.irr می باشد و البته نسبت به سایر وبلاگ ساز ها قدمت کمتری دارد.
  • بلاگ اسکای : این وب سایت نیز جزو قدیمی ترین سایت های ارائه کننده خدمات وبلاگ می باشد که به مانند بلاگفا تبلیغات خود را در وبلاگ کاربران نمایش می دهد.
  • پرشین بلاگ : این وب سایت نیز جزو قدیمی ترین سایت های ساخت وبلاگ می باشد که تبلیغات خود را در وبلاگ ها نمایش می دهد.
  • میهن‎ بلاگ : یکی از بهترین وبلاگ سایت ها می باشد که این سایت نیز تبلیغات خود را در وبلاگ ها نمایش می دهد.
  • epage.ir : یکی از سایت سازهای رایگان می باشد که با پرداخت هزینه می توانید امکانات وب سایت خود را توسعه دهید. این وب سایت امکانات خود را 31 روز به صورت رایگان عرضه می نماید و پس از آن می  بایست هزینه وب سایت را پرداخت نمایید
  • کانی وب : سایت ساز رایگان کانی وب که امکانات اولیه خود را به صورت رایگان عرضه می نماید و برای امکانات پیشرفته تر می بایست هزینه آن را پرداخت نمایید

در حقیقت تفاوت سایت ساز ها و وبلاگ ها در این است که سایت سازها امکانات محدود عرضه می نمایند و برای امکانات و قابلیت های اضافی آن می بایست هزینه پرداخت نمایید حال آنکه وبلاگ ها کلیه امکانات خود را به صورت رایگان ارائه می نمایند.

بهترین سایت های ساخت وبلاگ و وب سایت رایگان خارج از ایران

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

  • joomla : یکی از قویترین سیستم های مدیریت محتوا می باشد که این وب سایت در حقیقت ارائه کننده خدمات ساخت وب سایت جوملا در ساب دامنه joomla.com می باشد. جوملا امکانات فراوانی برای  ساخت وب سایت دارد.
  • blog.com : یکی از قدیمی ترین سایت های ساخت وبلاگ که البته امکانات آن پیشرفته و به روز نیست

* در این بخش سایت هایی که در ایران فیلتر شده اند و یا به هر دلیلی کارایی ندارند حذف شده است.

استفاده از شبکه های اجتماعی

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

ساخت سایت رایگان با استفاده از سیستم های مدیریت محتوای رایگان

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

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

  • Novin Novin

طراحی سایت : آیا از اسلایدر استفاده کنیم؟

سه شنبه, ۷ دی ۱۳۹۵، ۰۹:۱۴ ب.ظ


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

مردم سایتو اسکرول میکنن و میان پایین، اما شاید منتظر نمونن که همه اسلاید بچرخه و بخونن، مسئله اینه.
 اما میدونیم با این حال خیلی از مشتریهامون دوست دارن اسلایدر داشته باشن و خیلی ها ازمون میخوان براشون یکی بذاریم. برای ما فرقی نداره چون سایت شماست، ما هم میخواهیم شما دوستش داشته باشید و ضمنا دلایلی هم داریم که نشون میده اونقدرها هم ایده بدی نیست.

  • چه وقتایی میشه از اسلایدر استفاده کنیم؟

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

  • Novin Novin

طراحی سایت آسان با قالب آماده

سه شنبه, ۲۳ آذر ۱۳۹۵، ۰۹:۳۰ ب.ظ

ا بررسی نمایم تا بتوانم کمکی به روشن نمودن موضوع نمایم.

قالب آماده وب ؟

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

با توجه به توضیحات آمده در بخش بالا در این بخش معایب و مزایای واقعی استفاده از قالب های آماده وب سایت را برای شما بیان می نمایم:

چه قالب آماده رایگان و یا غیر رایگان باشد استفاده از قالب آماده مزیت های زیر را دارد:

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

معایب استفاده از قالب هیت

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

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

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

  • Novin Novin

طراحی سایت و اشتباهاتی که ممکن است مرتکب شویم

سه شنبه, ۱۶ آذر ۱۳۹۵، ۰۷:۵۷ ب.ظ

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

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

شاید بیشتر مشتری هاتون قبلا تو فیسبوک بودن، اما الان بیشترشورام. حالا سایت شما هنوز به صفحه فیسبوکتون لینکه و کانال تلگرام ندارید.
مشتری های شما تغییر می کنن، سایت شما و کسب و کارتون هم باید با اونا تغییر کنن.

  • تغییرات امنیتی

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

  • تغییرات سئ

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

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

  • یه سایت درست کنید و تو مخارجتون صرفه جویی کنید

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

  • Novin Novin

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

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

  • طراحی واکنش گرا 

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

  • طراحی تطبیقی / adaptive

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

  • Novin Novin

طریقه طراحی سایت هدفمند و موثر

پنجشنبه, ۴ آذر ۱۳۹۵، ۰۴:۵۴ ب.ظ

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

 

  • هدف سایت رو مشخص کنید

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

  • اصول محوری طراحی سایت مؤثر

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

  • پشت پرده اصول طراحی سایت

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

  • Novin Novin

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

من هر طراحى را در یک بوم نقاشى سفید در برنامه فتوشاپ شروع میکردم،بدون برنامه ریزى قبلى،بدون چارچوب.من معمولا براى اینکه قرار است تعداد صفحات وبسایت چقدر باشد و یا اینکه چه چیزهایى قرار است روى آن صفحات قرار گیرد هم برنامه ریزى نمیکردم.من فقط به ایجاد وب سایت به دید یک تفریح و سرگرمو نگاه میکردم چرا که تصمیم گرفته بودم اوقات سالهاى نوجوانى خود را اینگونه سپرى کنم.
من تصور میکردم میتوانم با دانستن اینکه یک وب سایت چگونه ایجاد میشود،سرعت آن را نیز بیهینه سازى کنم.چرا که کم کم سرعت تبدیل به تنها مشکل مهم وب سایت من با آن حجم عظیم اطلاعات میشد،در حالى که مردم همچنان از اینترنت dial-up استفاده میکردند.درسته؟!
این سوال مطمئنا جواب معلوم و روشنى دارد،بله!
قسمت سخت یادگیرى این موضوع زمانى است که شما باید در یک حالت ایده ال این روال را جلو بروید.بعضى چیزها وجود دارد که شما باید اول آنها را اولویت بندى کنید و عوامل بیرونى که بر روى سرعت وب سایتتان تاثیر گذار است را بروسى کنید.
شما باید هر دو موضوع را در نظر داشته باشید.اکثر مردم هنوز با اینترنت هاى خیلى کند کار میکنند،سرعت بستر اینترنت هاى همراه نسل ٣ (3G) هم عالى نیستند و کاربران موبایل درگیر مزاحمت هاى کلاهک هاى داده اى نیز میشوند.همچنین در تمام دنیا میلیون ها دستگاه موبایل وجود دارد که حتى فرآیند پردازش را نمیتوانند به پایان برسانند
در همین حین که من سعى میکنم چند تکنیک و نکته اى که در این مسیر باید انجام دهید را به شما توصیه میکنم باید توجه کنید که مهمترین چیزى که شما باید با آن سازگار کنید نوع نگر و طرز فکر شماست.سرعت میتواند در مکالمات،فروش و افرادى که مجدد به وبسایت شما برمیگردند تا از محتواى آن بهره ببرند،معنى پیدا کند.یک وبسایت با سرعت پایین باعث میشود در وهله اول افرادى که صبور نیستند را از دست بدهید و بهمین ترتیب به مرور زمان حتى افراد صبور هم از منتظر ماندن خسته شوند و وب سایت شما را ترک کنند.در بعضى موارد هم مشاهده میشود با اینکه سایت سریع بازگذارى میشود اما باز هم احساس میشود سرعت آن به اندازه کافى مناسب نیست.
اینجا اینترنت است و شما باید براى یک مسابقه آماده شوید و در آن هرآنچه که دارید و فراتر از آنرا ارائه دهید.
توصیه میشود براى اطلاعات بیشتر در مورد توضیحات بصرى و تاثیرات سرعت کم وب سایت ها به اینفوگرافیک هایى که در اینترنت وجود دارد سر بزنید.

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

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

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

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

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

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

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

حالا میتوانید تغییر سرعت سایتتان را مشاهده کنید....
موارد بسیارى براى یادگیرى وجود دارد مخصوصا اگر شما بخواهید از سیستم هاى مدیریت محتوا(CMS) مثل Wordpress یا هر موضوع دیگر با مضمون تنظیمات پیچیده میزبانى استفاده کنید.توصیه اخر به شما این خواهد بود که ساخت اولین وب سایت خود شروع کنید اما فراموش نکنید یادگیرى مسائل جدید همیشه بخش جذاب انجام یک کار است.

  • Novin Novin