از اشتباهات در طراحی وب سايت

 

 

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

1- استفاده از فونت کوچک

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

2- قابليت تغيير سايز قلم يا فونت

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

3- استفاده از موزيک در پس زمينه

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

4- طراحي فلش هاي زياد

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

5- استفاده از فايل هاي PDF

استفاده از فايل هاي PDF براي نمايش در سايت چندان رضايت بخش نيست. کاربران از ديدن فايل هاي PDF در صفحات وب چندان دل خوشي ندارند. اين فايل ها، سايز بزرگي دارند و براي ديدن تمام صفحه بايد اسکرول کرد و همچنين بدون داشتن برنامه PDF Reader ، کاربر قادر به خواندن آن نمي باشد.

6- چک نکردن در مرورگرهاي مختلف

سايت خود را در مرورگرهاي مختلف چک و امتحان کنيد. نيمي از ايرانيان هنوز از مرورگر اينترنت اکسپلولر ورژن 7 و 6 استفاده مي کنند و اگر صفحات طراحی وب سايت شما در اين مرورگرها به خوبي نمايش داده نشوند، شما نيمي از ويزيتورهاي خود را از دست خواهيد داد. براي تست صفحه هاي خود در مرورگر IE با ورژن مختلف مي توانيد از IE tester استفاده نماييد.

7- تغيير ندادن رنگ لينک هايي که قبلا بازديد شده

رنگ لينک هاي بازديد شده خود را تغيير دهيد. طوري لينک هاي خود را طراحي کنيد که وقتي يکي از آنها توسط کاربري کليک مي شود، رنگ آن تغيير يابد تا کاربر مطمئن شود کدام لينک ها را ديده است و کدام ها را هنوز نديده است. اين کار، از اشتباه انداختن کاربرجلوگيري ميکند و او مجبور به صرف وقت براي اين نيست که ببيند کدام لينک (مثلا لينک کدام مقاله) را قبلا ديده است و کدام را نديده است.

8- استفاده از فونت هاي يکنواخت

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

9- استفاده از رنگ مشکي و چشم آزار در پس زمينه

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

10- استفاده از alt و Title

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

11- وجود خطاي 404

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

12- استفاده نکردن از متن هاي تودرتو

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

 

ترفندهاي استفاده از متن هاي تو در تو:

 

    استفاده از عنوان هاي فرعي يا همان subhead ها براي متن خود

    استفاده از ليست ارجاعات

    استفاده از کليدواژه هاي هاي لايت شده

    استفاده از پاراگراف هاي کوچک

    استفاده از هرم معکوس در تنظيم مطالب

    استفاده از نوشتار و نگارش ساده در متون

    13- استفاده از آگهي ها

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

 

    از جمله طراحی وب سايت هاي که بنظر آگهي رايج تبليغاتي ميرسد و براي کاربر جذابيتي ندارد ميتوان به موارد زير اشاره نمود:

        استفاده از بنرهاي چشمک زن: به اين مفهوم که کاربر چشمان خود را فيکس يک بنر چشمک زن نميکند زيرا تجربه به او ثابت کرده اين يک آگهي است.

        استفاده از انيميشن هايي که شلوغ و پلوغ است زيرا اين نيز به تجربه به کاربر اثبات گشته با يک اگهي روبروست.

        استفاده pop-up يا منوهاي جهنده و حساس زيرا قبل از آنکه اين منوها کامل لود شوند توسط کاربر بسته ميگردند.

    14- باز شدن هر صفحه در پنجره جديد

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

    15- سادگي بيش از انتظار

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

  وقت ها پيش آمده که يک پروژه، در مدت ۳ الي ۴ روز به اتمام رسيده، اما تست طراحي وب سايتزمان زيادي را به خود اختصاص داده است. يا اينکه به دليل رفت و آمد بازخورد و نظرات بين مشتري و برنامه نويس، کار بيش از حد توان انرژي گرفته است. فکر مي کنم شما بارها و بارها با اين مسئله برخورد کرده باشيد . اين موضوع شما را دچار نا اميدي يا استهلاک و خستگي مي کند و باعث ميشود که هر چه زودتر پروژه را با هزاران باگ ومشکل ببنديد و تحويل مشتري دهيد.

 

اين همان چيزي نيست که من ميخواستم! تست درست طراحي وب سايت يکي از چند عامل مهم در ايجاد رضايت شما و مشتري در هنگام تحويل پروژه است.

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

 براي انجام عمليات تست به صورت کاربردي و صحيح ابتدا به شرح مشکلات متداول در حين انجام تست پرداخته و سپس پيشنهاداتي جهت بهبود هر چه بيشتر عملکرد شما ارائه مي کنم

