مشكلات رايج طراحي صفحات وب

PhonieX

مدیر انجمن <A href="forum.majidonline.com/forums/6
اشاره: در اين مقاله، بخشي از مشكلات جزيي و در عين حال مهم طراحي صفحات وب، توسط جانت بيلي، طراح وب حرفه يي و مشهورانگليسي بررسي شده است. وي در ابتداي مطلب قسمتي از خاطرات خود در طراحي نخستينصفحات وبش را بيان مي كند و در ادامه، مشكلاتي كه در كار web designing با آنهامواجه شده را مطرح مي نمايد و برايشان راه حل ارايه مي دهد.
زماني كه من نخستين وب سايتم را طراحي كردم، بسيار خوشحال و مغرور بودم. من شبهاي بسياري تا مرز چند ماه راه براي طراحياين سايت بيدار مانده بودم. بسياري از دوستان و اهالي خانواده ام نيز اين سايت راديده بودند و مي گفتند كه طراحي بسيار حرفه يي و زيبايي دارد و همه را تحت تاثيرخود قرار داده بود. مي توانم قسم بخورم كه روزي بالغ بر ده بار به سايت خودم سر ميزدم و به شاهكاري كه خلق كرده بودم، نگاه مي انداختم و از آن لذت مي بردم. بهعبارتي مي توانم آن سايت را نخستين فرزند علمي خودم بنامم. اما بايد با واقعيات هم مواجه مي شدم. به يك گروه حرفه يي طراحي وب رفتم، سايت را به آنها نشان دادم و چندسوالي در مورد سايتم از آنها پرسيدم. دو نفر از قديمي ها و حرفه يي هاي آن گروه،اجزاي مختلف سايت من را برايم تقسيم كردند و بدون اينكه توضيح خاصي بدهند، گفتند كهسايت من تنها در حد يك صفحه‌ي معمولي اينترنتي است نه يك سايت كامل.
بعد از آن قضيه، من بسيار از آن دو نفرمتنفر و زده شدم و به همسرم گفتم كه آنها چه آ‌دمهاي بي رحم و بي لياقتي هستند كهاز كامپيوتر هيچ چيز نمي فهمند! چون هر كسي كه من سايتم را نشانش داده بودم، ازسايت من به عنوان يك طراحي حرفه يي ياد مي كرد.
تقريبا يك هفته يي بود كه به سايتم سرينزده بودم. يك روز دوباره نشستم و سعي كردم با توجه به مطالبي كه دو متخصص طراحي وبيادآوري كرده بودند، براي خودم سايت را بررسي كنم. اما وقتي سعي كردم بدون تعصب وبا ديدي متفاوت به بازنگري سايتم بپردازم، چيزي متفاوت از آنچه كه در هنگام طراحيتصور مي كردم، ديدم.
با اين اوصاف، روزهاي زيادي را صرفم طالعه ي دوباره روي سايتم كردم. آن دو نفر متخصص، بدون هيچ چشمداشت و منتي، تمامنكات اشتباه طراحي من را يادآوري كردند و به من گفتند كه چه طور مي توانم اشتباهاترا اصلاح كنم اما من با لجاجت و سرسختي تمام، يك برخورد نامناسب با آنها انجامدادم! اما وقتي منصفانه به كارم نگاه كردم، ديدم غير از دگمه (Button)هاي زشت و غولپيكر و متنهايي كه بدون هيچ tableبندي و به صورت centerd text و كاملا آشفته درصفحه پراكنده شده اند، كار ديگري انجام نداده ام.
ليستي از تمام مشكلات و موارد سايتمتهيه كردم و بعد از اصلاح هر كدام، آن را چك مي كردم تا ببينم مشكلي باقي نماندهباشد. البته استراحت در بين برطرف سازي مشكلات سايت را فراموش نمي كردم. اما فقطدوست داشتم كسي در كنار من باشد و شادي زايدالوصفم را ببيند. آن موقع با خودم فكرمي كردم كه بهترين طراح وبي هستم كه دنيا به خودش ديده است!
بار ديگر به نزد آن دو طراح وب حرفه ييرفتم و سايتم را نشان دادم. اين دفعه هم برخورد آنها بهتر شده بود و هم برخورد من!يكي از آنها در مورد Cascading Style Sheets يا CSS از من پرسيد. او به من گفت كهبدون استفاده از CSS يك فاجعه ي بزرگ در كدنويسي من اتفاق مي افتد. يكي ديگر ازنقاط ضعف بزرگ طراحي سايت من، اين بود كه بسيار درهم و شلوغ كار مي كردم. هم درطراحي و هم در management فايلها. آنها يك سوال اساسي از من پرسيدند. آيا نمي توانمفايلها را داخل folderها جاگذاري كنم و با اين كار سرعت بارگذاري را نيز پايينبياورم؟
انتقاداتي كه آنها به من وارد كردند،باعث شد بار ديگر دلگير شوم. به خانه برگشتم و با عصبانيت فرياد زدم: آنها احمقهستند، من از آنها متنفرم! همسرم پوزخند زد و گفت كه باز هم اشتباه مي كنم و با گوشدادن به نصايح آن دو طراح وب، مي توانم فصل جديدي از كار در طراحي وب را براي خودمباز كنم و به طور گسترده به دانسته هاي خودم بيفزايم. او همينطور به من اطمينان دادكه در روزهاي آينده با اشتياق بيشتر به كار برمي گردم و اشتباهاتم را نيز جبرانخواهم كرد!
اين اتفاقات چندين بار تكرار شد، مناشتباهاتم را از آن دو متخصص ياد مي گرفتم، فرياد مي زدم، آشتي مي كردم و دوبارههمين چرخه طي مي شد و با تمام كش و قوسها، من ياد مي گرفتم كه چه طور انتقادپذيرباشم و چه طور كارم را بهبود ببخشم. هر زمان كه بخشي از مشكلات سايت را برطرف ميكردم و دوباره يك نگاه كلي مي انداختم، اميدوار مي شدم كه كارم در آينده باز همبهتر شود. بعد از گذشت مدتي، به اين نتيجه رسيدم كه چه پيشرفتهاي خوبي حاصل كردم.درادامه ي مطلب، بخشي از مشكلات جزيي طراحي وب كه در ابتدا گريبانگير من بود و ممكناست بسياري از شما نيز با آنها مواجه شويد را بررسي مي كنم.

