خطاهای بزرگ طراحی وب
این مطلب بخشی از مقاله 10 اشتباه برتر طراحی وب نوشته دکتر جاکوب نیسلون است.
۱- نامناسب بودن امکان جستوجو:
چه وقت به سراغ بخش جستوجوی سایتها میروید؟ حتما زمانی که نتوانید به راحتی اطلاعات مورد نظرتان را پیدا کنید. کاربران هم از همین روش استفاده میکنند و هنگامی به سراغ بخش جستجوی سایت شما میروند که نتوانند از طریق راهنمای صفحه به اطلاعاتی که میخواهند دست پیدا کنند.
۲- خوانندگان وب و فایلهای pdf
خوانندگان وب از فایلهای pdf دل خوشی ندارند. تصور کنید به سختی مشغول جستوجو و گشت زدن در وب هستید که ناگهان به یک فایل pdf میرسید و فاجعه رخ میدهد؛ فشردگی خطوط، مشکلات نرمافزاری، از دست دادن فرصت جستوجو و گم کردن مسیر جستجو از مواردی است که فایل PDF را کابوس خوانندگان وب میکند.
پس این شعار را فراموش نکنید: خداحافظ حروف و صفحههای چاپی و سلام فونتهای لاغر و ریز.
۳- تغییر نکردن رنگ لینکهای دیده شده
برای کاربران آنلاین همیشه مهم است که چه لینکی را دیدهاند؟ چه لینکی را میبیینند؟ و چه لینکی را میتوانند ببینند.
لینکها کلید اساسی راهنمایی فرد به مطلب مورد نظرش است. پس خیلی مهم است که تفاوت رنگ بین لینکهای دیده شده و دیده نشده وجود داشته باشد.
فراموش نکنید آنها انتظار دارند بدانند وقتی روی بخشی که لینک شده کلیک کردند به کجا میرود و چه مطلب و یا بخشی را میبینند.
۴- متنهایی که قابل اسکن چشمی نباشند(درك شوندگی در یك نگاه)
دیواری از تکست مقابل چشمان خسته کاربر وب، تزریق تجربه مرگآوری به دنیای تعاملی اینترنت است. بهتر است بدانید که چگونه برای وب بنویسید.
نوشتن برای وب و نوشتن برای رسانههای چاپی کاملا متفاوت است:
میانتیترها، بولتها، کلیدواژههای برجسته، پاراگرافهای کوتاه، هرم وارونه، ساده نویسی و بی طمطراق و بدون بازاریابی نوشتن از نکاتی هستند که شما باید برای وبنویسی در نظر داشته باشید.[الگوی خواندن صفحات وب این است: F]
۵- استفاده از فونتهای ثابت
مشکل بیشتر وب سایتها وجود فونتهای ثابت است. فونتهایی لاغر و ریز که برای خیلیها خوانا نیستند. آمار نشان میدهد كه تا سال 2004 حدود 9 میلیون نفر با سن بالای 65 سال از اینترنت استفاده میكردند. پس چطور میتوانند فونتهای ریز شما صفحه شما را بخوانند؟
۶- عنوان صفحه
کاربران جدید بیشتر از طریق جستوجو در موتوهای جستوجو به سایت شما میرسند. عنوان صفحه که با تگ
همراه هستند معمولا در نتایج صفحات جستوجو (SERP) قابل کیلک هستند. این موتوها معمولا تا 66 کارکتر اول عنوان صفحه را نشان میدهند.</P>
<P align=justify>فراموش نکنید که این عنوان صفحه است که در لیست سایتهای محبوب کاربر(Favorites) ذخیره میشود. درضمن هیچگاه عنوان صفحه را با کلماتی مثل (the) یا (welcome to) شروع نکنید. این کار باعث میشود عنوان سایت شما به ناچار در زیر کلمات T و W در Favorites ذخیره شود.</P>
<P align=justify>عنوان سایت باید دقیقا با کلماتی شروع شود که هدف اصلی وب سایت شماست. کلماتی که کاربران در هنگام جستوجو از آن استفاده میکنند.</P>
<P align=justify>از طرف دیگر به کاربرانی فکر کنید که حرفهای هستند و با چند پنجره مختلف کار میکنند. بنابراین سعی کنید که با کوتاهترین کلمات عنوان سایت خودتان را نشان دهید تا در میان انبوه پنجرههای کاربر راحتتر دیده شود.</P>
<DIV class=GImg>
<P align=center><IMG alt="خطاهای بزرگ طراحی وب " hspace=0 src="http://www.tebyan.net/image/big/1386/11/19182512231835414217771098845391838357.jpg" border=0></P></DIV>
<P align=justify><FONT face="arial, helvetica, sans-serif" size=4>۷- هر چیزی که شکل تبلیغات باشد</FONT></P>
<P align=justify>درنظر داشته باشید که کاربران وب معمولا هر چیزی که شکل تبلیغ دارد، رد میکنند و وقتی که کاربر پنجرهای را به این دلیل بست دیگر به جزییات آن پنجره فکر نمیکند.</P>
<P align=justify>بنابراین بهترین راه این است که از طراحیهایی که به شکل تبلیغات عرضه میشوند، دوری کنید.</P>
<P align=justify> دلایل محکمی برای این نظر وجود دارد:</P>
<P align=justify>• banner blindness: این بدان معناست که کاربران هرگز مسیر نگاهشان را بروی آگهیها و یا حتی هر چیزی که شکل آنها باشد نگه نمیدارند. </P>
<P align=justify>• animation avoidance: کاربران از هربخش چشمک زن و یا متنهای فلش براحتی میگذرند </P>
<P align=justify>• pop-up purges: کاربران قبل از باز شدن کامل هر پنجره pop-up آن را می بندند. تازه اگر pop-up blocker نداشته باشند.</P>
<P align=justify><FONT face="arial, helvetica, sans-serif" size=4>۸- حمله به طراحی پایدار</FONT></P>
<P align=justify>پایداری طراحی بزرگترین اصل در کاربردپذیری صفحات وب است. هنگامی که کاربران سایت شما از پایداری طراحی شما مطمئن باشند دیگر نگران این نیستند که چه اتفاقی در آینده می افتند چون آنها می دانند چطور تجربههای جدید بروی وب سایت شما شکل میگیرد.</P>
<P align=justify><FONT face="arial, helvetica, sans-serif" size=4>۹- باز شدن پنجره جدید</FONT></P>
<P align=justify>بازشدن پنجره جدید مثل کثیف کردن نمایشگر کاربر است. منصفانه نیست وقتی که طراحان از این روش برای حفظ کاربر بروی وب سایت خودشان استفاده میکنند.</P>
<P align=justify> شکست را قبول کنید و به جای این کار اجازه دهید اگر بروی لینک شما کلیک شد و چیز بدرد بخوری نداشتید بتوان با زدن دکمه برگشت به مسیر قبلی جستوجو برگشت. کاربران اصلا از این روش استقبال نمیکنند به خصوص اگر از نمایشگرهای کوچک استفاده کنند بعد از چند کلیک بروی لینکهای سایت شما دیگر نمیتوانند به صفحهای که از اول کلیک کرده بودند برگردند. </P>
<P align=justify>لینکها باید درست در همان صفحه باز شوند. اگر فردی خواست که لینکی را در صفحه جدیدی ببیند میتواند از دستور open in new window در مرورگر خودش استفاده کند.</P>
<P align=justify><FONT face="arial, helvetica, sans-serif" size=4>۱۰- جواب ندادن به سوال کاربر</FONT></P>
<P align=justify>هدف نهایی همه وب سایت ها کاربران هستند. آنها برای دیدن وب سایت شما دلیل دارند. اما تعداد بی شماری از وب سایتها به خوبی پاسخ کاربران خود را نمیدهند.</P>
<P align=justify>خیلی وقتها جواب بسیار ساده است اما کاربر آن را پیدا نمیکند چون شما به درستی آن را عرضه نکردید. گاهی توضیحات خسته کننده و زیاد شما درباره محصولات، آنها را از هدفشان دور میکند. آنها خیلی وقت ندارند که بتوانند همه چیز را بخوانند.</P>
<P align=justify> </P>
<P align=justify><STRONG><FONT face="arial, helvetica, sans-serif">منبع: همشهری آنلاین</FONT></STRONG></P></div>
<div class ="date"><a href="post-139.aspx">+</a> نوشته شده در جمعه بیستم اردیبهشت 1387ساعت 16:58
توسط سروش اشعاری
| <span dir="rtl" > <script type="text/javascript">GetBC(139);</script> </span>
</div>
</div>
<hr size =1 color =#E8E8E8 style="margin-bottom:5px;margin-top:5px">
<!-- end post -->
</td>
<td width="20%" align="center" style="border-right-style: solid; border-right-width: 1px; border-bottom-style: none; border-bottom-width: medium" bordercolor="#808080" valign="top">
<!-- start sidebar1 -->
<div class="sidebar">
<BlogProfile>
<div class="profile">
<div style="text-align: justify" >
<BlogPhoto> <div align=center >
<!-------------------Start aaart.blogfa.com---------------------------->
<BlogLinkDumpBlock>
<h3>20 مطلب آخر</h3>
<p align="justify"> ::
<a href="post-219.aspx" title="جمعه بیست و چهارم آبان 1387 - 8:10">
سوژه های جالب برای عكاسی<br></a>::
<a href="post-218.aspx" title="دوشنبه بیستم آبان 1387 - 18:49">
ایران بهشت توریستی<br></a>::
<a href="post-217.aspx" title="دوشنبه بیستم آبان 1387 - 18:40">
تخریب تخت جمشید در قاب دوربین<br></a>::
<a href="post-216.aspx" title="پنجشنبه شانزدهم آبان 1387 - 20:25">
عكس سال يونيسف<br></a>::
<a href="post-215.aspx" title="دوشنبه سیزدهم آبان 1387 - 16:40">
هُنرنمایی دیدنی با موز !!<br></a>::
<a href="post-214.aspx" title="دوشنبه سیزدهم آبان 1387 - 16:18">
عکسهای یک مسجد دیدنی و جالب<br></a>::
<a href="post-213.aspx" title="چهارشنبه یکم آبان 1387 - 21:10">
موجودی عجیب در ستون های تخت جمشید<br></a>::
<a href="post-212.aspx" title="چهارشنبه یکم آبان 1387 - 17:43">
گلشيفته فراهاني بر روي فرش قرمز در نيويورك<br></a>::
<a href="post-211.aspx" title="سه شنبه سی ام مهر 1387 - 18:53">
عكسهای جدید از فیلم Body of lies<br></a>::
<a href="post-210.aspx" title="سه شنبه سی ام مهر 1387 - 18:42">
بازگشت به گذشته <br></a>::
<a href="post-209.aspx" title="دوشنبه بیست و نهم مهر 1387 - 22:18">
راز مناظر شب ون گوگ در نیویورک<br></a>::
<a href="post-203.aspx" title="چهارشنبه دهم مهر 1387 - 16:17">
نظر خواهی<br></a>::
<a href="post-208.aspx" title="شنبه سی ام شهریور 1387 - 20:50">
آیا می دانید ؟<br></a>::
<a href="post-207.aspx" title="شنبه سی ام شهریور 1387 - 20:43">
ارسال اس ام اس مخفی<br></a>::
<a href="post-206.aspx" title="پنجشنبه بیست و هشتم شهریور 1387 - 14:39">
تبدیل فینگیلیش به فارسی<br></a>::
<a href="post-161.aspx" title="دوشنبه بیست و پنجم شهریور 1387 - 18:13">
نقاشی های دیجیتالی<br></a>::
<a href="post-205.aspx" title="یکشنبه بیست و چهارم شهریور 1387 - 17:7">
کتاب الکترونیک<br></a>::
<a href="post-204.aspx" title="یکشنبه بیست و چهارم شهریور 1387 - 17:5">
کتاب الکترونیک<br></a>::
<a href="post-202.aspx" title="پنجشنبه بیست و یکم شهریور 1387 - 19:33">
پارت دیزاین همیشه پیشرو<br></a>::
<a href="post-201.aspx" title="پنجشنبه بیست و یکم شهریور 1387 - 18:44">
عکس حیرت انگیز از خطای دید<br></a></p>
</BlogLinkDumpBlock>
<hr size =1 color =#E8E8E8 style="margin-bottom:3px;margin-top:3px">
<p align="center">
Online Support</p>
<p align="center">
<a href="ymsgr:sendim?soroart&m=Hi I'm From Your Site">
<img border=0 src="http://opi.yahoo.com/online?u=soroart&m=g&t=9"></a></p>
</div> </BlogPhoto>
</div>
<div align="center"> </div>
<hr size =1 color =#E8E8E8 style="margin-bottom:3px;margin-top:3px">
<div align="center"><br />
<table border="1" bordercolor="#666666" width="99" height="80" id="table7">
<tr valign="top">
<td style="font-family:tahoma; font-size:12px; color:#000000; right:auto ">
<p align="center">
<a target="_blank" href="http://www.tehranwebs.ir/in.php?ID=1203032844.4766">
<img border="0" src="http://www.tehranwebs.ir/banner90x65.gif" width="119" height="90" style="margin: 0"></a></td>
</tr>
</table>
<br />
<table border="1" bordercolor="#666666" width="99" height="80" id="table8">
<tr valign="top">
<td style="font-family:tahoma; font-size:12px; color:#000000; "><div align="center">
<a target="_blank" href="http://www.ezdevajmovafagh.com">
<img border="0" src="http://aaart.parsaspace.com/partdesign/ezdevaj100x100.gif" style="margin: 0" width="120" height="120"></a></div></td>
</tr>
</table>
<br />
<table border="1" bordercolor="#666666" width="128" height="80" id="table9">
<tr valign="top">
<td style="font-family:tahoma; font-size:12px; color:#000000; right:auto "><div align="center">
<a target="_blank" href="http://www.ezdevajmovafagh.com">
<img border="0" src="http://aaart.parsaspace.com/partdesign/khanevade120x120.gif" width="120" height="120" style="margin: 0"></a></div></td>
</tr>
</table>
<address>
</address>
<p>
<br />
</div>
</BlogProfile>
<BlogLinkDumpBlock>
<hr size =1 color =#E8E8E8 style="margin-bottom:3px;margin-top:3px">
<h3>لوگوي سايت</h3>
<table border="0" width="100%" id="table10">
<tr>
<td>
<p align="center"> <img src="http://aaart.parsaspace.com/partdesign/logo2.gif" border="0" width="109" height="50"><br>
<input style="BORDER-RIGHT: #6a6a6a 1px solid; BORDER-TOP: #6a6a6a 1px solid; FONT-SIZE: 8pt; BORDER-LEFT: #6a6a6a 1px solid; COLOR: #6a6a6a; BORDER-BOTTOM: #6a6a6a 1px solid; FONT-FAMILY: Tahoma; BACKGROUND-COLOR: #ebebeb" size="18" value="<A href="http://www.partdesign.ir/"target="_blank"><IMG height=50 alt="???? ????? ???????? ? ??????? ? . . ." src="http://aaart.parsaspace.com/partdesign/logo2.gif" width=109 align=top border=0></A>" name="T1">
</td>
</tr>
</table>
<hr size =1 color =#E8E8E8 style="margin-bottom:3px;margin-top:3px">
<h3>لوگوي دوستان</h3>
</BlogLinkDumpBlock>
<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="1" scrolldelay="2" direction="up" height="100"><center>
<center><br /><div id="logo">
<A href="http://www.partdesign.ir/" target="_blank"><IMG height=50 alt="???? ????? ???????? ? ??????? ? . . ." src="http://aaart.parsaspace.com/images/1.gif" width=109 align=top border=0></A>
<br>
<br>
<a href="http://www.photopic.blogfa.com/" target="_blank"><IMG height=50 alt="عكسباران" src="http://www.gigaimage.com/images/ihun7048vp9c0hi00oed.gif"width=109 align=top border=0></a>
<br>
<br>
<a href="http://partizanha.blogsky.com" target="_blank"><img src="http://www.blogsky.com/users/blogs/logo/partizanha.gif" alt="??????? ??? ?????" border="0"></a>
<br>
<br /></div></center></marquee><span dir="ltr"><BlogArchive><br>
</BlogArchive>
</span>
<span color="#808080" style="font-size: 7pt">
</div>
<!-- end sidebar -->
</td>
</tr>
<tr>
<td align="center" valign="bottom" style="border-left-style: none; border-left-width: medium; border-top-style: solid; border-top-width: 1px" colspan="3" bordercolor="#808080" background="btm_08.gif" height="50">
<p><font size="2" face="Times New Roman" color="#C0C0C0">since 2007
| © PartDesign.ir | soroush ashari</font></td>
</tr>
</table>
</div>
</div>
</body>
</html>
