ایران سرفراز- نرم افزار وپروژهای دانشجویی


نرم افزار وپروژهای دانشجویی

100 باید و نباید در طراحی وب

<!-- /* Style Definitions */ p.MsoNormal, li.MsoNormal, div.MsoNormal {mso-style-parent:""; margin:0cm; margin-bottom:.0001pt; mso-pagination:widow-orphan; font-size:12.0pt; font-family:"Times New Roman"; mso-fareast-font-family:"Times New Roman";} @page Section1 {size:612.0pt 792.0pt; margin:72.0pt 90.0pt 72.0pt 90.0pt; mso-header-margin:35.4pt; mso-footer-margin:35.4pt; mso-paper-source:0;} div.Section1 {page:Section1;} -->

عنوان مقاله :

100 باید و نباید در طراحی وب

.

mohsen_mahyar@yahoo.com

محتوا

بازدید کنندگان را بشناسید

مهم است که بازدید کنندگان را بشناسید.

اگربرای سایتی می نویسید که اسباب بازی می فروشد، درمقایسه با سایتی برای بانکداری آنلاین، ازکلمات، رنگها و تصاویر متفاوتی استفاده

خواهید کرد.

برای بازدیدکنندگان بصورت ذهنی بنویسید و طراحی کنید. وسوسه نشوید که برای خودتان بنویسید.

باید درمورد موضوع بنویسید

درمورد موضوع بنویسید.

به جای " این صفحه درمورد پرورش ماهی طلایی است "،

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

باید از جمله های کوتاه استفاده کنید

ازجمله های کوتاه استفاده کنید.

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

سپس تاجایی که ممکن کلمات غیرضروری را حذف کنید.

باید از املای صحیح استفاده کنید

بسیار خوب ، این یکی علیه من است ...

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

املاء استفاده کنید، اما کاملاً به آن تکیه نکنید. خواندن و محک انسان نیز لازم است.

این می تواند مشکل باشد- مخصوصاً اگرشما صحبت کننده بومی انگلیسی نباشید، مثل نویسنده هلندی زبان این کتاب الکترونیکی!

نباید ازکلمات بی معنی استفاده کنید

آیا یک سایت بدرد نخور با موضوعات داغ دارید؟

یا یک سا یت داغ با موضوعات بدرد نخور؟

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

پارسیان پورتال – مقا

mohsen_mahyar@yahoo.com

نباید از اصطلاحات حرفه ای استفاده کنید

از اصطلاحات حرفه ای پرهیز کنید.

این مورد هم برای اصطلاحات اینترنتی است و هم موضوعات دیگر.

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

نباید فنی بنویسید

TCL/TK را به Perl فنی ننویسید. بازدید کننده های شما اهمیتی نمی دهند شما چطور سایت خودتان را ایجاد کردید و این که شما زبان

ترجیح می دهید! ( یا به طور مشابه)

درعوض درمورد موضوع خودتان بنویسید.

از اولین صفحه استفاده کنید

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

مطالب را فوراً ارائه دهید

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

مطالب مهم سایت خود را روی صفحه اول به نمایش بگذارید.

باید از یک عنوان توصیفی استفاده کنید

باید توصیفی باشد. < TITLE > متنِ تگ

عنوان درنتایج موتورهای جستجو نشان داده می شود. یک عنوان توصیفی روشن می کند که افراد می توانند انتظار چه چیزی را در سایت شما

داشته باشند.

مرورگرها نمایش داده می شود. history عنوان همچنین درلیست

باید از صفحات کوچک استفاده کنید

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

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

ازطریق لینک به هم مرتبط کنید.

پارسیان پورتال – مقالا

mohsen_mahyar@yahoo.com

عناوین را تقسیم نکنید

سعی کنید دریک صفحه تنها یک موضوع راتحت پوشش قرار دهید.

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

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

باید از متنی واضح برای لینک های خود استفاده کنید

عباراتی مثل " اینجا را کلیک کنید " یا " این پیوند را بررسی کنید " توجه را از محتوا منحرف می کنند و باید از آنها اجتناب کرد.

سعی کنید متن خود را به صورتی بنویسید که یک پیوند، بخش عادی جمله باشد.

درعوض

یک مطلب ایده آل برای بعدازظهری بارانی است ، اینجا را کلیک کنید تا آن را ببینید Spiderpro

سعی کنید چیزی مثل این بنویسید :

یک مطلب ایده آل است Spiderpro دریک بعدازظهر بارانی

