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

۱۶ مطلب با موضوع «سئو» ثبت شده است

عنوان صفحه چیست؟ و چه تاثیری بر سئوی سایت دارد؟


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

۰ نظر موافقین ۰ مخالفین ۰
Novin Novin

چند وقت یکبار میبایست سایت خود را بروز کنیم؟

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

  • فناوری ها فرق کردند؟

مرورگرها مرتب ارتقا پیدا می کنن. چون بالاخره باید بروز باشن تا بتونن امنیت کاربرهاشونو تأمین کنن، ویژگی های جدید و بروز به خودشون اضافه کنن و با تلفن های همراه جدید سازگار بمونن. کاربرهای موبایل روز بروز بیشتر میشن و مرورگرها باید یه سری تغییرات اعمال کنن. طبعا سایت شما هم باید خودشو با شرایط جدید تطبیق بده.
تا حالا به این فکر کردید که سایتتون در آینده چه شکلی میشه؟ با این فناوری های جدید، احتمالا تو 5-8 سال آینده میگیم دیگه همه سایت ها باید سه بعدی باشن.
تو سایتتون راحت میتونید با ابزارهای دیگه ارتباط برقرار کنید؟ همینطور که فناوری APII یا رابط کاربردی برنامه نویسی پیشرفت می کنه و بیشتر شرکت ها برای خودشون نرم افزار درست می کنن، احتمالا بعضی از این پیشرفت ها هم برای شرکت شما مفید واقع بشه و بتونید ازش برای رشد و توسعه شرکتتون استفاده کنید.

  • اهداف تجاریتون تغییر کرده؟

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

  • خیلی وقته که بروزرسانی نشده؟

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

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

مورد 4 منو میرسونه به مورد 5. معمولا علت اینکه تو سایتتون فهرست کارمندان و پروژه ها هنوز همون فهرست قدیمیه، اینه که ویرایشش برای گروهتون سخته. قبلا، اگه HTML یا CSS بلد نبودید نمیتونستید خودتون سایتتونو بروزرسانی کنید. اما امروز باید به طور منظم سایت بروزرسانی بشه. وقتی به طور مرتب مطالب جدید گذاشته بشه و گالری عکس ها بروزرسانی بشه، به گوگل نشون میدید که فعالید و میتونید منبع خوبی برای کاربرها باشید.

  • پلتفرم سایتتون از اسکریپت ها و رابط کاربری قدیمی استفاده می کنه؟

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

  • شرکتتون نام تجاریشو تغییر داده؟

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

  • رقیبتون سایتشو بازطراحی کرده؟

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

۰ نظر موافقین ۰ مخالفین ۰
Novin Novin

مناسب ترین ابزارهای طراحی سایت

  • Pixate

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

  • Affinity

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

  • Avocode

با آووکادو میشه خیلی راحت یه پل بین طراح ها و توسعه دهنده ها زد. می تونید طراحی هایی که تو فتوشاپ انجام دادید یا اسکچ هاتونو تو آووکادو باز کنید بدون اینکه عناصر و لایه هاش دست بخوره. پس اگه از اون دسته توسعه دهنده های front-end هستید که دنبال یه راه آسون میگردن تا کارشونو بریزن سر کدنویس های back-end، این برنامه به کارتون میاد. 
 طبیعت این برنامه طوریه که باهاش میتونید کارتونو یه جای مرکزی بذارید و همه با هم روش کار کنید و دیگه لازم نیست هر بار برای کارتون دنبال آخرین نسخه ای که همکاراتون اصلاحش کردن بگردید. این هم بگم که آووکادو هم تو ویندوز کار می کنه و هم تو لینوکس و iOS. 
این برنامه یه نسخه 144 روزه رایگان داره و بعد از اون باید برنامه رو بخرید.

  • Antetype

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

  • Sketch

اسکچ از ۷ سال پیش که ساخته شد تا الآن میلیون ها فالوئر گرفته. سرعت پیشرفتش واقعا تحسین برانگیزه. مثلا تو آخرین ورژن اسکچ یک سری ابزار جدید برای گرید یا شطرنجی کردن و یه سری نمادها یا سیمبل های جدید معرفی شده به اضافه اینکه سیستم بارگذاری کار (export) هم ارتقا یافته. 
اسکچ تو برنامش از منطق CSS استفاده کرده و برای همین هم خیلی راحتتر میتونید طراحی هایی که باهاش انجام دادید رو به CSSS منتقل کنید. یه ویژگی به درد بخور دیگش برش یا قطعه بندی خودکارشه که سرعت طراحی/توسعه رو خیلی بالا میبره، و دیگه لازم نیست دستی برش بدید طوری که با هر کلیک میتونید یه برش 0.5x, 1x, 2x و 3x با انواع و اقسام فرمت ها (PNG, JPG, TIFF) درست کنید.
این هم مثل برنامه قبلی بعد از 300 روز باید خریداری کنید.

  • Atomic

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

  • IXPin

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

  • Macaw

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

  • Marvel

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

  • Webflow

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

  • Frontify

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

  • Origami

