تبلیغات :
خرید لپ تاپ استوک
ماهان سرور
آکوستیک ، فوم شانه تخم مرغی ، پنل صداگیر ، یونولیت
دستگاه جوجه کشی حرفه ای
فروش آنلاین لباس کودک
خرید فالوور ایرانی
خرید فالوور اینستاگرام
خرید ممبر تلگرام

[ + افزودن آگهی متنی جدید ]




صفحه 3 از 4 اولاول 1234 آخرآخر
نمايش نتايج 21 به 30 از 40

نام تاپيک: اخبار طراحان صفحات وب و برنامه نویسان

  1. #21
    کاربر فعال انجمن طراحی صفحات وب kian98's Avatar
    تاريخ عضويت
    Jan 2014
    محل سكونت
    در لباس هایم
    پست ها
    1,845

    14 ده نکته مهم در طراحی صفحات وب سایت مناسب

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

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

    1- بر روی ساخت صفحات با سرعت نمایش سریع تمرکز کنید

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

    2- اطلاعات صفحه خود را خیلی زیاد نکنید اما اطلاعات خیلی هم کم نباشد

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


    3- ناوبری و استفاده صحیح از لینک ها در صفحات وب سایت

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

    4- استفاده از تصاویر با سایز کوچک و حجم کم

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

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


    5- استفاده از رنگ های مناسب در طراحی صفحات وب سایت

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

    6- در نگارش اطلاعات مربوط به صفحات وب سایت بروز عمل کنید

    همانطور که قبلا اشاره شد وب سایت ها جهانی هستند پس بهتر است اطلاعاتی را در سایت خود ارائه نمایید که بروز و جهانی باشند. برای این که به بازدیدکننده سایت نشان دهید که سایت شما بروز است بهتر است اخبار و اطلاعات بروز را در قسمتی از وب سایت به کاربران نمایش دهید.

    7- مطالب صفحات وب سایت خود را از نظر املایی و دستور نگارش بررسی کنید

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

    8- لینک های وب سایت خود را همیشه بررسی کنید که صحیح عمل کنند

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

    9- استفاده از لینک های شفاف و صحیح در وب سایت

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


    10- اطلاعات تماس را در تمامی صفحات وب سایت در مکانی مناسب نمایش دهید

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

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

  2. #22
    کاربر فعال انجمن طراحی صفحات وب kian98's Avatar
    تاريخ عضويت
    Jan 2014
    محل سكونت
    در لباس هایم
    پست ها
    1,845

    8 سیر تکامل در کدنویسی HTML



    پیدایش اینترنت و زبان کدنویسی HTML


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

    اولین نسل از زبان HTML

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

    نسل دو زبان کدنویسی HTML

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

    کنسرسیوم جهانی وب ناظر مستقیم بر استانداردهای کدنویسی HTML

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

    نسل سوم زبان HTML

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

    نسل چهارم کدنویسی HTML

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

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

  3. #23
    کاربر فعال انجمن طراحی صفحات وب kian98's Avatar
    تاريخ عضويت
    Jan 2014
    محل سكونت
    در لباس هایم
    پست ها
    1,845

    12 بهترین مکان ها برای ایجاد لینک های یک طرفه و معتبر




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

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

    در این مقاله به برخی از مکان های خوب در وب و منابع مناسب لینک های یک طرفه برای لینک بیلدینگ اشاره می کنیم:

    1- وب سایت های خبری (مطبوعات)
    انتشار در این مطبوعات مانند بازاریابی مقاله است... بهترین روش گرفتن لینک های یک طرفه برای وب سایت تان می باشد. می توانید از هر دو نوع رایگان و پولی press release ها برای ارسال پیام خود در وب استفاده نمایید. بسیاری از بازاریابان با PRweb به موفقیت رسیده اند. البته ممکن است تا حدودی پر هزینه باشد اما به شدت معتبر و با ارزش است.

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

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

    3- لینک های قدرتمند با دامنه های .edu و .gov
    عمدتاً به دلیل اینکه به عنوان وب سایت های غیر تجاری و تبلیغاتی و با نفوذ و قدرتمند محسوب میشوند، لینک های .edu و .gov از موثرترین و قدرتمند ترین لینک های یک طرفه ای هستند که می توانید دریافت نمایید. سعی کنید از محدوده های کلیشه ای خود بیرون زده و از این نوع لینک ها برای وب سایت خود استفاده نمایید.

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

    4- چگونگی سایت ها
    همه ما می دانیم به روزرسانی های پاندای گوگل و پیگیری تعداد بیشماری از تغییرات الگوریتم، به این نوع وب سایت ها می تواند ضربه های مهلکی وارد نماید. اما آنهایی که هنوز کیفیت خود را حفظ کرده اند، محل های مناسبی برای دریافت لینک های یک طرفه می باشند. اغلب اگر راهنمایی برای چگونگی استفاده از این وب سایت ها در راستای اهدافتان بخواهید، فوراً یک لیست در گوگل مشاهده خواهید کرد. برای شروع می توانید از سایت هایی مثل eHow و یا Squidoo استفاده نمایید.

    5- سایت های Do-Follow و پروفایل ها
    اگر توجه کرده باشید، وب به سمت اجتماعی شدن تمایل بیشتری دارد. برخی از بهترین مکان ها برای ایجاد لینک های معتبر یک طرفه در این شبکه های اجتماعی، سایت های Bookmarking و پروفایل ها است؛ به خصوص اگر از طریق صفحات تان اقدام به ایجاد طرفدار و مشترکین برای خود نمایید. فیس بوک، تویتر، گوگل+، MySpace و... همه اینها فرصت هایی برای ساخت لینک های یک طرفه به شما خواهند داد.

    6- عضویت و نظرات
    شما باید همیشه هنگام لینک بیلدینگ فعال باشید، پس یک گام جلوتر از روش های معمول بردارید و از هر عضویتی که ممکن است به شما مرتبط باشد، لینک دریافت نمایید.

    همچنین ارائه Testimonials (توصیفات) برای سایت ها و یا محصولات مورد علاقه تان می تواند راه مناسب دیگری برای دریافت لینک های معتبری باشد که معمولاً در صفحهء اصلی با فهرست آن سایت به نمایش در می آید.

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

    8- ارسال نظرات به وب سایت ها و وبلاگ ها
    در حالی که بسیاری از سایت ها هنوز Cracking Down بوده و یا تمام لینک های آنها Nofollow است... اما اظهار نظر یا Commenting در وبلاگ و سایت ها هنوز راه موثری برای رسیدن به بک لینک ها می باشد. بسیاری از بازاریابان اینترنتی برای خود گوگل Alerts با کلمات کلیدی هدفمند ایجاد می کنند و هنگامی که هر لینک مرتبطی در گوگل ایندکس می شود، ایمیل آن برای آنها ارسال می گردد. سپس کاملاً لینک مورد نظر را بررسی کرده و در صورت ارزشمند بودن آن "دیدگاه" خود را برای آن ها ارسال می نمایند.

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

  4. #24
    کاربر فعال انجمن طراحی صفحات وب kian98's Avatar
    تاريخ عضويت
    Jan 2014
    محل سكونت
    در لباس هایم
    پست ها
    1,845

    10 نکات مهم در طراحی وب سایت ورزشی و باشگاه




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

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

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

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

  5. #25
    کاربر فعال انجمن طراحی صفحات وب kian98's Avatar
    تاريخ عضويت
    Jan 2014
    محل سكونت
    در لباس هایم
    پست ها
    1,845

    6 به کار گیری فنگ شوی در طراحی وب


    فنگ شوی یک سیستم مرتب سازی چین باستان است که باعث فراهم آوردن حداکثر نظم داخلی و شادابی برای استفاده کننده گان است . در سال 1990 به کارگیری این سیستم در مد و دکوراسیون خانه و اداره های غربی دنبال شد. شاید این پیگیری به خاطر فهمیدن راز اصلی و ذات جذاب فنگ شوی باشد. اما به نظر من می توانیم این اصول و قواعدِ مرتب و زیباسازی را در طراحی وبسایت‌های خود به کار بگریم. شاید چینی ها این قواعد را حداقل 5000 سال پیش به کار گرفته اند اما خوب این دلیل عدم کارایی این اصول در امروز نمی شود.
    مهم ترین جنبه ی یک فنگ شوی مناسب چی (ch`i) آن است. عدم توجه به چی، یک فنگ شوی بد به شما می دهد. چی یک نیروی زندگی است که در هر چیزی جریان دارد و آن ها را به هم اتصال می دهد. چی همان انرژی است که در صورت داشتن محیطی مثبت باید به خوبی جریان یابد.
    فنگ شوی در طراحی وبسایت ، مجموعه ای از اصول و قواعدی است که شامل یک مرتب سازی کلی وبسایت و به جا گذاشتن یک تجربه ی عالی برای کاربران است که از این راه بیشترین جریان چی را هدایت می کند.

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

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

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

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

    راهیابی
    کاربر باید به راحتی در وب شما بگردد. در طراحی وب خود از کلید های back و home و لینک به صفحات مهم در هر صفحه از وبسایت خود استفاده کنید. حتی شما در حالت عادی هم دوست ندارید که در خانه ای دالان دالان زندگی کنید که بیشتر شبیه لانه موریانه است و در آن گم می شوید.

    نکات دیگر :

    • مطمئن شوید که صفحه ی ورودی وب یا به قولی home page ظاهر زیبایی دارد و به خوبی روی آن کار شده است.
    • لینک های زیادی در صفحات خود به صورت خطی لیست نکنید ، ظاهر بسیار راکد و نامناسب دارد .

  6. #26
    کاربر فعال انجمن طراحی صفحات وب kian98's Avatar
    تاريخ عضويت
    Jan 2014
    محل سكونت
    در لباس هایم
    پست ها
    1,845

    13 استفاده از فضای منفی در طراحی سایت

    فضای منفی در طراحی چیست؟
    فضای منفی یا همان Negative Space تکنیکی قدرتمند در طراحی سایت است که به تازگی توجه بیشتری به آن شده است. در واقع نگاهی مینیمالیستی داشته و جزئی مهم در طراحی نوین است.

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

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

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

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

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

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

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

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

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

  7. #27
    کاربر فعال انجمن طراحی صفحات وب kian98's Avatar
    تاريخ عضويت
    Jan 2014
    محل سكونت
    در لباس هایم
    پست ها
    1,845

    1 کی باید از تبلیغات کلیکی (PPC) استفاده کنیم؟


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

    1-هنگامی که با جستجوی برند خود، لینک اول نتایج جستجو نیستید:
    تا به حال شده است اسم برند یا وب سایت خود را در موتورهای جستجو بیابید. اگر مشاهده کردید که وب سایت شما لینک اول موتورهای جستجو نیست حتما از تبلیغات کلیکی استفاده کنید زیرا کاربران بالقوه ممکن است با جستجوی وب سایت یا برند شما، رقیبانتان را پیدا کرده و فرایند خرید از آنها انجام شود.

    2-نتایج سریع تبلیغات کلیکی
    اگر مایل هستید خیلی سریع با افزایش فروش موجه شوید، در جریان باشید از آنجا که بعد از تصمیم گیری تبلیغات اینترنتی در کمتر از یک ساعت می توانید برای انتخاب نامحدود کلمات کلیدی در صفحه اول نتایج جستجو باشید و آگهی را به کاربران نشان دهید، بازخورد تبلیغات کلیکی بسیار بالا می باشد. همیشه به یاد داشته باشید استراتژی بهینه سازی وب سایت یک سرمایه گذاری بلند مدت برای کسب و کار می باشد.

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

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

    5-توسعه کسب و کار در بازارهای محلی دیگر
    یکی از امتیازاتی که تبلیغات کلیکی گوگل دارد، گزینه مدیریت مکان می باشد. در صورت تمایل می توانید محصول و خدمات خود را برای کسانی به نمایش بگذارید که احساس می کنید، آنها می توانند مشتریان شما شوند.

  8. #28
    کاربر فعال انجمن طراحی صفحات وب kian98's Avatar
    تاريخ عضويت
    Jan 2014
    محل سكونت
    در لباس هایم
    پست ها
    1,845

    6 تکنیک طراحی سایت Infinite Scrolling

    Infinite Scrolling یا صفحات بی پایان



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

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

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

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

    معایب تکنیک صفحات بی پایان
    با ارائه حجم نامحدودی از اطلاعات به کاربران، قدرت تصمیم گیری و تمرکز آنها از دست میرود. تکنیک محدود بودن انتخاب ها یکی از مهمترین روش ها برای فروشندگی و بازاریابی است که میتوان از آن در طراحی و ارائه سایت های اینترنتی بهره برد. موتور جستجوی گوگل برای بخش تصاویر خود از Infinite Scrolling بهره میبرد ولی چرا همین سیستم را در بخش جستجوی صفحات وب استفاده نمیکند و تنها به نمایش ۱۰ گزینه اول و صفحه بندی نتایج بسنده کرده؟ آمارها حاکی از آن است که ۹۴ درصد کاربران هرگز به صفحه دوم نتایج گوگل مراجعه نمیکنند پس نیازی به مشاهده تعداد بیشتری ندارند. در نتیجه دلیلی برای ارائه بیش از حد مطالب به آنها نیست.

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

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

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

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

  9. #29
    کاربر فعال انجمن طراحی صفحات وب kian98's Avatar
    تاريخ عضويت
    Jan 2014
    محل سكونت
    در لباس هایم
    پست ها
    1,845

    4 خطاهای بزرگ طراحی وب

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

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

    2- خوانندگان وب و فایل‌های pdf
    خوانندگان وب از فایل‌های pdf دل خوشی ندارند. تصور کنید به‌ سختی مشغول جست‌وجو و گشت زدن در وب هستید که ناگهان به یک فایل pdf می‌رسید و فاجعه رخ می‌دهد؛ فشردگی خطوط، مشکلات نرم‌افزاری، از دست دادن فرصت جست‌وجو و گم کردن مسیر جستجو از مواردی است که فایل‌ PDF را کابوس خوانندگان وب می‌کند.
    پس این شعار را فراموش نکنید: خداحافظ حروف و صفحه‌های چاپی و سلام فونت‌های لاغر و ریز.

    3- تغییر نکردن رنگ لینک‌های دیده شده
    برای کاربران آنلاین همیشه مهم است که چه لینکی را دیده‌اند؟ چه لینکی را می‌بیینند؟ و چه لینکی را می‌توانند ببینند.
    لینک‌ها کلید اساسی راهنمایی فرد به مطلب مورد نظرش است. پس خیلی مهم است که تفاوت رنگ بین لینک‌های دیده شده و دیده نشده وجود داشته باشد.
    فراموش نکنید آن‌ها انتظار دارند بدانند وقتی روی بخشی که لینک شده کلیک کردند به کجا می‌رود و چه مطلب و یا بخشی را می‌بینند.
    4- متن‌هایی که قابل اسکن چشمی نباشند(درک شوندگی‌ در یک نگاه)
    دیواری از تکست مقابل چشمان خسته کاربر وب، تزریق تجربه مرگ‌آوری به دنیای تعاملی اینترنت است. بهتر است بدانید که چگونه برای وب بنویسید.
    نوشتن برای وب و نوشتن برای رسانه‌های چاپی کاملا متفاوت است:
    میان‌تیترها، بولت‌ها، کلید‌واژه‌های برجسته، پاراگراف‌های کوتاه، هرم وارونه، ساده نویسی و بی طمطراق و بدون بازاریابی نوشتن از نکاتی هستند که شما باید برای وب‌نویسی در نظر داشته باشید.[الگوی خواندن صفحات وب این است: F]
    5- استفاده از فونت‌های ثابت
    مشکل بیشتر وب سایت‌ها وجود فونت‌های ثابت است. فونت‌هایی لاغر و ریز که برای خیلی‌ها خوانا نیستند. آمار نشان می‌دهد که تا سال 2004 حدود 9 میلیون نفر با سن بالای 65 سال از اینترنت استفاده می‌کردند. پس چطور ‌می‌توانند فونت‌های ریز شما صفحه شما را بخوانند؟

    6- عنوان صفحه
    کاربران جدید بیشتر از طریق جست‌وجو در موتوهای جست‌وجو به سایت شما می‌رسند. عنوان صفحه که با تگ <title> همراه هستند معمولا در نتایج صفحات جست‌وجو (SERP) قابل کیلک هستند. این موتوها معمولا تا 66 کارکتر اول عنوان صفحه را نشان می‌دهند.
    فراموش نکنید که این عنوان صفحه است که در لیست سایت‌های محبوب کاربر(Favorites) ذخیره می‌شود. درضمن هیچگاه عنوان صفحه را با کلماتی مثل (the) یا (welcome to) شروع نکنید. این کار باعث می‌شود عنوان سایت شما به ناچار در زیر کلمات T و W در Favorites ذخیره شود.
    عنوان سایت باید دقیقا با کلماتی شروع شود که هدف اصلی وب سایت شماست. کلماتی که کاربران در هنگام جست‌وجو از آن استفاده می‌کنند.
    از طرف دیگر به کاربرانی فکر کنید که حرفه‌ای هستند و با چند پنجره مختلف کار می‌کنند. بنابراین سعی کنید که با کوتاه‌ترین کلمات عنوان سایت خودتان را نشان دهید تا در میان انبوه پنجره‌های کاربر راحت‌تر دیده شود.
    7- هر چیزی که شکل تبلیغات باشد
    درنظر داشته باشید که کاربران وب معمولا هر چیزی که شکل تبلیغ دارد، رد می‌کنند و وقتی که کاربر پنجره‌ای را به این دلیل بست دیگر به جزییات آن پنجره فکر نمی‌کند.
    بنابراین بهترین راه این است که از طراحی‌هایی که به شکل تبلیغات عرضه می‌شوند، دوری کنید.
    دلایل محکمی برای این نظر وجود دارد:
    • banner blindness: این بدان معناست که کاربران هرگز مسیر نگاهشان را بروی آگهی‌ها و یا حتی هر چیزی که شکل آن‌ها باشد نگه نمی‌دارند.
    • animation avoidance: کاربران از هربخش چشمک زن و یا متن‌های فلش براحتی می‌گذرند
    • pop-up purges: کاربران قبل از باز شدن کامل هر پنجره pop-up آن را می بندند. تازه اگر pop-up blocker نداشته باشند.

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

    9- باز شدن پنجره جدید
    بازشدن پنجره جدید مثل کثیف کردن نمایشگر کاربر است. منصفانه نیست وقتی که طراحان از این روش برای حفظ کاربر بروی وب سایت خودشان استفاده می‌کنند.
    شکست را قبول کنید و به جای این کار اجازه دهید اگر بروی لینک شما کلیک شد و چیز بدرد بخوری نداشتید بتوان با زدن دکمه برگشت به مسیر قبلی جست‌وجو برگشت. کاربران اصلا از این روش استقبال نمی‌کنند به خصوص اگر از نمایشگر‌های کوچک استفاده کنند بعد از چند کلیک بروی لینک‌های سایت شما دیگر نمی‌توانند به صفحه‌ای که از اول کلیک کرده بودند برگردند.
    لینک‌ها باید درست در همان صفحه باز شوند. اگر فردی خواست که لینکی را در صفحه جدیدی ببیند می‌تواند از دستور open in new window در مرورگر خودش استفاده کند.

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

  10. #30
    کاربر فعال انجمن طراحی صفحات وب kian98's Avatar
    تاريخ عضويت
    Jan 2014
    محل سكونت
    در لباس هایم
    پست ها
    1,845

    2 افزونه‌ های ضروری برای طراحان وب

    برنامه‌ نویسان وب، خصوصا آن سنتی‌هایشان، به‌شدت از دشواری طراحی صفحه‌های وب سخن می‌گویند. این برنامه‌ نویسان از بس میان مرورگر و ویرایشگر کد خود سوییچ کرده‌اند، در گرفتن Alt+Tab استاد شده‌اند. اما می‌توان کار طراحی وب را بسیار ساده‌تر کرد. برای برنامه نویسی بهتر و راحت‌تر در فایرفاکس نیروهای کمکی متعددی وجود دارد. این نیروهای کمکی فایرفاکس برای برنامه‌ نویسان همان افزونه‌هایی هستند که می‌توان تمام آنها در چند ثانیه دانلود کرد. برای دانلود این افزونه‌ها به سایت [ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ] مراجعه نمایید.

    Aardvark
    این افزونه به شما این امکان را می‌دهد تا عناصری را از یک صفحه وب انتخاب و کلی کار روی آنها انجام دهید. البته این افزونه بیشتر برای آنالیز ساختار صفحه وب استفاده می‌شود. ولی در کارهای دیگری از قبیل حذف‌کردن یا ایزوله‌کردن عناصر و یا ساخت کدهای DOM (Document Object Model) به‌شما کمک می‌کند. به‌شدت به شما توصیه می‌کنیم که از این افزونه استفاده کنید تا معجزه آن را ببینید.

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

    CSS Viewer
    اصلا نمی‌شود بدون CSSViewer کار را پیش‌برد. یک بار این افزونه را نصب کنید و بعد به‌عمق معنای این جمله پی می‌برید. تمام اطلاعاتی که می‌توان از سند CSS یک صفحه وب در آورد در این افزونه وجود دارد. فقط کافی است منوی ابزار را باز کنید و اطلاعات را ببینید. کاربرد آن تقریبا روزانه است.

    Web Developer
    اگر هرکدام از این افزونه‌ها را تابه‌حال نصب نکرده‌اید اشکال ندارد، ولی این یکی را حتما نصب کنید! این افزونه، یک منو و یک نوارابزار به فایرفاکس اضافه می‌کند که به شما امکانات زیادی، مانند گزینه طرز نمایش یک صفحه، ویرایش و نمایش CSS و بسیاری از چیزهای دیگر را می‌دهد که احتمالا باعث می‌شود یک شب را از خوشحالی تا صبح بیدار بمانید.

    FireBug
    بدون فایرباگ، توسعه وب دردی است که درمان ندارد. به‌کمک فایرباگ امکان ویرایش، رفع عیب، مشاهده CSS، ویرایش آن. اعمال کدهای جاوااسکریپت، تغییر کدهای HTML، تغییر CSS و هر چیزی در این میان را می‌توانید انجام دهید.

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

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

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

    IE View
    اگر مشتریان شما بیشتر از اینترنت اکسپلورر استفاده می‌کنند، این افزونه به شما خیلی کمک می‌کند.
    این افزونه گزینه‌ای را به اسم Open in IE اضافه می‌کند که به شما این اجازه را می‌دهد تا صفحه‌ای را که طراحی کرده‌اید در اینترنت اکسپلورر باز کنید و ببینید در اکسپلورر چه منظره‌ای دارد.

    Java Console
    اگر خیلی دلتان می‌خواهد بدانید اپلت Java چگونه در صفحه وب نمایش داده می‌شوند، این افزونه برای خود شما طراحی شده است! همچنین می‌توانید یک گزارش کامل از کارایی آنها نیز بگیرید.

    LinkChecker
    با کمک این افزونه می‌توانید بفهمید که لینک‌های یک وب‌سایت به کجا می‌روند، آیا خطای 404 را نمایش می‌دهند یا خیر؟

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

    Style Sheet Chooser II
    این افزونه می‌تواند سوئیچ‌کننده style sheet پیش‌فرض فایرفاکس را با هر سندی که در هرکدام از صفحات وب دیده‌اید، جایگزین ‌کند. این ابزار، چیزی نیست که همیشه بخواهید از آن استفاده کنید، ولی اگر بخواهید تغییری بدهید، مطمئن باشید بهترین گزینه شما خواهد بود.

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

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

Thread Information

Users Browsing this Thread

هم اکنون 1 کاربر در حال مشاهده این تاپیک میباشد. (0 کاربر عضو شده و 1 مهمان)

User Tag List

برچسب های این موضوع

قوانين ايجاد تاپيک در انجمن

  • شما نمی توانید تاپیک ایحاد کنید
  • شما نمی توانید پاسخی ارسال کنید
  • شما نمی توانید فایل پیوست کنید
  • شما نمی توانید پاسخ خود را ویرایش کنید
  •