برای لینکها توضیح قرار دهید

با زیرنویس به پیوندهای خود اعتبار دهید.

شما ابتدا ازسایت دیدن می کنید وگرنه لینک آن را قرار نمی دادید، درست است؟ دانش خود را به اشتراک بگذارید و توضیحی اضافه کنید.

باید صفحات خود را بروز کنید

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

باید تاریخ به روز کردن را ارائه دهید

شما صفحات خود را به طور منظم بروز می کنید این طور نیست؟

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

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

بخواهید تا نظر بدهند

می توانید از بازدید کنندگان خود چیزی بیاموزید.

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

نباید صفحه در دست ساخت را نشان دهید

صفحه ای را که تحت ساخت است، منتشر نکنید.

اگراین کار را بکنید مردم از شما متنفر می شوند!

اگرصفحه تمام نشده، آماده انتشار نیست.

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

پ

mohsen_mahyar@yahoo.com

ا

هدایت کردن

باید از آدرس واضح استفاده کنید

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

"عقب" چیست؟ صفحه ای که بازدید کننده شما از آنجا می آید؟ یا صفحه قبلی در وب سایت شما؟!

مسیردهی را بوسیله ارائه لینک هایی( مثل فصل 12 تاریخ زنبورداری! ) شفاف سازید.

باید پیوندهای خود را بررسی کنید

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

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

محتوای آن تغییر کرده است.

نباید لینک ها را تغییردهید

یک قالب آدرس دهی خوب پیدا کنید و به آن پای بند باشید.

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

باید همیشه پیوندهای متنی فراهم کنید

پیوندهای متنی فراهم کنید. استفاده تنها از تصاویر قابل کلیک یا نقشه های تصویری، سایت شما را برای کسی که تصاویر را در مرورگر خود

غیرفعال می کند، غیرقابل استفاده می سازد.

باید پیوندی به صفحه اصلی تهیه کنید

درموارد نادر، افراد در سایت شما گم می شوند، یک پیوند به صفحه اصلی مفید است. چنین پیوندی را در هر صفحه قرار کنید.

باید ازکمک های مسیردهی برای رفتن به بالا و پائین صفحه استفاده کنید

scroll کمک های مسیردهی را دربالا و پائین صفحه تان تهیه کنید. اگراین کار را انجام دهید، احتمالاً مردم نیازی ندارند که همواره صفحه را

کنند.

پا

mohsen_mahyar@yahoo.com

باید از فهرست عناوین استفاده کنید

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

باید یک صفحه " اخبار جدید " ایجاد کنید

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

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

باید از مسیرهای کوتاه استفاده کنید

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

استفاده کنید.

مردم قدردان خواهند شد اگر به اطلاعات دلخواه سریعاً دست یابند.

باید بخشهای منو را مرتبط با هم نگه دارید

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

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

نباید به صفحات بی ربط پیوند دهید

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

کنند.

نباید پیوندها را خیلی زیاد تکرار کنید

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

می دهد پیوند دهید، هرکلمه عسل را پیوند ندهید!

تنها استثنا پیوندها دریک منو می باشد. می توانید لینک های منو را تکرار کنید (یعنی دربالا و پائین صفحه تان ).

نباید از آدرس دهی متضاد استفاده کنید

آدرس دهی باید شفاف و واضح باشد.

(بجز زمانی که شما نوعی سایت آزمایشی راه اندازی می کنید) مطمئن شوید که از دکمه های آزمایشی که بازدیدکننده ها را مجبور به حدس

زدن معنی آنها می کند اجتناب کنید.

پارسیان پو

mohsen_mahyar@yahoo.com

رتال – مقالات طراحی وب

نباید صفحه های بن بست ایجاد کنید

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

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

ازصفحه های بن بست استفاده نکنید.

نباید زندانی کنید

می توانید بازدید کنندگان خود را بوسیله هدایت کردن آنها به صفحه بدون نوار وظیفه یا آیکون زندانی کنید،

اما زندانی شما سرانجام فرارخواهد کرد و هرگز بازنخواهد گشت!

نباید سایتهای دیگر را قالب بندی کنید

می توانید سایت های دیگر را در قالب سایت خودتان انتقال دهید اما این کار را نکنید!

این کارممکن است ظاهر و احساس سایت قالب بندی شده را خراب کند و این ایده غلط را بدهد که سایت قالب بندی شده بخشی از سایت

خودتان است.

همه صفحات را دریک صفحه کامل لود کنید.

