PDA

توجه ! این یک نسخه آرشیو شده می باشد و در این حالت شما عکسی را مشاهده نمی کنید برای مشاهده کامل متن و عکسها بر روی لینک مقابل کلیک کنید : آموزش متدولوژی و تکنولوژی طراحی وب ciw (بخش 5)



TAHA
01-23-2010, 12:12 PM
نگاهي به مرورگر :

مرورگرها بصورت محدودشده اي از Navigation حمايت مي کنند . بنابراين براي کمک به کاربران در راه و غلبه بر محدوديتهاي نرم افزاري با ايجاد Navigation هاي گسترده صفحه خود را طراحي کنيد .
● دادن هويت به سايت در تمامي صفحات به منظور اينکه کاربران بدانند در کجا قرار دارند اجازه به کاربران براي آنکه بدانند در کجا قرار دارند، ايجاد يک لوگوي پيوسته که اغلب در گوشه سمت چپ صفحه نمايش قرار دارد .
● نشانه اختصاصي براي صفحه را به راحتي بسازيد . هر صفحه بايد بوسيله ابر اتصالات و جستجوگر به سايتهاي ديگر متصل شود.
● از تگ < meta > و کدهاي Script براي جلوگيري از دسترسي به تاريخچه مرورگر استفاده نکنيد.
● بعضي از سايتها از تگ Meta براي تجديد کردن يک صفحه به منظور جلوگيري از بازگشت کاربران به صفحه اي که قبلا بازديد شده است استفاده مي کنند .

تاکيد بر ساختارو معماري اطلاعات شما :

هر صفحه را به گونه اي درست کنيد که ساختار و المانهاي صفحه را نشان دهد و شامل اتصالات ديگري براي مرورکردن صفحات يا صفحات اصلي که در بالاترين نقطه ساختار قرار دارند باشد . اين اتصالات نمي تواند نامهاي عمومي مثل ( Go Top ) را داشته باشد اما بايد نامي براي اشاره داشته باشند .
● تا آنجا که ممکن است رنگ لينکهاي پيش فرض را عوض نکنيد . با اتصال به صفحات بازديد نشده سايه آبي رنگ ايجاد مي شود . استفاده از رنگهاي پيش فرض به کاربران کمک مي کند که بدانند کدام صفحه را بازديد کردند .
● نقشه سايت که شامل ساختار و اطلاعات مهم مي باشد .

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

ساختار سايت :

ساختار يک سايت دقيقا بيان مي کند که چگونه يک سايت در وب سرور ذخيره مي شود . مي توانيد به فايلهايي که بر روي سرور وجود دارند فکر کنيد . آنها همان عملي را که وقتي در روي PC ها قرار دارند انجام مي دهند . بر روي يک PC درايو اوليه C:\ مي باشد ، ساختار را با زير ساختارهاي ديگر مانند زير ادامه دهيد. Program Files يا My Document Windows و ... هر شاخه شما را به زير شاخه هاي بيشتري هدايت مي کند . اين نوع نظامبندي ساختاري را که به مديريت سيستم شما کمک مي کند ايجاد ميکند ، وقتي کاربر آدرس http://www.Company.com (http://forum.majidonline.com/redirect-to/?redirect=http%3A%2F%2Fwww.Company.com) را در قسمت نوار آدرس مرورگر وارد مي کند ، مرورگر به آن شاخه ها دسترسي پيدا مي کند که اين مسير مي تواند با مسير C:\drive سيستم خود قابل مقايسه باشد و در طرف ديگر آن نامگذاري فايلها و طريقه گذاشتن آن در سرور تعيين مي شود .
وب سرور همچنين فايلها و تصاوير را در شاخه هايي که شما ايجاد کرديد ذخيره مي کنند . ساختار فايلها بر روي سرور به شاخه و زير شاخه هايي تقسيم مي شود که پيشنهاد مي شود محلي براي مديريت در خواستهاي شما باشد . تمامي فايلهايي که بر روي شاخه PC شما قرار دارند را در نظر بگيريد مديريت اين فايلها مشکل به نظر مي رسند.
وقتي ساختاري توسعه مي يابد توجه کنيد که هر فولدر در زير شاخه اي وجود دارد وشما ميتوانيد در هر زير شاخه تصاويري را قرار دهيد . بهتر است تمريني براي نگهداري فايلها در زير شاخه ها و نظم بندي ساختار داشته باشيد . اين ساختار مي تواند توسعه پيدا کند و فايلهاي جديدي در زير شاخه ها قرار گيرد. از اين جهت شما بايد از روش هاي قابل فهم و معني داري براي ساختار سايت استفاده کنيد. .

URLS :

URL براي محاسبه موقعيت و عمق يک وب سايت استفاده مي شود . براي مثال اگر کاربران بخواهند اطلاع پيدا کنند که در کدام قسمت سايت قرار دارند مي توانند با نگاه کردن به URL آدرس بار اين کار را انجام دهند تا بتوانند موقعيت خود را تشخيص دهند . با مثال فوق در نظر بگيريد که يک URL چگونه بر موقعيت جاري اشاره مي کند .
http://www.company.com/marketing/newproducts/pricing (http://forum.majidonline.com/redirect-to/?redirect=http%3A%2F%2Fwww.company.com%2Fmarketing %2Fnewproducts%2Fpricing) اين روش فقط موقعي کار مي کند که شاخه ها نام هاي معني دار داشته باشند . دوباره تاکيد مي کنيم که نام فايلها بسيار مهم است وبه پيمايش و ساختار سايت کمک مي کند .

