وبلاگ آموزشی

اصول روان شناسی استفاده از رنگ ها در طراحی صفحات وب

یکشنبه, اردیبهشت ۲۰م, ۱۳۸۸ | آموزش طراحی صفحات وب, طراحی سایت, طراحی وب سایت استاتیک, طراحی وب سایت داینامیک, مقالات علمی | ۱۱ نظر

روانشناسی رنگ - معنی رنگ در طراحی وب

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

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

رنگ

1- اثر روانشناسی رنگ
۲- قابلیت خواندن متون صفحات سایت . مثل سایت : (www.irna.com)
3- رنگ متمم رنگهای انتخابی برای بک گراند ، گرافیک ها ، لینک ها و متون ( مثل سایت http://www.HiGrade.ir)
4- وجود تطبیق رنگی بین لوگوها و آرم های صفحات با رنگ بندی متون و مطالب به کار گرفته شده (مثل سایت http://www.karvarz.com)
5- توجه به نوع مخاطب و بازدیدکننده بخش های مختلف سایت . سایتی مانند یاهو ، که روزانه میلیون ها مخاطب دارد و از صدها بخش متنوع تشکیل شده است ، برای هر بخش خود از یک چیدمان و رنگ بندی خاصی در طراحی صفحات اکتیو ، استفاده کرده است . مثلا بخش کودکان یاهو با بخش بازرگانی ان بسیار تفاوت دارد

› ادامه مطلب

Tags: آموزش ساخت سایت, آموزش طراحی وب سایت, اثر رنگها, رنگ شناسی رنگ آبی, رنگ شناسی رنگ خاکستری, رنگ شناسی رنگ قرمز, رنگ شناسی رنگ مشکی, رنگ شناسی رنگ نقره ای, روانشناسی رنگ, روانشناسی رنگها, روانشناسی رنگها در گرافیک, طراحی صفحات وب, معنی رنگها

طراحی سایتهای تجارت الکترونیکی | eCommerce Website Design

یکشنبه, اسفند ۱۱م, ۱۳۸۷ | طراحی سایت, طراحی وب سایت استاتیک, طراحی وب سایت داینامیک, مقالات تجارت الکترونیک | ۴ نظر

Tags: e-commerce, برای ساخت وب سایت چه باید کرد, تجارت الکترونیک, تجارت الکترونیکی, ساخت سایت, ساخت وب سایت, طراحی سایت, طراحی صفحات وب, طراحی وب سایت, گوگل

پرتال چیست؟

شنبه, اسفند ۱۰م, ۱۳۸۷ | آموزش طراحی صفحات وب, طراحی سایت, طراحی وب سایت داینامیک | دیدگاه‌ها خاموش

واژه وب پرتال (Web Portal) یا اختصارا پرتال برای سایت‌هایی به کار می‌رود که برای اغلب کاربران به عنوان نقطه شروع کار با اینترنت  است. نمونه سایت‌های پرتال عبارتند از Yahoo، Altavista ،Iview ،Infoseek ،Lycos ،Excite اغلب پرتال‌های امروزی در ابتدا تنها یک موتور جست‌وجوی ساده بوده‌اند که با گذشت زمان  و تکامل تدریجی به شکل فعلی درآمده‌اند.
با ورود به یک پرتال به ۲ دسته از منابع می توان دسترسی پیدا کرد:
١- اطلاعات: موضوعات طبقه بندی شده ، پیوندهای مفید و غیره.
٢- سرویس‌ها: برای مثال سرویس‌هایی نظیر پست الکترونیکی و غیره.
در یک کلام می توان گفت که پرتال دروازه‌ای برای ورود به دنیایی از اطلاعات است.
پرتال‌ها به ۵ دسته کلی تقسیم می شوند:

پرتال‌های تخصصی: (Specialized Portals) پرتال‌هایی هستند که برای یک هدف خاص طراحی شده‌اند
پرتال‌های شرکتی: (Enterprise Portals) پرتال‌هایی که مخصوص یک شرکت خاص طراحی شده‌اند و کاربران آن اغلب کارمندان شرکت هستند.
پرتال‌های فضای کار: (Workspace Portals) پرتال‌هایی هستند که بر اساس زمینه‌های کاری مختلف طراحی می شوند.
پرتال‌های تجاری: (Marketspace Portals) این پرتال‌ها از تجارت الکترونیک در مدل‌های شرکت با شرکت (B2B) و شرکت با مشتری (B2C) پشتیبانی می‌کنند.
پرتال‌های علمی: (Knowledge Portals) پرتال‌هایی هستند که امکان همفکری بین افراد متخصص در انجام  یک پروژه مشترک را می‌دهند.
به طور کلی پرتال‌ها دارای ویژگی‌های گوناگونی هستند، اما ویژگی‌های اصلی که می‌توان برای آنها برشمرد، عبارتند از:
امکان جست‌وجو: ویژگی اصلی و پایه‌ای پرتال‌ها برخورداری از امکان جست‌وجوی پیشرفته است.
یکپارچگی اطلاعات: اطلاعات از منابع مختلف جمع‌آوری شده و در قالب یک سایت به کاربر ارائه می‌شود.
امکان سفارشی سازی: هر کاربر بسته به خصوصیاتی که در هنگام ورود (log in) به پرتال ارائه می‌کند، اطلاعات متفاوتی را دریافت خواهد کرد.
برای مثال اگر پرتال یک شرکت  را در نظر بگیریم، اطلاعات و سرویس‌هایی که مدیر شرکت پس از ورود به پرتال دریافت می‌کند، متفاوت از اطلاعات و سرویس‌هایی است که کارمندان دریافت می کنند.
تکنولوژی Push: به فناوری اطلاق می‌شود که به شکل خودکار و بدون درخواست کاربر، اطلاعات متناسب با سلیقه فرد به دسک‌تاپ او ارسال می شود.
معماری پرتال‌ها
از نظر معماری، پرتال‌ها به دو دسته پرتال‌های عمودی (Vertical)  و افقی (Horizontal) تقسیم می شوند.
پرتال‌های افقی اطلاعات گسترده‌ای در موضوعات بسیار متنوع ارائه می‌کنند در حالی که در پرتال‌های عمودی، کلیه اطلاعات ارائه شده علیرغم گستردگی تنها در مورد یک موضوع خاص است.
به شکل ساده‌تر می‌توان گفت که پرتال‌های افقی، نقش  پرتال‌های عمومی و پرتال‌های عمودی نقش پرتال‌های تخصصی را بازی می‌کنند. یاهو نمونه‌ای از پرتال‌های افقی است که موضوعات گوناگونی را پوشش می‌دهد البته درمورد یاهو به دلیل گستردگی فوق‌العاده، لفظ مگا پرتال را به آن نسبت داده‌اند. از سوی دیگر امکان شخصی‌سازی را که به عنوان یکی از ویژگی‌های کلیدی پرتال ذکر کردیم، به خوبی می توان در یاهو مشاهده کرد بدین منظور به آدرس http://my.yahoo.comمراجعه کرده و با وارد کردن شناسه کاربری و کلمه عبور خود وارد یاهو شوید .در این حالت اطلاعات صفحه یاهو به صورت نواحی شکل‌های مستطیلی قابل انتخاب مختلف نمایش داده می‌شود و می‌توانید موضوعات دلخواه خود را انتخاب کنید. در این صورت دیگر نیاز نیست به صفحه آغازین یاهو مراجعه کنید بلکه می‌توانید به شکل مستقیم به سراغ موضوعات دلخواه خود بروید.

Tags: portal, پرتال, راه اندازی پرتال خبری, سی ام اس, سیستم مدیریت محتوا, مدیریت محتوا, وب 2, وب دو

چند نکته که در طراحی وب سایت باید از آن خودداری کرد

شنبه, بهمن ۲۶م, ۱۳۸۷ | آموزش طراحی صفحات وب, افزایش بازدیدکننده, سئو, طراحی سایت, طراحی وب سایت استاتیک, طراحی وب سایت داینامیک, مقالات تجارت الکترونیک | دیدگاه‌ها خاموش

کارهایی که در طراحی وب سایت باید از آن خودداری کنید

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

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

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

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

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