Hit counterها و لزوم استفاده ازآنها
من استفاده از هيچگونه Hit counter ياشمارنده ي بازديدكننده ي صفحات وب كه مستلزم افزودن حتي چند خط HTML code به وبشماست را پيشنهاد يا توصيه نمي كنم چون اولا در بالا رفتن حجم صفحه تاثير زياديدارد، و همينطور معمولا به ندرت عدد درستي از تعداد بازديدكنندگان سايت شما را نشانمي دهد و در نتيجه در بسياري موارد با نشان دادن يك عدد كمتر از ميزان واقعيبازديدكنندگان شما، افسردگي و دلزدگي در تجارت اينترنتي را برايتان به همراه ميآورد.
البته ممكن است بسياري از شما بپرسيد كهبا اين اوصاف چرا خيلي از سايتهاي مهم و پرطرفدار، اين كار را مي كنند و هيت كانترقرار مي دهند.
بسياري از مديران سايتهاي اينترنتي معروف دنيا، در صحبت با من بيان مي كنند كه توانستند به روشي دست پيدا كنند تابتوانند امكان ديدن آمار بازديد سايت را براي مردم عادي غيرفعال نمايند و تنها خودمدير سايت قادر باشد تا بازديدكننده هاي سايت را بشمارد. البته كساني كه اين كار رامي كنند شايد امنيت كاري خود را بالا ببرند. اما بايد توجه كنند در Page Rank گوگل و ساير موتورهاي جست وجو ضرر مي كنند.
نصب كردن برنامه ي شمارنده ي بازديد وبسايت و يا قرار دادن كد مربوط به آن در صفحه ي اينترنتي شما اصلا سخت نيست به خصوصاگر اين كدها را از سايتهاي مثلnedstatbasic.netياstats4all.comگرفته باشيد اما شما بايد بدانيد كه چه كاري ميخواهيد بكنيد. البته شما براي كار طراحي وب حداقل بايد در همه ي زمينه هاي مربوط،تخصص داشته باشيد در غير اينصورت نمي توانيد هيچ وقت موفق شويد. زمان شناسي و تخصصدر گرافيك از همه چيز مهمتر است. اگر بخواهم حقيقت را بگويم و صادق باشم، البته مندر روزهاي اولي كه مي خواستم به صورت حرفه يي خودم هيت كانتر طراحي كنم و يا ازكدهاي آماده استفاده نمايم، واقعا در اين زمينه مشكل داشتم. شما هم اگر هنوز دقيقانمي توانيد از شمارنده ي بازديد وبتان خوب استفاده كنيد، با برايان بونيني تماسبگيريد يا اگر به وي دسترسي نداريد، براي عبارت brian bonini در يك موتور جستجوي معتبر search كنيد و به وي ايميل بزنيد. مطمئن باشيد كمكتان خواهد كرد. البته اگربخواهيد يك هيت كانتر خيلي حرفه يي با تمام امكانات رديابي مشخصات بازديدكننده طراحي كنيد، براي آن با يك قيمت منطقي و معقول برايتان در اسرع وقت طراحي خواهد كرد.وي مرجع كدهاي آماده ي طراحان وب دنياست.

