1. مهمان گرامی، جهت ارسال پست، دانلود و سایر امکانات ویژه کاربران عضو، لازم است که ثبت نام کنید.
    بستن اطلاعیه

اصول طراحی صفحات وب

شروع موضوع توسط (̅(َ_̅_̅(َ)ڪے ‏17/9/11 در انجمن طراحی سایت

  1. Sert oğul کاربر ارزشمند

    تاریخ عضویت:
    ‏12/11/10
    ارسال ها:
    17,717
    تشکر شده:
    6,240
    امتیاز دستاورد:
    113
    جنسیت:
    مرد
    حرفه:
    IOG
    [TABLE="align: center"]
    [TR]
    [TD="class: header, colspan: 3"][/TD]
    [/TR]
    [TR="class: page"]
    [/TR]
    [/TABLE]

    [TABLE]
    [TR]
    [TD]طراحی رابط کاربری و اشتباهات سایت های بزرگ [/TD]
    [/TR]
    [TR]
    [TD="colspan: 3"]هر یک از المان هایی که در طول دو دهه گذشته در وب استفاده شده اند مفاهیمی را برای کاربر به وجود آورده اند که به هم ریختن این مفاهیم با استفاده ی نابجا از المان های مذکور، باعث سردر گمی کاربر در حین استفاده از سرویس تحت وب شما میشود.
    مفهوم لینک و دکمه
    یکی از نکاتی که در طراحی جیمیل رعایت شده، اما در سایت هات میل رعایت نشده است، استفاده از مفهوم دکمه است. دکمه در کلیه سایت ها مفهوم ثبت شدن را برای کاربر دارد. در حالی که لینک مفهوم منتقل شدن به صفحه دیگر را می رساند. اما گاهی طراحان این دو المان را جابجا استفاده میکنند. به شکل زیر توجه کنید. شما در هنگامیکه یک ایمیل باز است ، دکمه های زیر را در یاهو و جیمیل مشاهده میکنید. اما در صورتی که در هات‌میل باشید فقط چند لینک بالای صفحه می بینید که قرار است کار دکمه ها را انجام دهند. حتی خود من که مدت هاست از ایمیل هات میل استفاده می کنم هنگام کار با این دکمه ها حس خوبی ندارم.
    متمایز نبودن منوهای پایین افتادنی از لینک ها
    در بالای صفحه ی ایمیل هاتمیل ، چند لینک وجود دارد بنام photos , messenger , ... که هر کدام از آنها شامل گزینه های زیر مجموعه ای هستند. اما تا وقتی شما موس خود را روی آنها نگه ندارید، متوجه نمی شوید که اینها لینک نیستند به سرویس های دیگر مایکروسافت. بلکه منوهایی هستند که باز میشوند.
    و حالا در جیمیل: هرجا منوی پایین افتادنی ای وجود دارد، با نشان دادن یک مثلث کوچک در کنارش، از لینک ها متمایز شده است و به همین جهت شما همیشه با یک نگاه تشخیص میدهید که آیا این متن لینک است یا منوی بازشو.
    استفاده مناسب از فاصله بین المان ها:
    فضای خالی بی مفهوم نیست. شما با استفاده از فضای خالی بین المان های قرار داده شده در صفحه می توانید کارکرد های مختلف را دسته بندی کنید. بطور مثال در جیمیل، دکمه های Archive , spam و Delete در یک دسته قرار گرفته اند و با کمی فاصله از دسته های دیگر جدا شده اند. این دکمه ها کارشون بهم مرتبط است. با فشردن هر یک از آنها ایمیل از جلوی چشمان شما دور میشود. یا حذف یا آرشیو شده و یا میره تو پوشه اسپم ها. دکم های move و Label هم در دسته جداگانه ای قرار گرفته اند و کارشون تگ گذاری روی ایمیل هاست. فاصله ها همچنین باعث میشه چشم کاربر سریعتر دکمه ها رو پیدا کنه . این یک موضوع روان شناسی است که گوگل به درستی از آن در طراحی رابط کاربری اش استفاده کرده است.
    استفاده ی درست از عناصر در صفحه ، باعث میشود کاربر احساس راحتی کند و ناخودآگاه به استفاده از سرویسی که شما میدهید ترغیب شود. از مفاهیم User Interface درست استفاده کنید. [/TD]
    [/TR]
    [/TABLE]
     
    nooshin88 و iwheel از این پست تشکر کرده اند.
  2. Sert oğul کاربر ارزشمند

    تاریخ عضویت:
    ‏12/11/10
    ارسال ها:
    17,717
    تشکر شده:
    6,240
    امتیاز دستاورد:
    113
    جنسیت:
    مرد
    حرفه:
    IOG
    پاسخ : اصول طراحی صفحات وب

    [TABLE]
    [TR]
    [TD]وب 2 چیست؟
    [/TD]
    [/TR]
    [TR]
    [TD="colspan: 3"]
    وب 2 و معرفی استانداردهای طراحی
    با افزایش کاربرد های وب ، طراحان وب روش های جدیدی را در ایجاد وب سایتها به کار بستند که باعث راحت تر شدن دسترسی به داده ها برای کاربر و مشارکت کاربر در ایجاد داده ها میشود. نمونه بسیار روشنی از این سایت ها Wikipedia است که توسط کاربرانش گسترش پیدا میکند و مدیران این سایت فقط محیطی را برای استفاده از توانایی های کاربران فراهم میکنند.
    مفهوم وب2 اولین بار در یک همایش توسط معاون موسسه oreilly مطرح شد. آنها به دنبال نسل جدیدی از وب بودند که بتواند جذاب، کاربردی و قابل گسترش باشد. اینگونه بود که کنفرانس وب2 شکل گرفت و بحث های زیادی پیرامون این پدیده مطرح شد. امروزه جستجوی این عبارت در گوگل بیش از 10 میلیون نتیجه را بر می‌گراند.
    مقایسه چند سرویس وب دویی با رقبای های وب یک آنها:
    • Wikipedia یک سایت وب دویی است، یک دایره المعارف که هیچ مولف خاصی ندارد و با نیروی کاربرانش گسترش پیدا میکند. اما دایره‌المعارف بریتانیکا یک سایت وب محسوب میشود. زیرا تعداد بسیار محدودی مولف هستند که مقالات این سایت را به روز میکنند و بر روی سایت قرار می دهند.
    • سایت Last.fm یک سایت وب دویی است. اما MP3.com یک سرویس وب یک محسوب میشود. در سایت Last.fm این کاربران هستند که برای خوانندگان بیوگرافی درست میکنند ، عکس های خوانندگان را روی سایت قرار می دهند، به آهنگ ها امتیاز می دهند ومیزان محبوبیت آهنگ های یک خواننده را مشخص میکنند. اما در سایت mp3.com پروسه های مذکور توسط مسئولان سایت انجام میشود.
    • در سرویس های آپلود عکس قدیمی، دسته بندی عکس ها بر اساس دایرکتوری های آنها مشخص میشد. اما در سرویس های جدید TAG ها (کلمات کلیدی مرتبط) هستند که باعث دسته بندی عکس ها میشوند. با وجود این سیستم هر عکس می تواند مرتبط با چندین کلمه باشد. در حالی که در دایرکتوری‌ها هر عکس فقط با یک موضوع در ارتباط بود. Flickr.com نمونه ی بارزی از یک سایت عکس با نگرش وب2 است.
    • در سرویس های اشتراک فایلی قدیمی ، چندین سرور وجود داشت که امکان دانلود را برای کاربران فراهم میکرد. اما در سرویس های جدید ، هر کسی که فایل را دانلود میکند خودش تبدیل به سروری برای دیگران میشود و بطور ناخودآگاه وظیفه ی سرور ها را کاربران به عهده گرفته اند. Bittorent نمونه ی روشنی از این سرویس جدید است. هر کاربر با اتصال به شبکه‌ی بیت تورنت، از روی رایانه‌ی دیگر کاربران شروع به دانلود میکند و رایانه‌ی خودش نیز تبدیل به یک سرور برای دیگر کاربران میشود.
    وب یک پلتفرم است
    یکی از مهم ترین اصول وب2 ، نگاه کردن به وب بعنوان یک پلتفرم است. بر اساس تحقیقات یک شرکت آمریکایی ، بیش از یک میلیارد کاربر در سراسر جهان هستند که رایانه شخصی و به دنبال آن سیستم عامل، نرم افزارهای کاربردی آفیس، و حتی فضایی جهت نگه داری فایل هایشان ندارند، اما کاربر اینترنت هستند و با استفاده از Device های گوناگون مانند موبایلشان و یا با استفاده از کافی‌نت کارهای خود را انجام میدهند. وب2 به نیازهای این افراد پاسخی مستقیم داده است.
    سرویس هایی مانند Google Docs و Zoho.com امکان داشتن نرم افزار Office آنلاین را فراهم کرده اند. سایت های بسیار زیادی برای نگه داری فایل ها تحت وب وجود دارند که نیاز این افراد را به هارد شخصی مرتفع کرده اند، سایت هایی مانند Delicious.com امکان نگه داری بوکمارک های هر فرد را بر روی وب فراهم میکنند. و حتی سایت های متنوعی امکان ویرایش عکس را بر روی اینترنت بوجود آورده اند که این افراد را از داشتن یک نرم افزار ویرایشگر عکس مانند Photoshop بی نیاز میکنند.
    همانگونه که می بینید، وب2 باعث بی نیاز شدن بسیاری از کاربران از داشتن سیستم عامل شخصی شده است. اینجا بود که مفهومی بنام سیستم عامل جهانی شکل گرفت. کاربران با داشتن یک مرورگر روی هر دستگاهی، و با اتصال به اینترنت میتوانند از کلیه سرویس های لازم جهت کارهای روزمره خود بهره گیرند.
    یکی از پیامد های سیستم عامل جهانی، پایان چرخه ی سنتی تولید و عرضه نرم افزار است. نرم‌افزارهایی مانند MS Office هر چند سال یکبار نسخه جدیدی را منتشر میکنند و کاربران باید آنها را خریداری کنند تا از مزایای نسخه جدید بهره مند شوند. اما برنامه های تحت وب هر ماه و گاهی هر روز آپدیت میشوند و سریعا در دسترس همگان قرار می گیرند.

    اهمیت داده ها
    ارزش داده ها در وب2 همان چیزی است که باعث رشد یک سایت میشود. آنچه ویکی پدیا را امروز به اینجا رسانده است، داده هایی است که کاربران در طول مدت زمان طولانی در این سایت وارد کرده اند. این موضوع را در سایت هایی مانند Amazon.com در زمینه ی فروش کالا و کتاب ، در سایت Last.fm در مورد آثار موسیقی، در Flixster.com در زمینه ی سینما ، در Google Maps در زمینه ی نقشه های شهرها و در بسیاری دیگر از سایت های وب2 میتوان مشاهده کرد.
    گوگل از کاربران سرویس
    MAPS برای نامگذاری خیابان ها و کوچه های نقشه هایش استفاده میکند. به همین دلیل است که امروز شما می توانید حتی به فارسی "برج میلاد" را در این سرویس جستجو کنید و این منطقه از شهر را روی نقشه های گوگل مشاهده کنید. و در مقابل میتوانید مدرسه ی دوران کودکی خود را روی نقشه بیابید و نام مدرسه تان را روی نقشه وارد کنید. روزگاری شرکت MapQuest بزرگترین مرجع نقشه های جهان به شمار می رفت. اما گوگل با استفاده از نیروهای کوچک جمع بزرگی از کاربرانش ، گوی سبقت را از شرکت MapQuest ربود.
    طراحی رابط کاربری پویا
    بارز ترین شاخصه‌ی یک سایت وب دویی، داشتن رابط کاربری قدرتمند است. استفاده از روش های جدید و ترکیب تکنولوژی های موجود مانند Ajax CSS , xml , HttpRequest و Javascript باعث بهبود سرعت و افزایش کارایی بسیاری از وب سایت ها شده است. بطور مثال میتوان از سرویس Gmail گوگل در این مورد نام برد که رابط کاربری بسیار سریع و پویایی را در مقایسه با سایر رقبایش ارائه کرد و باعث بدست آوردن محبوبیت در میان کاربران شد.
    یکی از پروسه های وقتگیر در هنگام چک کردن ایمیل ها، رفرش شدن صفحه در هنگام باز کردن یا حذف کردن یک ایمیل بود که جیمیل با بکارگیری روش طراحی آجاکس، این پروسه را حذف کرد و شما هنگام کار با جیمیل خود از بالاترین سرعت ممکن بهره مند هستید.
    [​IMG]
    سرویس های وب 2 از شما یاد می گیرند.
    سرویس های وب 2 برای وقت کاربرانشان ارزش زیادی قائلند و شما را در پروسه هایی مانند ذخیره سازی داده هایتان بهتر یاری میکنند. بطور مثال شما در جیمیل نیازی به ذخیره کردن ایمیل افرادی که برای شما یکبار ایمیلی زده اند ندارید. زیرا هر آدرس ایمیلی که دریافت میشود بطور اتومات در دفترچه ایمیل های شما ذخیره میشود و هنگامی که نیازمند ارسال ایمیل به یکی از دوستان خود هستید، کافیست ابتدای نام او را تایپ کنید تا جیمیل از بین هزاران ایمیل ثبت شده، ایمیل مورد نظر را نمایش دهد. همچنین اگر چند دوست همنام دارید که بیشتر به یکی از آنها ایمیل می زنید، هنگام تایپ نام آنها ، جیمیل ایمیل دوستی را که بیشتر برایش ایمیل زده اید بالاتر از بقیه نمایش می دهد.
    قابلیت یادگیری سرویس های وب2 در بخش جستجوی گوگل نیز قابل مشاهده است. گوگل نتایج جستجوی شما را ذخیره میکند و هنگامی که یک مدخل جدید را جستجو میکنید ، گوگل آنرا با موضوعات و مطالب قبلی تان مقایسه میکند و تا جای ممکن نتایج را بر اساس سلیقه شما مرتب کرده و نمایش میدهد.
    همچنین در بخش جستجوی عکس گوگل، هنگامی که شما بعد از جستجوی یک کلمه، روی یکی از عکس ها کلیک میکنید گوگل میفهمد که عکس مورد نظر رابطه ی نزدیکی با آنچه جستجو کرده اید دارد و از آن به بعد در جستجوهای بعدی آن عکس را به کلمه‌ی جستجو شده، مرتبط تر میداند و در صفحه ی جستجویش آنرا بالاتر نمایش می دهد. به این فرایند استفاده از هوش جمعی میگویند که گوگل به خوبی از آن در الگوریتم هایش استفاده میکند.
    با آنچه در مورد وب 2 گفته شد اکنون میتوانید سایت های وب2 واقعی را از سایت هایی که ادعای وب2 بودن دارند تشخیص دهید و در طراحی های خود نیز استفاده از این روش ها را بکار ببندید تا بتوانید بر رقبای بسیار بزرگتر از خود چیره شوید.
    [/TD]
    [/TR]
    [TR]
    [/TR]
    [/TABLE]
     
  3. Sert oğul کاربر ارزشمند

    تاریخ عضویت:
    ‏12/11/10
    ارسال ها:
    17,717
    تشکر شده:
    6,240
    امتیاز دستاورد:
    113
    جنسیت:
    مرد
    حرفه:
    IOG
    پاسخ : اصول طراحی صفحات وب

    [TABLE]
    [TR]
    [TD]روز جهانی بدون سی اس اس !
    [/TD]
    [/TR]
    [TR]
    [TD="colspan: 3"]زیبایی چهره اکثر وبلاگ ها و وب سایت در بکارگیری استایل های css است. حذف CSS از سایت ، چهره زشتی از آن نمایان کند. در واقع بدون CSS فقط محتوای وبلاگ ها و وب سایت ها دیده می شوند و خبری از اشیاء طراحی نیست. البته در نوع طراحی منسوخ شده وب، CSS ها نقشی نداشتند و المان Table عنصر مهمی محسوب می شد. اما امروزه تگ DIV را می توان مهمترین المان در طراحی وب دانست.
    5 آوریل، در بین بخشی از بلاگر ها به عنوان روز غیر رسمی برهنه شدن وبلاگ از CSS نامیده می شود. در این روز وبلاگ ها و حتی وب سایت های حامی این طرح به مدت 48 ساعت CSSقالب خود را حذف می کنند تا به مدت 2 روز هم که شده چهره عریانی از نوشته های آنها در معرض دید کاربران قرار گیرد.
    در سایت مرتبط با این روز هم از کاربران خواسته شده تا عبارت زیر در بالای وبلاگ خود قرار دهند، تا کاربران علت تغییر چهره موقتی وبلاگ های محبوب شان را بفهمند.

    What happened to the design?
    To know more about why styles are disabled on this website visit theAnnual CSS Naked Day website for more information.



    [/TD]
    [/TR]
    [/TABLE]
     
  4. Sert oğul کاربر ارزشمند

    تاریخ عضویت:
    ‏12/11/10
    ارسال ها:
    17,717
    تشکر شده:
    6,240
    امتیاز دستاورد:
    113
    جنسیت:
    مرد
    حرفه:
    IOG
    پاسخ : اصول طراحی صفحات وب

    [TABLE]
    [TR]
    [TD]چگونه يك طراح وب پيدا كنيم ؟
    [/TD]
    [/TR]
    [TR]
    [TD="colspan: 3"] خوب . حالا كه تصميم گرفتيد تا يك وب سايت داشته باشيد يك سوال مهم برايتان پيش مي آيد : چه كسي وب سايت من را طراحي كند ؟
    مثال : خيلي ها هستند كه گيتار يا ارگ مينوازند و با كمي وقت و پيدا كردن يك شعر خوب ميتونند روي اون يه آهنگ بذارند و بخونند . اما آيا اونا آهنگساز هستند ؟!
    طراحي وب نيز بهمين صورت است . گرچه برنامه هاي بسياري هستند كه كار طراحي صفحات وب را ساده كرده اند . اما هر كسي كه يك صفحه وب ساخت كه طراح وب نميشه ! ساخت يك وب سايت تاثير گذار و قدرتمند نيازمند تجربه و درك مسائل گوناگوني است كه در بالا بردن كيفيت سايت شما تاثير دارند . از جمله :
    v بهينه سازي گرافيك هاي سايت
    v طراحي براساس اصول maketing
    v طراحي بر پايه قوانين موتور هاي جستجو
    v طراحي براي تمام browser ها و سيستم عامل ها
    v بالا بردن سرعت لود شدن سايت
    v روان شناسي جذب مشتري در سايت
    v ...

    نكات مهم ديگر در طراحي سايت شما دخيلاند كه مستقيم به خود طراح بر ميگردد :



    • [*]آيا طراح وب شغل شما را و علت طراحي اين سايت را براي شما مي داند؟
      [*] آيا سايت هاي همكاران خود را ديده ايد ؟ آيا طراح سايت شما ميتواند ايده هاي قدرتمندي براي پيشرفت سايت شما نسبت به رقباي شما ارائه دهد كه آنها تا كنون انجام نداده باشند ؟
      [*] آيا او ميتواند براحتي منظور شما را در طول طراحي سايت متوجه شود و با شما ارتباط ذهني يكساني برقرار كند ؟
      [*]آيا كار هاي قبلي او را ديده ايد ؟ آيا تمام سايت ها شبيه هم هستند ؟ يا هر گدام طرحي جداگانه دارند ؟
      [*]آيا او هر سايت را جداگانه طراحي ميكند ؟ يا شما بايد سايت خود را از يكي از قالب هاي پيش ساخته اش انتخاب كنيد ؟
    [/TD]
    [/TR]
    [/TABLE]
     
  5. Sert oğul کاربر ارزشمند

    تاریخ عضویت:
    ‏12/11/10
    ارسال ها:
    17,717
    تشکر شده:
    6,240
    امتیاز دستاورد:
    113
    جنسیت:
    مرد
    حرفه:
    IOG
    پاسخ : اصول طراحی صفحات وب

    [TABLE]
    [TR]
    [TD]چرا شما به يك سايت نياز داريد ؟
    [/TD]
    [/TR]
    [TR]
    [TD="colspan: 3"] زاويه اول: شما براي خريدن مثلا يك كتاب تخصصي درباره فيزيك به چند جا سر ميزنيد ؟ چقدر براي رفتن به كتاب فروشي ها هزينه مي كنيد ؟ چقدر از وقت شما در ترافيك و گشت و گذار در پشت ويترين ها هدر مي رود ؟ چقدر خسته ميشويد ؟ چقدر CO2 تنفس مي كنيد ؟ و . . .

    حال فرض كنيد بخواهيد آخرين نسخه برنامه winamp را داشته باشيد . در عرض 2 دقيقه كار انجام شده است . اتصال به اينترنت ، جستجو در وب و سپس دانلود برنامه مربوطه . خوب كدام راه بهتر است ؟
    زاويه دوم : شما يك نويسنده هستيد. من كتاب قبلي شما را خريده ام و خوشم اومده . حالا شما كتاب دوم خود را نوشته ايد . چطور من را مطلع مي كنيد ؟ درسته . تبليغات. اما امروزه تبليغات در رسانه هاي عمومي بسيار هزينه بالايي را مي طلبد و براي شما كه يك نويسنده هستيد صرف نمي كند . پس چه مي كنيد ؟
    زاويه سوم : توي اين دنيايي كه هزاران هزار محصول متنوع و جديد هر روز به بازار مياد و از هر جنس حداقل 1000 مدل داره توليد ميشه ، اسم شما هم بايد جايي در اين بازار ثبت شده باشه .شايد يه نفر دقيقا دنبال محصول شماست . توي يه منبع اطلاعاتي بزرگ كه همه شركت ها و صنايع در كنار هم ثبت ميشوند . يه منبعي كه همه بهش مراجعه مي كنند . مثل كتاب اول . مثل 118 . مثل كتاب زرد مثل . . . اينترنت.

    افتتاح يك سايت چه مزايايي دارد ؟
    1- شما علاوه بر تلفن و آدرس پستي يك راه ارتباطي ديگر نيز با مشتريان خود داريد : ايميل
    2- نمايشگاه محصولات شما هميشه برپاست با كمترين هزينه . بدون اينكه قبض آب و برق و ماليات و ... داشته باشه
    3- وقتي كسي در اينترنت مثلا بدنبال كتاب فيزيكي مي گردد كه شما آن را نوشته ايد يا ناشر آن هستيد در جستجوگري مثل گوگل خيلي راحت شما را پيدا مي كند .
    4- مشتري براي دفعات بعدي خيلي بيشتر به فروشگاه آنلاين شما مراجعه ميكند ، چون فاصله مشتري تا آنجا فقط يك كليك است و هزينه اي هم ندارد!
    5- هزينه تبليغات محصولات در اينترنت بسيار كمتر از رسانه هاي ديگر مانند تلويزيون و رايدو است . پس مي توانيد سايت خود را با هزينه اي بسيار جزئي در سايت هاي همكار تبليغ كنيد .
    6- اظهار نظر در محيط شبكه براي همه آسان تر از گفتگوي تلفني يا نوشتن نامه است . پس خيلي بيشتر با مشتريان خود در تماس خواهيد بود .
    7- مشترياني كه نمي توانند بصورت حضوري از شركت يا فروشگاه شما بازديد كنند ، حال ميتوانند حداقل محصولات شما را در سايتتان ببينند . اين مشتري ممكن است حتي در جزاير قناري باشد !
    8- اگر محصولي توليد مي كنيد كه طيف وسيعي از نسل جوان از آن استفاده مي كنند ، مثلا يك كتاب يا نرم افزار ، كم كم وبلاگ ها و سايت هايي درباره محصول شما مطلب مي نويسند و باعث معروف تر شدن آن ميشوند . بدون اينكه حتي روح شما هم خبر داشته باشد .
    9- براي اينكه در مقابل همكارانتان در محدوده كاري كم نياوريد ايجاد يك سايت از نون شب هم واجب تره .
    10- تجارت الكترونيك در جهان يك چيز كاملا ساده و جا افتاده است . اما در ايران بعلل گوناگون ( از جمله نبودن كارت هاي اعتباري ) اين مورد هنوز براي مردم ما امري نا آشناست . اما تا دو سال آينده اوضاع عوض خواهد شد . اما اگر آن روز بخواهيد تازه شروع كنيد ، ديگر به پاي كساني كه امروز شروع كرده اند نمي رسيد . پس همين امروز براي برپايي سايت خود اقدام كنيد .
    [/TD]
    [/TR]
    [/TABLE]
     
  6. Sert oğul کاربر ارزشمند

    تاریخ عضویت:
    ‏12/11/10
    ارسال ها:
    17,717
    تشکر شده:
    6,240
    امتیاز دستاورد:
    113
    جنسیت:
    مرد
    حرفه:
    IOG
    پاسخ : اصول طراحی صفحات وب

    [TABLE]
    [TR]
    [TD]طراحی وب سایت رایگان
    [/TD]
    [/TR]
    [TR]
    [TD="colspan: 3"]اين روزها سايت هاي بسياري هستند که امکان ايجاد يک وبسايت رايگان را به شما ميدهند و براي ايجاد کردن يک صفحه ي شخصي لازم نيست حتما يک وب سايت جداگانه براي خود راه اندازي کنيد. در ادامه برخي از اين سايت ها و امکانات آنها را معرفي ميکنم:

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


    سرويس weebly.com : اين سايت قالب هاي آماده ي بسياري دارد که ميتوانيد يکي را انتخاب کنيد و آنرا مطابق ميل خود تغيير دهيد. اين سايت اجازه ي آپلود انواع فايل را نيز به شما ميدهد. همچنين ميتوانيد HTML سايت خود را بصورت دستي تغيير دهيد و کدهاي دلخواه خود را نيز به سايت اضافه کنيد.
    سرويس آفيس لايو : مايکروسافت هم امکان ايجاد يک سايت و آپلود فايل هايتان را به شما ميدهد. البته اين سرويس چندان امکان تغيير در ظاهر را به شما نمي دهد. اما با توجه به اينکه مايکروسافت مالک آن است، ميتوان از لحاظ سرويس دهي به آن اطمينان کرد.

    سرويس Site2You.com : اين سايت نيز امکان ايجاد کردن يک وب سايت رايگان را با کلي امکانات از قبلي ايجاد بخش خصوصي در سايت، ايجاد وبلاگ ، صندوق پستي، آپلود فيلم و صوت ، افزودن نظرسنجي و ... براي شما فراهم ميکند .
    سرويس WebStarts.com : اين سايت نيز امکان ايجاد يک وب سايت با امکاناتي مانند اشتراک گذاري فايل هايPDF و موزيک و فيلم را براي شما فراهم ميکند. همچنين يک بانک از انواع ويجت در اين سايت وجود دارد که ميتوانيد آنها را به سايت خود اضافه کنيد . مثلا guestbook و blog و ... در اين صفحه ميتوانيد قالب هاي رايگان اين سايت را ببينيد و در صورت تمايل يکي را انتخاب کرده و طراحي آنلاين سايت خود را شروع کنيد.

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

    سرويس doodlekit.com : اين سايت نيز امکاناتي مانند آپلود فايل هاي PDF و ورد و اکسل و انواع فرمت هاي عکس را پشتيباني ميکند. همچنين ميتوانيد يک قالب زيبا از اين آدرس انتخاب کنيد و وب سايت شخصي خود را ايجاد نماييد. سايتي که با DoodleKit ميسازيد ميتواند امکان RSS و جستجو در ميان مطالب هم داشته باشد.

    سرويس VIVITI.com : اين هم يک سرويس ديگر که اجازه اپلود فايل هايي تا حجم 100 مگابايت را به شما ميدهد. همچنين قالب هاي متنوعي براي شروع دارد که با انتخاب يکي و تغيير آن ميتوانيد سايت خود را برپا کنيد.
    [/TD]
    [/TR]
    [/TABLE]
     
  7. Sert oğul کاربر ارزشمند

    تاریخ عضویت:
    ‏12/11/10
    ارسال ها:
    17,717
    تشکر شده:
    6,240
    امتیاز دستاورد:
    113
    جنسیت:
    مرد
    حرفه:
    IOG
    پاسخ : اصول طراحی صفحات وب

    [TABLE]
    [TR]
    [TD]آيا شما بيننده هاي سايت خود را فراري مي دهيد؟
    [/TD]
    [/TR]
    [TR]
    [TD="colspan: 3"] آيا تا بحال فكر كرده ايد چرا سايت زيبايي كه طراحي كرده ايد به اندازه اي كه فكر ميكرديد بازديد كننده ندارد ؟ خوب شايد طراحي سايت شما مشكل داره … چيه ؟ بهتون برخورد ؟ زياد ناراحت نباشيد . چون ايرادات سايت شما رو الان بررسي ميكنيم . اين ايرادات باعث رنجيده خاطر شدن بازديد كننده هاي نازنينتون ميشه و درنهايت اونا كم كم اسم سايت شما رو فراموش ميكنند .(شما هم كه حساس ! )

    1- PAGE CANNOT BE FOUND : بدترين چيز وجود لينك هاي شكسته در سايت است . هيچ چيز آدمو اينقدر عصباني نميكنه كه لينكي رو كليك كنه و با پيام PAGE CANNOT BE FOUND روبرو شه .

    2- PAGE UNDER CONSTRUCTION : بهتره تا وقتي صفحه در حال ساخته لينك بهش ندين . چون باعث ميشه كه وقت بيننده شما در سايت تلف بشه !
    3- MULTIPLE POP UPS : استفاده از پنجره هاي تبليغاتي بازشو بايد در زمان مناسب خودش باشه ، نه اينكه تا بيننده وارد سايت ميشه چند تا پنجره با هم باز شن و نذارن صفحه مورد نظرش رو ببينه . بيننده هاي سايتتون هيچ وقت شما رو بخاطر وقتي كه از اونا براي بستن اين پنجره ها تلف كردين نمي بخشند .
    4- زمينه سياه : استفاده از زمينه سياه علاوه بر اينكه باعث ميشه متون داخل صفحه بسختي خونده بشن ، باعث ميشن سايت شما در حافظه نهان بيننده سايتي غير قانونمند و يا مزاحم بنظر بياد ( نكته روان شناسي ! )
    5- متن ناخوانا : استفاده از متن هاي نامفهوم و پاراگراف هاي طولاني ذهن را خسته ميكند . هميشه از فونت هاي خوانا و با اندازه مناسب استفاده كنيد تا چشم در خواندن خسته نشود . استفاده از حالت هاي بولد و زير خط دار در جاي مناسب باعث خواناتر شدن متن شما ميشود .
    6- عكس هاي بسيار بزرگ : استفاده از تصوير در طراحي سايت اهميت ويژه اي دارد . اما گاهي اين عكس ها بعلت حجم زياد مانع لود شدن سريع صفحه سايت شما ميشود و بيننده را ترغيب به بستن پنجره سايت شما ميكند ! هنگام استفاده از عكس حتما آن را با برنامه هايي مانند photoshop براي استفاده در وب بهينه كنيد تا از كمترين حجم ممكن بهره بگيريد .
    7- فلش هاي ورودي سايت بدون دكمه skip : اگر دوست داريد در ورودي سايتتان يك فلش زيبا بگذاريد اشكالي ندارد . اما يادتان باشد كه حتما دكمه SKIP INTRO را در آن فلش تعبيه كنيد تا بيننده هايي كه ميخواهند مستقيم به اطلاعات سايتتان دسترسي بيابند پشت در هاي بسته فلش معطل نشوند .
    8- عرض صفحه سايت بزرگتر از عرض مرورگر : اين مورد خيلي اهميت دارد . چون همه عادت دارند براي ديدن ادامه مطالب سايت بسمت پايين حركت كنند . نه چپ و راست . حالا اگه ميخواهيد بيننده خود را زجركش كنيد عرض سايتتون رو تنظيم نكنيد .
    9- عكس هايي كه لود نميشوند : فرض كنيد وارد يك صفحه وب ميشويد تا مطلبي را بخوانيد . عكس مطلب مورد نظر لود نميشود ، چرا ؟ به هر دليلي . همين كافيست تا اعتبار سايت شما زير سوال برود .
    [/TD]
    [/TR]
    [TR]
    [/TR]
    [/TABLE]
     
  8. عضو جدید

    تاریخ عضویت:
    ‏13/12/16
    ارسال ها:
    1
    تشکر شده:
    0
    امتیاز دستاورد:
    1
    جنسیت:
    زن
    وقتی گوگل تشخیص دهد که بک لینک های شما غیر طبیعی هستند در webmaster tool به شما هشدار میدهد (اگر طراحی وب سایت خود را در وب مستر تولز ثبت کرده اید) که آن لینک ها را حذف کنید.و همچنین کاهش شدید ترافیک را خواهید داشت تا زمانی که مشکلات پیش آمده را رفع کنید.
    طراحی وب سایت
    خرید لینک بر خلاف سیاست های گوگل است :
    فکر میکنید چرا بیش از ۷۵% از تمام جست و جو های اینترنت در گوگل انجام میشود.به دلیل تلاش گوگل برای نمایش نتایج درست و دقیق از سایتهای معتبر به کاربران است. گوگل هرگز مایل نیست این حجم مشتریان را از دست بدهد و تمام تلاشش برای حفظ کیفیت نتایج جست و جو است. پس برای حفظ این کیفیت و رضایت مشتریان مجبور است با سایتهای جعلی و بیکیفیت که سعی میکنند با خرید لینک در زمان بسیار کوتاهی خود را در نتایج به صفحه اول برسانند مبارزه میکند و با پنالتی کردن آنها را از نتایج حذف میکند.

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

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

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

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

    گوگل چگونه متوجه خرید بک لینک از طرف شما میشود :

    1. رباتهای گوگل همیشه در حال بررسی سایتهای مختلف هستند و اگر لینک طراحی وب سایت شما را در محل غیر متعارفی ببیند متوجه خریداری شدن آن لینک میشوند. لینک های طبیعی از سایتهای هم موضوع ایجاد میشوند. و دلیلی ندارد یک سایت دامپزشکی به یک طراحی سایت وکالت لینک بدهد.و این به گوگل نشان میدهد شما به آن طراحی سایت پولی پرداخت کرده اید که لینک شما را در سایت خود قرار دهد.
    2. اکثر لینک که برای فروش گذاشته میشوند به صورت فله ای ایجاد میشود.برای مثال ۵۰۰۰ بک لینک به صورت کامنت در ۲۴ ساعت برای سایتی ساخته میشود.این برای گوگل کاملا واضح است که این حجم عظیم لینک در یک بازه زمانی کوتاه هرگز نمیتواند طبیعی ساخته شده باشد و توسط نرم افزارهای خاص ساخته شده.و بیش از ۹۰% این لینک های فله ای از سایتهای اسپم و بی کیفیت ایجاد میشوند. که هیچ تاثیری در رنک سایت شما نخواهد داشت.
    3. گزارش کاربران هم دلیل دیگری برای با خبرشدن گوگل از خرید لینک توسط مدیران سایتها است. اگر شما سایتی را میشناسید که لینک خریده تا بتواند رتبه خود را در نتایج جست و جو ارتقا بدهد میتوانید از اینجا آن طراحی سایت را به گوگل گزارش کنید تا مورد بررسی قرار بگیرد.
    4. گوگل یک تیم چند هزار نفری دارد که به صورت روزانه سایتها را بررسی میکنند و سایتهای غیر کاربردی را به صورت دستی از نتایج حذف میکنند.اگر شما عبارات خرید لینک یا خرید بکلینک را در گوگل جست و جو کنید با هزاران نتیجه روبرو میشوید. پس اگر شما میتوانید این لیست نتایج را ببینید حتما تیم بررسی سایتهای گوگل هم میتواند این سایتهای فروش لینک را ببیند و بفهمد آنها از چه سایتهایی لینک میفروشند و روش کارشان چگونه است. پس تمامی سایتهای که از خدمات آنها استفاده کنند را جریمه میکنند.
    اگر میخواهید طراحی وب سایت شما در نتایج گوگل رتبه خوبی داشته باشد و نمیخواهید کابوس پنالتی شدن همراه شما باشد.بجای خرید بک لینک و استفاده از سایر روشهای سئو کلاه سیاه.میتوانید بودجه ای که برای این کار دارید را در اختیار وبلاگ نویسان حرفه ای قرار دهید تا برای شما مطلب بنویسند و با نوشتن مطلب سئو شده و رعایت سئو on page به مرور زمان طراحی وب سایت خود را در نتایج بالا بکشید و رتبه دلخواه خود را کسب کنید.

    لینک منبع: طراحی سایت فراکارانت
     
    آخرین ویرایش: ‏13/12/16
  9. عضو جدید

    تاریخ عضویت:
    ‏2/2/17
    ارسال ها:
    1
    تشکر شده:
    0
    امتیاز دستاورد:
    3
    جنسیت:
    زن
    سفید: ساده و جذاب
    استفاده از رنگ سفید باعث می شود سایت شما مرتب تر به نظر بیاید. استفاده از رنگ های تند سایت را شلوغ و آشفته می کند. طراحی سایت باید به گونه ای باشد که کاربر به راحتی بتواند مطالب مورد نظر خود را پیدا کند.

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

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

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

    اصول انتخاب دامین مناسب

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

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

    به روز باشید
    با به روز رسانی مرتب می توانید کاربران را ترغیب کنید تا مرتب به سایت شما سر بزنند. علاوه بر این با توجه به اهمیت سئو، به روز رسانی و داشتن محتوایی منظم باعث می شود، موتورهای جستجو نیز به سایت شما توجه کنند.
    منبع: parsico
     
    آخرین بار توسط مدیر ویرایش شد: ‏2/2/18