نام فايلها :

نام فايلها مي تواند به همان اندازه نام شاخه مفيد باشد . اگر نام فايل HTML تائيدي بر اين نکته باشد که کدام صفحه توسط کاربر بازديد شده است مي تواند به فرآيند سايت پيمايي کمک کند . براي مثال URL فوق و نام فايل به کاربر دقيقا مي گويد که کدام صفحه را بازديد مي کند . http://www.companyname.com/financial/qdarter2.html (http://forum.majidonline.com/redirect-to/?redirect=http%3A%2F%2Fwww.companyname.com%2Ffinan cial%2Fqdarter2.html)

قرار داد معمول :

Navigation هايي که براي سايت خود انتخاب مي کنيد نبايد در سايت منحصر به فرد باشد . اين امر مي تواند براي سايتهاي ديگر نيز مفيد باشد . خيلي از المانهاي عادي که در وب از آنها استفاده مي کنيد براي کاربران مانوس مي شوند و بنابراين معاني از پيش تعريف شده خواهند داشت . بيشتر اين المانها بر چسب دارند . براي مثال وقتي کاربر دگمه و کليد بر چسب دار Home Page را مي بيند مي داند که آن لينک وي را به کجا خواهد برد براي اتصال به صفحه خانگي از Lable هايي مثل نقطه ورود استفاده نکنيد. به ياد داشته باشيد که کاربران مانند يک گردشگر هستند و شما بايد کاري کنيد که آنها را راضي نگه داريد و آنها همواره با شما باشند . در ادامه بحث خيلي از Logo ها يا تصاوير نشانه دار بايد به صفحات خانگي متصل شوند . بقيه بر چسب هاي عادي مثل Search يا Find کاربران را براي جستجو به سايتهاي ديگر هدايت مي کند . (FAQs, Downloads , News, Sitemap , About Us, Contact Us) همگي از بر چسب هاي معمول در سايت ها هستند . سعي نکنيد که از برچسب هاي منحصر به فرد استفاده کنيد،چراکه بهتر ان است که کاربران بتوانند برچسب ها را تشخيص دهند تا بتوانند به راحتي در سايت گردش کنند.

Guided Navigation (راهنمايي Navigation ) :

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


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

موارد زير را در نظر بگيريد :

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

پيش بيني مقاصد و نيازها :

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

آموزش از Navigation هايي که کارآئي خوب دارند :

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

تمامي اين موارد مهم هستند اما ايجاد اتصال احتمالا بيشترين اثر را براي کاربر دارد . Navigation ها بايد به به مردم بگويد که آنها کجا هستند و اگر ممکن باشد بگويد که کجا بايد بمانند . کاربران بايد قادر باشند که به راحتي اتصالات و موارد با قابليت کليک را شناسائي کنند . آنها نياز دارند که بدانند که آيا خريدي که کردند و جستجويي که انجام دادند و وظايف ديگر با موفقيت انجام شده است ؟ با ايجاد بازگشت مي توانيد احتياجات اصلي را براي Navigation تامين کنيد .

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

ايجاد اتصالات سريع :

ساختار صفحه را به طور کلي در نظر بگيريد و ر کمي وقت را براي ساختن ميانبر در سايت صرف بگذاريد . بعضي از اين ميانبرهاي معمولي شامل جستجو ، نفشه سايت و جداول( Table, Site Map , Search) هستند . هدف از هر ميانبر کمک به کاربران براي پيدا کردن سريع اطلاعات مي باشد وشما بايد راه ميانبر را با اين هدف در ذهن خود طراحي کنيد. خيلي از المانهاي صفحات کاربردي نيستند زيرا يک سري از موارد گمراه کننده را ارائه مي دهند . مثلا نقشه سايت زمان زيادي را براي بارگذاري نياز دارد و يا جداول نياز به Scroll کردن دارند . راههاي ميانبر بايد ساده ، سريع و قابل درک باشند و نيز بايد بدانيد که کاربران استعدادهاو تواناييهاي متفاوتي دارند .
به عنوان مثال نحوه تاثير علايق شخصي درايجاد يک Navigation کاربردي رامي توان در جستجوکردن و عملکردافراد در سايتها دانست . بعضي از کاربران دوست دارند تا جايي که ممکن است از پرسه زدن در سايتها خودداري کنند و اطلاعات دقيق خود را در زمان کمي بدست آورند. اما بالعکس کودکان در هنگام جستجوي اطلاعات معمولا تمايل به گردش در سايت را دارند و وقت بيشتري را صرف مي کنند.
طراحي Navigation مشکل است اما در عين حال کمک به کاربران براي رسيدن به مقاصدشان مي باشد .همواره به خاطر داشته باشيد که Navigation ها بايد به کاربراني که مي خواهند در سايت شما به مقاصد خود دست يابند کمک کرده و آنها را هدايت مي کنند. براي اطلاعات بيشتر مربوط به Navigation ها به آدرس زير مراجعه کنيد

http://www.useit.com/alterbox (http://forum.majidonline.com/redirect-to/?redirect=http%3A%2F%2Fwww.useit.com%2Falterbox)

منبع فناوري اطلاعات ايران