موسيقي Background
قرار دادن موسيقي در پس زمينه ي وبلاگهاو وبسايتها كه بدون صدور هيچ پيام، هشدار يا warning شروع به پخش شدن با صداي بلندمي كند، يكي از آزاردهنده ترين امكاناتي است كه طراحان تازه كار به راحتي به آن دستپيدا مي كنند. اگر طبيعت سايت هنري است و طلب مي كند كه موسيقي را شامل شود، حداقلبا طراحي يك انيمشين يا قرار دادن چند radio button به كاربر امكان مديريت موسيقي،پخش يا توقف آن را بدهيد

Best view of website
در انتهاي صفحات بسياري از سايتهاي ابتدايي، غيرحرفه يي و آماتور كه توسط طراحان تازه كار ساخته شدند، نوشته يي ميبينيد كه از شما خواسته resolution صفحه نمايش خود را تغيير دهيد تا سايت را بهصورت استاندارد ببينيد، و همينطور پيامي نوشته شده كه در صورت استفاده كردن ازمرورگر اينترنت غير از Internet Explorer كه محصول مايكروسافت است، نمي توانيدمحتويات، مطالب و تصاوير سايت را به صورت كامل و دقيق ببينيد. شايد به عنوان يك ر اهكار مقطعي و موضعي، اين روش مفيد باشد اما اعتبار حرفه يي شما را زير سوال ميبرد چرا كه هر بازديدكننده يي با ديدن اين پيام، متوجه مي شود طراح سايت حرفه يينبوده تا بتواند يك صفحه ي استاندارد و سازگار با همه ي مرورگرها و وضوح صفحه نمايشطراحي كند. در حال حاضر هم كه مرورگرهاي جديد و پيشرفته ي اينترنت مانند firefox گسترش يافتند، شما نمي توانيد انتظار داشته باشيد كه بازديدكننده براي ديدن سايتشما، يك مرورگر ديگر نصب كند يا دوباره به اينترنت اكسپلورر روي بياورد! براي اينكهخطر كاهش اعتبار حرفه يي خود را كاهش دهيد، نياز داريد تا مهارتهايي را بياموزيد كهبه شما قدرت مي دهند تا سايتهاي سازگار با همه ي مرورگرهاي اينترنت و web browsers را به راحتي بسازيد. اما اگر شما از برنامه‌هايي استفاده مي كنيد كه به صورت آمادهدر كدنويسي كمكتان مي كنند مانند dreamweaver، حتما به يك روش و چاره ي ديگر فكركنيد.