طراحی

باید از یک ظاهر و احساس پایدار استفاده کنید

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

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

احساس صفحات متعدد را بسیار آسانتر می کند.

باید از آیکون های تصویری تکراری استفاده کنید

عوامل تصویری ( تصاویر، رنگها، فونتها و ...) رادرصفحات متعدد تکرار کنید. این کار به ظاهر و احساس پایدار کمک می کند.

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

زمینه های تیره، متن را کمتر قابل خواندن می کنند. بنابراین از رنگهای تیره و تصاویر با زمینه تیره اجتناب کنید. اگر به آنها نیاز

استفاده کنید و مطمئن شوید که از اندازه فونت ( Helvetica , universe , Arial دارید، از یک فونت بدون زائده برای متن ( مثل

کوچک استفاده نمی کنید.

نباید صفحه های خود را به زور پرکنید

دار و یا حتی یک تصویر، پر حجم و وحشتناک به نظر می رسد! (border) صفحه ای پر از متن و بدون جدول حاشیه

و تصاویر استفاده کنید. applets برای hspan و vspan برای جداول و borderspan و colspan صفحه های خود را به زور پرنکنید. از

نباید جداول خود را بیرون صفحه ببرید

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

افقی لازم می شود. scroll اما قراردادن عوامل زیاد دریک خانه جدول باعث می شود جدول بیش از حد بزرگ شود و در نتیجه

بنابراین اندازه و تعداد تصاویر، کلمات طولانی ( مثلاً پیوندهای طولانی ) متن از قبل تعریف شده و غیره را محدود کنید.

نباید از قالب ها بیش از حد استفاده کنید

ازتعداد محدودی قالب استفاده کنید.

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

پارسیان پورتال – مقالات طراحی وب

11 www.parsianportal.com

باید محتوای خانه های جدول را تنظیم عمودی کنید

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

نباید تنظیم افقی را ترکیب کنید

استفاده همزمان از متن وسط چین و متنی که تنظیم چپ است، صفحه تان را به هم ریخته می کند.

اگرمی خواهید متن وسط باشد، تا انتها این روال را پیش بگیرید.

استثنا، وسط چین کردن متن سرصفحه ها یا متن مرکزی واقع درحاشیه است.

پارسیان پورتال – مقالات طراحی وب

12 www.parsianportal.com

پهنای باند

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

تان را به حداقل برسانید. GIF تعداد رنگ ها درتصاویر

راکاهش GIF می تواند با حداکثر 256 رنگ ذخیره شود. کاهش تعداد رنگها به 16 و 8 یا حتی 2 رنگ به طور قابل توجهی اندازه فایل GIF

می دهد و عملکرد را بهبود می بخشد.

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

نزدیکترین تعداد رنگ آزمایش کنید.

استفاده کنید JPEG باید از فشردگی بالا در

بهبود بخشید. JPEG عملکرد سایت خود را با کاهش اندازه تصاویر

می تواند با درصدهای فشردگی متفاوت ذخیره شود. تراکم زیاد منجر به اندازه فایل کوچکتر و همچنین تصویری ناقص تر می شود. JPEG

فشردگی مختلف را برای هرتصویر که می خواهید آزمایش کنید. برای تصاویر مختلف، فشردگی قابل قبول متفاوت خواهند بود.

باید برای تصاویر، فضا رزرو کنید

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

تواند فوراً شروع به خواندن کند.

انجام می شود. < IMG > درتگ hsize و vsize ذخیره فضا بوسیله تعریف ویژگیهای

باید تصویر کوچک برای تصاویر بزرگ تهیه کنید

در برخی موارد شما به تصاویر بزرگی نیاز دارید که برای انتقال زمان می برد، مثلاً اگریک وب سایت درمورد هنر مدرن راه می اندازید. درچنین

موردی کپی های کوچکی از تصاویر اصلی ( تصویر بزرگ ) که به تصاویر اصلی پیوند دارند تهیه کنید.

باید از تصاویر دوباره استفاده کنید

ذخیره می گردند. cache هنگامی که تصاویر بارگذاری می شوند، در

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

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

بزرگ و کوچک برآید، مرورگر حافظه نمی تواند.

پارسیان پورتال – مقالات طراحی وب

13 www.parsianportal.com

نباید تصاویر را از سایتهای دیگر ارجاع دهید

اگر از تصاویر سایت های دیگر استفاده می کنید ( مثلاً یک آرشیو عکس ) آنها را درسایت خودتان کپی کنید.

جستجوی سرورهای دیگر برای گرفتن تصاویر باعث هزینه و زمان لود اضافی می شود.

باید اندازه اطلاعات را ارائه دهید

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

نباید ازتصاویر متنی بزرگ استفاده کنید

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

اگر واقعاً به تصاویر متنی نیاز دارید، مطمئن شوید که تعداد رنگها را کاهش داده اید.

استفاده کنید word نباید از پردازشگرهای

استفاده نکنید. واقعاً آن را به هم می ریزد. HTML برای نوشتن word ازپردازشگرهای

به کد اضافه می word دور از انتظار نیست که اندازه سایت دویا سه برابر شود زیرا بخش هایی به صورت غیرضروری بوسیله یک پردازشگر

شوند.

پارسیان پورتال – مقالات طراحی وب

14 www.parsianportal.com

نمایش متن

نباید چشمک زدن استفاده شود

استفاده شود. HTML نباید در < BLINK > تگ

متن چشمک زن آزاردهنده است و خواننده ها را آزار می دهد. از آن استفاده نکنید.

نباید از ستونها برای متن استفاده کرد

انجام شود. < MULTICOL > می توان متن را در 2 ستون یا بیشتر نشان داد. این کار می تواند با کمک جدول ها یا با عبارت غیرسمی

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

باشد، مخصوصاً اگرصفحه بزرگ باشد.

از استفاده ستون ها به این روش پرهیز کنید.

نباید از حروف زائد کوچک استفاده کنید

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

پرهیز کنید. ( Times از این حروف مخصوصاً اگر ریز است (مثل

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

تمام حروف را بزرگ نکنید.

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

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

متن برجسته برای مورد توجه قراردادن بخشی ازمتن شماست.

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

نباید ازحروف مورب بیش از حد استفاده کرد

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

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

پارسیان پو

mohsen_mahyar@yahoo.com

رتال – مقالات طراحی وب

15 www.parsianportal.com

نباید از فونت های کوچک استفاده کنید

ازفونت های کوچک ( اندازه فونت کمتر از 4) استفاده نکنید. خواندن حروف کوچک مشکل است و روی صفحه مانیتور بدتر هم می شود.

نباید از فونتهای متنوع استفاده کنید

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

مگراینکه بخواهید یک آرشیو فونت آنلاین راه اندازی کنید!

از نقطه گذاری استفاده کنید

اطلاعات را قابل بررسی ارائه کنید.

آن را در بخش های کوچک ارائه کنید. از تیترها استفاده کنید تا آنها را جدا کنید.

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

نباید پیوندهای خود را پنهان کنید

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

که پیوندها واضح هستند. اجازه ندهید استفاده بیش از حد از رنگها، پیوندهای شما را پنهان کنند.

باید از پیوندهایی که همه حروف کوچک یا همه حروف بزرگ هستند استفاده کنید

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

اگرلازم باشد انتقال سرور بدهید، باید خوش شانس باشید که همه لینک هایتان همچنان کارکند.

بنابراین آسانترین راه استفاده از لینک ها ( نام گذاری فایل ها و پوشه ها ) بصورت همه با حروف بزرگ یا همه با حروف کوچک است.

باید پیوندهای متنی متصل را جدا کنید

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

نکته این است که باید برای بازدید کننده روشن باشد که یک پیوند از کجا شروع و به کجا تمام می شود.

باید اندازه متن از پیش تعریف شده را محدود کنید

نمی تواند متراکم شود. ( < /PRE > و < PRE > متن از پیش تعریف شده ( بین 2 تگ

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

کنند تا بتوانند آن را بخوانند. scroll شوند متن را به صورت افقی

پارسیان پورتال – مقالات طراحی وب

16 www.parsianportal.com

باید عرض متن را محدود کنید

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

شوند.

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

باید از تاریخهای متنی استفاده کنید

احتمالاً ازتاریخ استفاده می کنید. مثلابرای نشان دادن آخرین بروزرسانی سایت تان.

02 دوم مارس یا سوم فوریه خواهد -03- اما اینجا یک شبکه گسترده جهانی است. به یاد داشته باشید که براساس کشورِبازدید کننده، 2000

بود. اگرشما ازمتن برای ماه خود استفاده کنید مثل 2 مارس 2000 ، تاریخ همواره درست تفسیر می شود.

یک آدرس ایمیل واضح ارائه دهید

مناسب است. بدین ترتیب برنامه کاربردی ایمیل از طریق صفحه وب اجرا می شود. اما این فقط درصورتی کار می کند که " mailto: " حقه

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

پ

mohsen_mahyar@yahoo.com

ارسیان پورتال – مقالات طراحی وب

17 www.parsianportal.com

تصاویر و رنگها

باید از شفافیت استفاده کنید

نمایش تصاویر اغلب بوسیله دادن رنگ زمینه شفاف به تصاویر بهتر می شود. از نظر تصویری بهتر با زمینه مخلوط می شوند.

باید از مشبک کردن استفاده کنید

را مشبک کنید. ، درحالیکه تصویر همچنان درحال لود است، بازدید کننده یک درک سریع خواهد داشت. GIF تصاویر بزرگتر

برای تصاویر خیلی کوچک مثل بولت ها مشبک کردن اهمیتی ندارد.

نباید از تصویرهای بسیار زیادی استفاده کنید

تصاویر زیاد سرعت سایت شما را کم می کند.

بازدیدکنندگان خود را فراری ندهید. تعداد تصاویر را محدود کنید.

گرافیک سایت را تکثیرپذیر کنید

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

( .psd پارامترهایی که برای ایجاد این ترسیمات استفاده کرده اید را یادداشت کنید. ( مثلا ذخیره سازی فایل به فرمت

تصاویر را تقسیم کنید

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

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

دانلود شوند، بنابراین زمان دانلود کم می شود.

استفاده کنید ( فعلا) PNG نباید از

پشتیبانی PNG می شود. اما هنوز بسیاری از مرورگرهای مورد استفاده از GIF یک فرمت برای ترسیمات است و بالاخره جانشین PNG

بپردازید. JPEG و GIF نمی کنند. بیشتر به

پارسیان پورتال – مقالات طراحی وب

18 www.parsianportal.com

باید تصاویر زمینه و رنگهای زمینه را ترکیب کنید

حتی اگر از تصویر زمینه استفاده می کنید، از رنگ زمینه هم استفاده کنید.

رنگ زمینه باید مشابه رنگ اصلی تصویر باشد. در این صورت اگرمتن، رنگی دارد که با تصویر زمینه مغایر است، قبل از اینکه تصویر زمینه لود

شود نیز قابل خواندن خواهد بود.

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

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

این کار از لرزیدن رنگ ها روی مانیتورهای قدیمی تر جلوگیری می کند.

نباید از رنگهای خیلی زیادی استفاده کنید

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

بگویید دور می کنند.

نباید فقط یک رنگ استاندارد را تغییر دهید

اگر یک رنگ استاندارد را تغییر می دهید، مطمئن شوید که همه رنگ ها بررسی شوند.

اگرشما فقط مثلاً رنگ فونت را به آبی تیره تغییر دهید، متن روی زمینه سیاه غیرقابل خواندن می شود. بنابراین مطمئن شوید که رنگ زمینه

را هم تغییر می دهید.

پارسیان پورتال – مقالات طراحی وب

19 www.parsianportal.com

سازگاری

باید برای تصاویرتان جایگزین تهیه کنید

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

برخی ازتصاویر یک عمر طول می کشد که منتقل شوند!

می توانید ملاحظه مرورگرهای بدون قابلیت نمایش تصویر را هم بکنید. < IMG > درعبارت alt باتعریف یک متن جایگزین با ویژگی

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

برای تهیه متن برای نواحی دریک نقشه تصویری استفاده کنید، بنابراین یک جایگزین برای مرورگرهایی که ازتصاویر پشتیبانی alt ازویژگی

نمی کنند تهیه می کنید.

استفاده کنید NOFRAMES باید از

تعریف کنید. < NOFRAMES > همه مرورگرها قالب ها را پشتیبانی نمی کنند. یک جایگزین باعبارت

استفاده کنید Java Script برای comment باید از

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

پشتیبانی نمی کنند، هیچ داده غیر معتبری را نشان نمی دهند.

مرورگری خاص را انتخاب نکنید

آیا تصور می کنی که مرورگرم را تغییر خواهم دادم تا تنها سایت تو را ببینم ؟ بیدارشو!

عبارت " بهترین نمایش با مرورگر دلخواه من " فقط افراد با مرورگرهای دیگر را دور می کند.

سایت خودتان را با مرورگرهای رایج آزمایش کنید. باید با همه مرورگرهای مهم قابل نمایش باشد.

را با همه مرورگرها تست کنید Java اپلت های

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

خراب تمام می شود.

جاوای خود را با تمام مرورگرهای رایج قبل از استفاده آنها بررسی کنید. applet حتماً

پارسیان پورتال – مقالات طراحی وب

20 www.parsianportal.com

با رنگهای کمتری آزمایش کنید

هنوز 256 رنگ رایج است و حتی 26 رنگ هم استفاده می شود. سایت خود را با این تنظیم رنگها آزمایش کنید.

موافقم، با 16 رنگ همه چیز زشت به نظر می رسد. اما مطمئن باشید که همه چیز قابل خواندن می ماند.

باید با وضوح کم آزمایش کنید

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

مشابه بدست آورید.

اعتبارسنجی شوید

کنید، این کاربهترین راه برای یافتن خطاهایی است که دربرخی مرورگرها خودشان را نشان نمی دهند اما ممکن validate صفحات خود را

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

اعتماد کرد Plugins نباید به

ایجاد کنید اما به آنها تکیه نکنید. Shockwave و Flash مثل plugins می توانید نتایج خیره کننده ای با

نصب کنند. آنها قادرنخواهند بود نتایج بزرگی که شما انجام دادید را plug-in بسیاری از جستجوگران وب زحمتی به خود نمی دهند که

را در کامپیوتر میزبان بررسی کنید. plugin ببینند. بنابراین جایگزینی ارائه دهید یا حتی بهتر: وجود

باید نسخه مرورگر را بررسی کنید

حتماً نسخه مرورگر سرویس گیرنده را ( Explorer یا Netscape اگرمی خواهید از روشهای غیراستاندارد استفاده کنید ( عبارات مخصوص

بررسی کنید و حتماً یک جایگزین برای مرورگرهای غیر سازگار تهیه کنید.

برای کوکی های مهم هشدار دهید

برخی از صفحات به کوکی های تکیه دارند و برخی افراد کوکی ها را درمرورگرها غیرفعال می کنند.

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

کوکی ها را فعال نماید.

باید نظرات جایگزین ارائه دهید

آیا می خواهید جدیدترین فن آوری های ظهور یافته را استفاده کنید؟ پس یک دیدگاه جایگزین برای کسانی که از آخرین مرورگرها استفاده

نمی کنند، تهیه کنید.

پارسیان پورتا

mohsen_mahyar@yahoo.com

ل – مقالات طراحی وب

21 www.parsianportal.com

عمومی

را ببندید (popup) صفحات فرعی

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

صداها را متوقف کنید

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

سعی نکنید موتورهای جستجو را گمراه کنید

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

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

آن. )

نباید سعی کنید با حقه بازدیدکنندگان را جذب کنید

ممکن است ترافیک ایجاد کند. اما این بازدید کننده ها به سرعت ( xxx اضافه کردن کلمات کلیدی که خاص سایتهای بزرگسالان است ( مثل

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

باید سایت خود را ثبت کنید

سایت خود را درموتورهای جستجو و دایرکتوریها ثبت کنید. این مهمترین راه برای جذب ترافیک است.

باید آمار را بخوانید

ازآمار سایت خود استفاده کنید. این فرصت خوبی برای بررسی خطاهایی مثل خطای 404 است.

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

نباید کلیک ها را بشمارید

کلیک ها بی معنی اند. یک صفحه با 5 تصویر، 6 کلیک تولید می کند و با 3 بار بازدید 18 کلیک.

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

پارسیان پورتال – مقالات طراحی وب

22 www.parsianportal.com

اطلاعات تماس را در صفحات خود قراردهید

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

یک آدرس ایمیل یا یک شیوه جواب فراهم کنید.

مواظب روباتها باشید

تهیه کنید تا robot.txt موتورهای جستجو از روبات هایی استفاده می کنند که همه دایرکتوری ها شما را اسکن می کند. حتما یک فایل

روشن کنید کدام دایرکتوری ها و فایل ها نباید فهرست شوند.

یک نباید پایانی

نباید حرفهای من را جدی بگیرید!

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

ممکن است با ملاحظه این باید و نباید ها نفع هم ببرید اما درحقیقت آنها نظرات شخصی اند و ممکن است مخالف آن باشید!

به این 100 باید و نباید به طور جدی فکر کنید. ممکن است بیشتر از آنچه شما فکر می کنید مفید باشند.

mohsen_mahyar@yahoo.com

 

   + MOHSEN GHASEMI - ۱۱:٤٤ ‎ق.ظ ; ۱۳۸٩/۳/٢٩