تحليل نا مناسب پروژه طراحي وب سايت

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

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

راه کارها در طراحي وب سايت

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

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

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

استفاده نکردن از تجارب برنامه نويس و طراح در اجراي پروژ

بعضي وقت ها کار بسيار عالي پيش مي رود و کار کد نويسي وب سايت بر اساس توضيحات، تحليل گر به اتمام رسيده است. اما در هنگام تست متوجه مي شويد که عمليات و يا منطق مسير گردش در صفحات(navigation) يا عملکرد يک بخش خاص، درست نيست. يا اينکه توانايي استفاده کاربران از وب سايت يا يک بخش (usability)، بسيار محدود و دشوار مي باشد . معمولا در اين حالت کد نويس ديگر فرصت آن را ندارد تا بخش هايي از وب سايت را مجدد برنامه نويسي کند يا در صورت داشتن زمان، براي او از نظر مالي صرف نمي کند که مثلا ۳ يا ۴ روز ديگر از وقت خود را براي اصلاح آن قرار دهد. در نتيجه ترجيح ميدهد که يا سيستم فعلي را اصلاح نمايد يا آن را با وجود مشکل تحويل مشتري دهد.

راه کارها

 •قبل از انجام هر کاري و بعد از شنيدن تحليل، با استناد بر تجربه خود، روند انجام پروژه را مرور کنيد تا معايب کار قبل از انجام پروژه مشخص شود. تجربه ثابت کرده است که در صورت تحليل پروژه، فقط ۷۰% از کار تعيين و مشخص مي شود و ۳۰% باقيمانده در حين کار و با توجه به استدلال برنامه نويس صورت مي گيرد .بنا بر اين فقط شنونده تحليل امکانات وب سايت نباشيد و از قدرت تحليل و تجربه خود استفاده کنيد و براي بهتر شدن کار پيشنهادات خود را قبل از اجرا با تيم در ميان بگذاريد. ممکن است پيشنهاد شما بهتر از توضيحات تحليل گر باشد و در ضمن سرعت و کيفيت کار را به مراتب بيشتر و بهتر کند.

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

انجام نشدن تست اوليه توسط برنامه نويس و طراحي وب سايت

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

راه کارها 

 • کد نويس موظف است در حين کد نويسي، بخش يا قسمت برنامه نويسي شده را تست نمايد و بعد از اين تست اوليه آن را در اختيار افراد ديگر يا تست کننده ها قرار دهد. 

 •در برنامه نويسي بعد از تست برنامه نويس، بهتر است براي تست بعدي از فرد ديگري به عنوان تست کننده استفاده کنيد. هميشه نفر دوم که ديد فني کمتري نسبت به کار دارد بهتر مي تواند سايت را بررسي و ايرادات نرم افزاري و عملياتي را در سايت پيدا کند. 

چگونه يک وب سايت را تست کنيم

مراحل تست در طراحي وب سايت با توجه به نوع کار وتيم کاري متفاوت است اما متداول ترين و بهترين شيوه تست در طراحي وب سايت به صورت زير و در سه مرحله مي باشد:

۱- تست حين کاردر طراحي وب سايت

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

۲- تست بعد از اتمام پنل مديريت کاردر طراحي وب سايت

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

۳- تست بعد از اتمام ظاهر کاردر طراحي وب سايت

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

۴- تست ايجاد روابط منطقي بين اجزاي سايتدر طراحي وب سايت

 

پس از وارد کردن اطلاعات تستي و رفع مشکلات ظاهري و کد نويسي در اين مرحله لازم است که تست کننده براي اطمينان از توانايي استفاده کاربران (usability) از بخشها و امکانات سايت، آن را مرحله به مرحله تست کرده و اطمينان حاصل کند که کاربر مي تواند به راحتي به مطلب مورد نظر خود دسترسي پيدا کند و يا عملياتي را در سايت انجام دهد

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

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

بايد ها و نبايد ها

 

 •نبايدکار تست نرم افزار و وب سايت رادر طراحي وب سايت به عهده مشتريان بگذاريد.

 

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

 

 •بايد برنامه نوسيان و کد نويسان در حين کار، بخش هاي برنامه نويسي شده را تست کنند.

 

 •نبايد همزمان به تست چند پروژه بپردازيد.اين کار باعث سردرگمي و گيجي شما مي شود و تمرکز شما را روي کار کمتر مي کند