اریگامی رو تیم فیسبوک ساختن و خودشون هم برای ساخت خیلی از محصولات شناخته شدشون مثل اینستگرام،  Rooms، Groups و Slingshot ازش استفاده کردن.
اریگامی رایگان ارائه شده، احتمالا فیسبوک میخواد ازش برای یه تجارت جدید استفاده کنه. اما متأسفانه در حال حاضر فقط برای iOSS قابل استفادست. ایده پشت اریگامی این بوده که بشه باهاش مدل ساخت و کدهاشو برای مهندس ها فرستاد.

  • PowerMockup

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

  • Invision

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

۰ نظر موافقین ۰ مخالفین ۰
Novin Novin

طراحی سایت دوم چقدر میتواند موثر باشد؟

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

تو برنامه گرفتن بازخورد از مشتری باید این نکته ها رو مد نظر قرار بدیم:

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

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

۰ نظر موافقین ۰ مخالفین ۰
Novin Novin

نداشتن CSS تجملی در طراحی سایت

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

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

نداشتن CSS تجملی

روزهای خب قدیم رو یادتون میاد؟ اون وقتا که هرکسی یه سایت و یه سری مطالب داشت که ارائه بده؟ اگه تو سایت از CSS استفاده نکنید یا خیلی کم استفاده کنید دوباره همون روزهای خوب برمیگردن. من که خودم خیلی حس نوستالژیک به اون روزا دارم. اون وقتا حتی میشد سایتی فقط یه بیوگرافی کوتاه بود یا مثلا فقط انبار یه سری لینک بود.

فونت

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

توجه کمتر به اندازه ها

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

بازگشت به فناوری میراث

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

این ها برای طراح ها چه معنی ای میدن؟

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

  • CSS رو از سایتتون خارج کنید

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

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

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

  • برای جای مطالب خلاقیت به خرج بدید

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

  • روش های قدیمی و اصولی رو دوباره یاد بگیرید

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

این طراحی کجاها خوب جواب میده و کجاها بدرد نمی خوره؟

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

۰ نظر موافقین ۰ مخالفین ۰
Novin Novin

تفاوت وب سایت و وبلاگ چیست؟

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

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

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

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

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

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

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

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

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

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

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

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

۰ نظر موافقین ۰ مخالفین ۰
Novin Novin

قیف خرید مشتری در طراحی سایت

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

۰ نظر موافقین ۰ مخالفین ۰
Novin Novin

طراحی سایت : ادابتیو بهتر است یا ریسپانسیو؟

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

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

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

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

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

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

۰ نظر موافقین ۰ مخالفین ۰
Novin Novin

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

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

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

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

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

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

۰ نظر موافقین ۰ مخالفین ۰
Novin Novin

پاسخ به برخی پرسش ها در زمینه طراحی سایت


  • چرا هزینه ها انقدر بالاست؟

بیشتر مشتری ها همین سوالو میپرسن و اتفاقا سوال خوبیه چون ما فرصت پیدا میکنیم که مفصلا راجع به ارزش واقعی سایتتون صحبت کنیم. سایت شرکت شما داره 24 ساعت و هر 7 روز هفته بدون خستگی براتون کار می کنه. وقتی شما خوابیدید، محصولاتونو میفروشه و برای کالا و خدماتتون بدون وقفه تبلیغ می کنه.
پس اگه 200 هزار تومن هم برای سایتتون بپردازید، یعنی بعد از 2 سال، شما در واقع سالی 100 هزار تومن به شرکت توسعه سایتتون پرداخت کردید. این یعنی ساعتی 12 تا تک تومنی! پس هزینه سایتتون هر چقدر هم که باشه (و 200 هزار تومن کف قیمت طراحی و توسعه سایته)، میتونید مطمئن باشید که به سرعت خرج خودشو درمیاره و اونقدر براتون پول میسازه که چند برابر هزینه اولیه ساختش درمیاد.

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

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

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

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

  • برای اینکار افزونه ای وجود نداره؟

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

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

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

  • چرا باید یه سئوی پیشرفته و کامل برای سایتم بگیرم؟

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

  • حالا واقعا مهمه هاست سایتم چی باشه؟

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


۰ نظر موافقین ۰ مخالفین ۰
Novin Novin