سرعت بالا آمدن سايت يا page loading speed
تحقيقات نشان مي دهد كه بيشتر از 50درصد كاربران اينترنت در سراسر دنيا، از اينترنت شماره گيري تلفني يا dialup connection استفاده مي كنند و به همين دليل سرعت زيادي در اتصال به اينترنت ندارند.اگر صفحه ي وب شما، به سرعت و در عرض كمتر از 30 ثانيه load نشود، كاربري كه بهسايت شما مي آيد به سرعت يك پايگاه وب ديگر را براي گشت و گذار انتخاب مي كند. درنتيجه بهترين روشها را براي كاهش حجم صفحات وب خود انتخاب كنيد.
براي كاهش حجم صفحات وب، شما بايد درمرحله ي اول به image optimizing يا بهينه سازي حجم تصاوير صفحه ي خودتان فكر كنيد.بهترين روش براي بهينه سازي حجم تصاوير كه بخش عمده ي سايتهاي اينترنتي را تشكيل ميدهند نيز استفاده از روشهاي default هر Image editor يا ويرايشگر تصويري است كه شمااز آن استفاده مي كنيد. بيشتر picture editorها هم مانند Adobe Photoshop براي كاهش سايز تصاوير و بهينه سازي آنها جهت استفاده در وب روشهاي خوب و مناسبي را پيشنهادمي دهند. اگر هم از ويرايشگر تصوير مناسبي استفاده نمي كنيد يا با آنها آشنانيستيد، روي اينترنت، در گوگل و به خصوص در سايتwww.donwload.comكه مركز دريافت نرم افزارهاي جديد يا قديمي اينترنتي است، جستجو كنيد و اين عبارات را كه هر كدام نرم افزارهاي قوي بهينه سازيحجم تصوير هستند، search نماييد:
IrfanView Image Editor
Free Online GIF Optimizer
Free Online JPG Optimizer
اگر هم در استفاده از اين نرم افزارهامشكلي داريد، روي اينترنت براي نام دوست من، تريشا كوپرا (Trish Cupra) جست و جوكنيد و ايميل بزنيد. وي به رايگان به سوالات مختلف شما پاسخ خواهدداد.

جلوه هاي ويژه ي اينترنتي web special effects
بسياري از طراحان وب، با خيال اينكهاضافه كردن انيمشنهاي شلوغ يا به اصلاح Transition به صفحات وبشان هنگامي كه از يكمطلب به مطلب ديگر يا از يك صفحه به صفحه ي ديگر مي رويد، جذابيت و هيجان مي افزايد، به خصوص در نرم افزار فرانت پيج، با افزودن كدهاي DHTML special effects ضمن اينكه حجم صفحات را بالا مي برند، كه حتي حجم زيادي از بازديدكنندگان خود رافراري مي دهند!
در اين مقاله، من سعي كردم با ارايه‌ يراهكارهاي عملي، شما را در برطرف كردن برخي از مشكلات رايج طراحي وبسايتهاياينترنتي ياري كنم. مشكلاتي كه خودم نيز بسيار با آنها مواجه بودم و تنها با گذشت زمان توانستم حلشان كنم. شما نيز اگر باز با مشكل برخورد كرديد، مي توانيد ضمن مراجعه به پايگاههاي آموزشي اينترنتي، مشكلات خود را به راحتي حلكنيد.

منبع:http://www.favanews.com/default.aspx/news_17411.htm
 

جدیدترین ارسال ها

بالا