معمای طراحی صفحه ی اصلی وب سایت
طراحی صفحه اصلی وب سایت ، فقط درمورد سر صفحه،محتوا و پاورقی نیست. بلکه در مورد پرسیدن پرسش های مناسب و اطمینان یافتن از این که سوالات به بازدیدکنندگان وب سایت شما مربوط میشود، می باشد. علاوه بر این موارد ، درموردپیدا کردن راه حل برای مشکلات وجمع آوری آنها با هم در یک طراحی منسجم است.
آیا تا کنون به این که چگونه وب سایت خود را جذاب کنم، فکر افتاده اید؟
• چگونه میتوانم وب سایت خود را به یاد ماندنی سازم؟
• چگونه اطمینان حاصل کنم که افراد زمانی که وب سایت من را می بینند ، جذب آن می شوند؟
• چگونه میتوانم مطمئن شوم بازدیدکنندگان وب سایت درمطالب من جستجو می کنند ومحصولات یا خدمات من را کشف می کنند؟
• چگونه میتوانم مطمئن شوم بازدید کنندگان وب سایت من در یک لحظه می توانند ازطریق ایمیل ، تلفن و یا فرم درخواست با من ارتباط بر قرار کنند؟
اگر شما این سوالات را خواندید و با خود فکر کردید که بله، این ها دقیقا سوالاتی است که من از خود می پرسم، پس بدانید که شما تنها نیستید.ما افراد زیادی از بخش های بازاریابی و کمپانی های مختلف را می شناسیم که همه به دنبال پاسخ به همین سوالات در جهت طراحی وب سایت و عملکرد آن هستند.
اگر شما یک گام به عقب بردارید و سوالات را دوباره بخوانید متوجه می شوید که در همه ی آن ها از کلمات من و خود استفاده شده است و تمرکز هیچ کدام از آن ها بر روی بازدید کننده نمی باشد.
بهترین عملکرد در صفحه ی اصلی شامل کلمات من و خودم نمی باشد.
بهترین شیوه در طراحی وب سایت درمورد بازدیدکنندگان وب سایت،نیازهای آنان وخواسته های آنان است. این شیوه در مورد یک ایده ی جالب و یا چیزی که شما در وب سایت های دیگر مشاهده کرده اید نمی باشد.بلکه در مورد هدف تجارت شما ، آن چه مشتریان شما احتیاج دارند و چگونگی ارائه ی خدمات شما به آن ها می باشد.
ما هر روز، در جهت کمک به ساخت یک وب سایت جدید و یا به روز رسانی وب سایت های قدیمی، از افرادی که ما را دوست دارند سوالاتی می پرسیم.در اغلب موارد پرسش نامه ها به این شکل می باشند:
• من میخواهم نرخ خدمات شما را برای ساخت دوباره ی وب سایت خود بدانم.لطفا نگاهی به وب سایت من بیاندازید و با من تماس بگیرید.
• ما به فکر به روز رسانی وب سایت خود هستیم.آیا شما می توانید به ما کمک کنید؟
• ما به دنبال طراحی وب سایتی دقیقا مانند XYZ.com هستیم. آیا شما می توانید این وب سایت را برای ما بسازید؟
• من میخواهم وب سایتم حرفه ای تر باشد. می توانید کمک کنید؟
• آیا می توانید نگاهی به وب سایت من بیاندازید و در مواردی که نیاز به تغییر دارند مرا راهنمایی کنید؟
• من می دانم که وب سایت من بسیار بهم ریخته است و از شما می خواهم آن را برای من مرتب کنید.
بسیاری ازافراد و سازمانها به طراحی وب سایتی با توجه به نیازهای خود و یا بر پایه ی وب سایتی که بازدید کرده ودوست داشته اند، تمایل دارند. و یا درسالها ی اخیر،آنها به یک ایده بازاریابی اینترنتی جدید فکرمی کنند ومی خواهند آن راپیاده سازی کنند.
همه ی این ایده ها خوب است. اما کاری که آن ها اغلب فراموش می کنند انجام دهند مقایسه ی این ایده ها و به روز رسانی ها با نیاز ها و خواسته های بازدید کنندگان وب سایت شان می باشد. مخصوصا این قضیه در وب سایت های جدید و ارائه ی ایده ای جدید بیشتر یافت می شود.
آیا تا به حال از خود پرسیده اید؟
• چه کسی از وب سایت من بازدبد می کند؟
• آیا همه ی بازدبد کنندگان یکسان هستند و یا در گروه های مختلفی قرار دارند؟
• این افراد با چه مشکلاتی مواجه اند و چگونه می خواهند آن ها را حل کنند؟
• آیا محصولات و خدمات من می توانند راه حلی برای این مشکلات ارائه دهند؟
• کدام محتوای من می تواند این راه حل ها را بیان و کمکی به بازدیدکنندگان ارائه کند؟
• گام بعدی بازدید کنندگان برای دریافت کمک از سوی وب سایت من چه باید باشد؟
• چگونه من و بازدیدکنندگان می توانیم با هم ارتباط داشته باشیم؟
• آیا بازدید کنندگان می توانند به راحتی با من ارتباط برقرار کنند؟
ما سوالات اصلی را طوری هدایت کرده ایم که تمرکز آن ها بر روی بازدیدکنندگان معطوف شوند. این مرحله بسیار آسان است اما در اکثر موارد نادیده گرفته می شود.
به سوالات بالا با توجه به وب سایت فعلی خود پاسخ دهید. پاسخ های وب سایت شما به این سوالات چگونه است؟ اگر پاسخ ها مناسب نیست، زمان بازسازی فرا رسیده است.
چه مواردی را باید در به روز رسانی وب سایتتان در نظر بگیرید؟
عناصر بسیاری را باید برای طراحی هسته ای یک وب سایت در نظر گرفت. صحبت ما در مورد تک تک صفحه های وب سایت نمی باشد.نکات ما به عناصر اصلی طراحی،صفحه اصلی،سربرگ و پاورقی مربوط می شود.
درزیر لیست برخی ازعناصرطراحی وبسایت که ما آن ها رابررسی،بحث ��درمراحل اولیه ی پروژه های خودبرنامه ریزی می کنیم ، ق��ار دارند:
عناصرسربرگ وب سایت:
• لوگو
• خلاصه
• آیکون های رسانه های اجتماعی ویا مراجع
• کادرجستجو
• منوی راه یابی اصلی (مقصد هسته ای)
• منوی راهیابی ثانوی (مقصد ثانویه مانندحساب کاربری ورود به سایت)
عناصر هسته ای صفحه اصلی:
• چرخاننده یا تصویر ثابت
• فیلم
• معرفی سایت و یا مرور کلی
• محتوا
• تماس فردی ودستورالعملها
• تماس برای اقدام
• جوایز و یا معاملات
• پست ها یا خبر وبلاگ
• برنامه های آینده
عناصر پاورقی وب سایت:
• ابزارک ها برای لیست محتوای هسته ای
• اطلاعات تماس
• ناوبری سایت به نقشه سایت،سیاست ها،ضوابط و شرایط
• تکذیب نامه ها یا اعلامیه ها ی حقوقی
• کپی رایت
آیا این موارد بسیار طولانی هستند؟ بله همین طور است و به همین خاطر است که ما از مشتریان جدید انتظار نداریم که به تمامی این موارد پاسخ دهند. خیلی خوب است اگر آن ها بر روی تعدادی از این موارد فکر کرده و متوجه شوند که این موارد چگونه در بازاریابی و جذب بازدیدکنندگان به آن ها کمک می کند.
اگر آن ها در این کار موفق نشدند، ما مفتخریم که این راه را برای آن ها روشن کرده و با تشریح عناصر مختلف به آن ها نشان دهیم که این موارد چگونه می توانند در ارائه ی راه حل برای مشکلات بازدید کنندگان به آنها کمک کند.
منبع: طراحی لوگو،طراحی کاتالوگ ، چاپ سربرگ ، طراحی آرم ، طراحی سایت
یک لوگوی خوب چگونه است؟
در دنیای امروز ماطراحی لوگو ها نقش بسیار مهمی برای هویت بخشی به یک مجموعه ایفا می کند . خواه مجموعه شما اقتصادی ، فرهنگی یا خدماتی باشد ؛ این لوگوی شماست که شما را به بقیه معرفی می کند. چگونه می توان یک لوگوی خوب را از یک لوگوی بد تمیز و تشخیص داد ؟
لوگو یک شناخت سریع ، الهام بلادرنگ ، ایجاد حس صداقت و اعتماد است و در عین حال می تواند برعکس همه این ها هم باشد . لوگو معرف شرکت و تجارت شما و یا خدمتی است که ارائه می دهید . معمولا لوگوها از نوشتار ، فرم ، رنگ و حجم تشکیل می شوند .
لوگوی خوب عبارت است از یک لوگوی ممتاز ، اختصاصی ، کاربردی و در عین حال ساده . پنج ویژگی اصلی را می توان برای یک لوگوی خوب نام برد :
- سادگی
- ماندگاری در ذهن
- قدیمی نشدن به مرور زمان
- همه منظوره بودن
- مرتبط بودن
سادگی
لوگوی گروه شرکت های آواژنگ - لوگوی شرکت فراسو
طراحی ساده لوگو باعث می شود سریع تر و بهتر از سایر لوگوها بازشناخته شود . سادگی در طراحی آرم به ماندگاری لوگو در ذهن کمک می کند . لوگو را تازه نگه می دارد و کمک می کند “مرور زمان” از تاثیر گذاری اش نکاهد .
همچنین سادگی طراحی آرم و لوگو به ما کمک می کند تا بتوانیم از لوگو به صورت همه منظوره استفاده کنیم . به این مفهوم که لوگو در انواع نیازمدی ها مانند انواع چاپ و اشکال هندسی شکل واحد خود را حفظ می کند .
ماندگاری در ذهن
لوگوی بیمه آسیا و روزنامه کیهان
همواره در پی سادگی ، ماندگاری در ذهن خواهد آمد . هدف از طراحی لوگو و آرم، ماندگاری هویت مجموعه ما ، در ذهن مخاطبان هدف ماست . چنانچه لوگو نتواند در ذهن مخاطبان بنشیند ، هیچ کمکی به ما در ایجاد یک هویت موفق نخواهد کرد .
قدیمی نشدن به مرور زمان
لوگوی شرکت زمزم و لوگوی شرکت کوکاکولا
یک لوگوی موثر نباید تاریخ مصرف داشته باشد . لوگو باید بتواند برای ده ها سال تازگی خود را حفظ کند . چنانچه به تاریخچه طراحی لوگو رجوع کنید ، خواهید دید که انواع لوگوها در طی سالیان بارها تغییر کرده اند . اگر تغییرات در لوگو اساسی باشد ، آن لوگو ، یک لوگوی ناموفق است .
نمونه موفقی از این دست طراحی لوگو حرفه ای مربوط به شرکت کوکاکولا است . در صورتی که نمودار تغییرات این لوگو را با شرکت رقیبش پپسی مقایسه کنیم ، بهتر به این مورد پی می بریم .
تاریخچه طراحی لوگو در دو شرکت پپسی و کوکاکولا
همه منظوره بودن
لوگوی شرکت تالیا و WWF national organizations
یک لوگو خوب باید بتواند در موارد کاربردی گوناگون استفاده شود . در گام نخست حتما باید یک لوگوی برداری باشد .لوگو باید بتواند در تمامی سایز ها از بسیار بزرگ تا سایز عادی کیفیت خود را حفظ کند . همچنین لوگو در حالت های عمودی و افقی باید کارآمد باشد .
مرتبط بودن
لوگوی شرکت قطار شهری ایران ( مترو) و شرکت لبنیاتی روزانه
بهتر است در برخی از موارد محدود لوگو با فعالیت شرکت همسو و مرتبط باشد . به عنوان مثال اگر شما قرار است برای یک اسباب بازی فروشی لوگو طراحی کنید ، بهتر است از فونت و رنگ های کودکان بهره ببرید . مرتبط بودن لوگو با حرکتی که شما دنبال می کنید ، به هویت مطلوب تر کمک بسیاری می کند .
البته در مواردی لوگو نیازنیست که با فعالیت شرکت شما ارتباط مستقیم داشته باشد ، لوگوی یک شرکت اتومبیل سازی لزوما نیازی نیست که یک ماشین باشد و یا یک شرکت کامپیوتری نیازی نیست در لوگوی خود از کامپیوتر استفاده کند .
اگر به لوگوی نوکیا نگاهی کنید ، اثری از موبایل نخواهید یافت . در این موارد لوگو تنها به وجه تمایز شرکت ها کمک می کند و معرف کار شرکت نیست . اگر به ۵۰ برند برتر جهان نگاهی داشته باشید در ۹۴ درصد آنها لوگو ، نشانگر فعالیت شرکت نیست .اخبار برندها
منبع: طراحی لوگو،طراحی کاتالوگ ، چاپ سربرگ ، طراحی آرم ، طراحی سایت
مشکلات مربوط به فونت فارسی برای وب سایت ها
از طراح وب خود بپرسید: هاست ویندوز یا هاست لینوکس؟
بسیاری از مشتریان قبل از اینکه طراحی سایت خود را سفارش دهند، هاست و دامین خودشان را ثبت کرده اند، که اتفاق خوبی است. اما متاسفانه بعضی از مشتریان بدون پرس و جو درباره نوع هاست مورد نیاز اقدام به اجاره آن کرده و شرکت فروشنده هم مشاوره لازم را به آنها نداده است.
از آنجایی که در حال حاضر "اکثر" شرکتهای طراحی وب از CMSهای php مانند Joomla و WordPress و Drupal استفاده می کنند و برخی دیگر هم مثل مرکز طراحی اسپیرال یک CMS اختصاصی با php می نویسند، انتظار می روند شرکتهای فروش هاست حداقل اطلاعات لازم درباره تفاوتهای هاست Windows و Linux بدهند، و با توجه به اینکه جوملا و وردپرس و دراپال همه با زبان php توسعه یافته اند، در حالت طبیعی هاست Linux را پیشنهاد کنند.
شرکت "ایران هاست"، از جمله شرکتهای شناخته شده و گزینه اول بعضی از مشتریان بوده است و متاسفانه تمام پکیجهای این شرکت ویندوز است، آن هم با کانفیگ عجیب و غریب، بدون MySQL، محدودیت اکانت ایمیل، پنل مدیریتی Website Panel 2.0 (که کمترین امکانات را نسبت به سی پنل و پاراللز دارد) و قیمتی نسبتا بالا ارائه می کند.
فروش چنین پکیجهایی به هزاران مشتری ناآگاه و بدون مشاوره، علاوه بر اینکه دور از اخلاق حرفه ای است، باعث می شود اکثر مشتریان در مرحله طراحی و برنامه نویسی سایتشان دچار مشکل شوند و حتی برخی ترجیح دهند هاست دیگری بخرند.
البته ما قضاوتی درباره کیفیت سایر خدمات این شرکت نداریم، اما از "برندهای ایرانی" انتظار بیشتری می رود!
سوال: برای سایت های php شما چه هاستینگی را معرفی می کنید؟
این روزها در دنیا اکثر هاست‌ها از نظر فضا و پهنای باند و... نامحدودند و از طرف دیگر هاستهای "پردازش ابری" (یا Cloud Computing Hosts) رقیب شرکتهای سنتی تر شده اند. با این معیارها هاست لینوکس خوب در شرکتهای ایرانی ندیده ام. با این حال هاستهای لینوکس وبدیتا (فناوری اطلاعات نگاه) نه از نظر امنیت و آپتایم، که از نظر پشتیبانی خوب و متعهد در کنار کانفیگ عرف و قیمت مناسب، گزینه پیشنهادی و تا حدودی سلیقه ای من بوده.
اما اگر مشکل پرداخت بین المللی و زبان انگلیسی (برای ارتباط با بخش ساپورت) ندارید، هاست‌هایی مثل بلوهاست (BlueHost) را پیشنهاد می کنم: فضا و پهنای باند نامحدود، کانفیگ عالی، آپشن‌های اضافه خوب، و پشتیبانی فوق العاده عالی. همه اینها در حال حاضر سالانه حدود 60 دلار است. مطمئن باشید با انتخاب چنین هاستی طراح وب خود را خوشحال می کنید!
منبع : [URL="http://webcade.ir/"]طراحی سایت[/URL] ، [URL="http://webcade.ir/"]طراحی وب سایت[/URL] ، [URL="http://www.webcade.ir/seo"]بهینه سازی سایت[/URL] ، [URL="http://armcade.com/"]طراحی لوگو[/URL]، [URL="http://armcade.com/"]طراحی آرم[/URL]
[URL="http://chapcade.com/%D8%B7%D8%B1%D8%A7%D8%AD%DB%8C%D9%88%D8%AA%D8%A8%D9%84%DB%8C%D8%BA%D8%A7%D8%AA/%D8%B7%D8%B1%D8%A7%D8%AD%DB%8C%DA%A9%D8%A7%D8%AA%D8%A7%D9%84%D9%88%DA%AF.aspx"]طراحی کاتالوگ[/URL]
[URL="http://chapcade.com/%DA%86%D8%A7%D9%BE%D9%88%D8%AA%D8%A8%D9%84%DB%8C%D8%BA%D8%A7%D8%AA/%DA%86%D8%A7%D9%BE%DA%A9%D8%A7%D8%AA%D8%A7%D9%84%D9%88%DA%AF.aspx"]چاپ کاتالوگ[/URL]
سایت را تا جای ممکن کم حجم طراحی کنید
شاید یکی از مهمترین اصولی که خیلی از طراحان، چه آنهایی که طراحی سایت به‌روز دارند و چه گرافیستهای چاپی و چهمهندسان پرتال نصب کن! توجهی به آن ندارند حجم سایت است. ناگفته پیداست که یک وبسایت سنگین چه زیانهایی می رساند: بسیاری از کاربران را خسته و پشیمان می کند، آمار بازدیدکنندگانی که برای چندمین بار به سراغ سایت ما می آیند کم می کند، تعداد بازدید از صفحات داخلی را کم می کند، حوصله موتورهای جستجو را برای ایندکس کردن سر می آورد و رتبه ما را در موتورهای جستجو می کاهد. البته سبک یا سنگین بودن حجم یک سایت نسبی است و بستگی به میانگین سرعت مخاطبانمان دارد. قطعا برای کاربر عادی ایرانی 100 کلیوبایت وزن قابل توجهی است ولی برای یک نفر در جایی که اسمش خارج است! شاید یک مگابایتش هم چیز زیادی نباشد.
طبق تجربه، طراحی کم حجم می تواند یکی از خصوصیاتی باشد که مشتریان را به سوی طراحان وب جذب کند. اما چه عواملی در سرعت سایت تاثیر گذار است؟ اول اینکه شیوه کد نویسی استاتیک بسیار مهم است: اینکه تا چه حد از CSS استفاده مفید بکنید. کدهای داینامیک نظیر php و asp معمولا به خاطر سرعت بالای سرورها در کمتر از یک ثانیه اجرا می شوند که زیاد به حساب نمی آیند! پس روی کدهای استاتیک که تر و تمیز باشند، و تمام CSS ها بیرون از محتوا و در یک یا چند فایل جدا ذخیره شوند تاکید بیشتری باید داشت. زیرا این باعث می شود در بارگزاری مجدد، این فایل از روی Cache کامپیوتر کاربر لود شود و در سرعت تاثیر مثبت دارد. در مورد فایلهای جاوا اسکریپت نیز وضع به همین منوال است. کدها را ترجیحا در فایلهای جدا باید ذخیره کرد و در هدر سایت فراخوانی کرد. در مواردی که ناچاریم کدها را در فایل اصلی بیاوریم، ترجیحا همه را به پایینترین خطوط کدهای استاتیک انتقال دهیم تا حوصله موتورهای جستجو از سر و کله زدن با این کدها سر نرود، و اگر برود چیز زیادی از دست نداده باشیم! ضمنا در استفاده از افکتهایی که با کتابخانه‌هایی نظیر jQuery اجرا می شوند، باید حواسمان باشد که آیا استفاده از هسته جی کوئری (حدود 80 کلیوبایت) به اضافه کدهای آن افکت به صرفه هست یا نه! زیرا معمولا این کدها را اجنبی های کافر می نویسند که سرعت اینترنتشان خیلی بالاست و ممکن است به فکر سرعت اینترنت در برخی کشورهای دیگر (اسم نمی برم!) نباشند!
مساله مهم و حیاتی دیگر حجم و تعداد تصاویری است که در طراحی به کار می بریم. باید تا جای ممکن از تصاویر کمتر و کم حجمتر استفاده کنیم، و از ساختارهای پر عکس بپرهیزیم (باز هم قابل توجه گرافیستان چاپی). برای ذخیره تصاویر نیز حتما از بخش Save for web در فتوشاپ استفاده کنید. تصاویری که تعداد رنگهای محدودتری دارند، با پسوند gif و تصاویری که سایه روشن یا تنوع طیف رنگی بیشتری داند با پسوند jpg کم حجمتر می‌شوند. پسوند جدیدتر png-24 نیز که از قابلیت شفافیت آن نیز در مرورگرهای جدیدتر می توان استفاده کرد، معمولا از دو نوع قبلی پر حجم تر اما بسیار با کیفیت تر است. چاره دیگر استفاده از تصاویر کوچکی است که تکرار (repeat) می شوند. این روش برای سایه روشنها (gradient) و بافتها (patterns) بسیار کاربردی است.
عوامل دیگری نظیر میزان محتوا (متن و تصویر) در هر صفحه و نیز سرعت سرور، در سرعت بارگزاری صفحات وب موثرند. برای فشرده کردن فایلهای CSS و js و... از قابلیت gzip کردن در فایل htaccess می توان استفاده کرد. برای این منظور می توانید به بخش Compression در کنترل پنل (Cpanel) مراجعه نمایید.
شاید بد نباشد این را هم بگویم که قالبهای از پیش طراحی شده اکثر پرتالهای آماده (از جوملا گرفته تا تالارهای گفتگو) معمولا بسیار سنگین هستند و ساختارهایشان نیز پر از فایلهای خارجی و کدهای اضافه است.
منبع : طراحی سایت ، طراحی وب سایت ، بهینه سازی سایت ، طراحی لوگو ، طراحی آرم