tag:blogger.com,1999:blog-62106067445677838272009-08-09T11:39:30.210+04:30User Experience Blog پرهامhttp://www.blogger.com/profile/07922406525275677061parhamb@gmail.comBlogger10125tag:blogger.com,1999:blog-6210606744567783827.post-77865765565792630652009-07-09T18:08:00.007+04:302009-07-09T18:21:25.176+04:302009-07-09T18:21:25.176+04:30<div style="text-align: justify;"><br /></div><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/_Ym6DR9TPx6g/SlXzgmpND_I/AAAAAAAABf8/iVvUMWdggIw/s1600-h/sourceforgelogo.jpg"><img style="text-align: justify;float: right; margin-top: 0px; margin-right: 0px; margin-bottom: 10px; margin-left: 10px; cursor: pointer; width: 217px; height: 43px; " src="http://3.bp.blogspot.com/_Ym6DR9TPx6g/SlXzgmpND_I/AAAAAAAABf8/iVvUMWdggIw/s400/sourceforgelogo.jpg" border="0" alt="" id="BLOGGER_PHOTO_ID_5356455073281806322" /></a><div style="text-align: justify;"><a href="http://sourceforge.net/">Sourceforge</a> وب سایتی است که به توسعه دهندگان اجازه میدهد نرم افزارهای خودشان را در آنجا با رعایت قوانین نرم افزاری قرار دهند. در سورس فورج نرم افزارهای معروف زیادی میزبانی می شود از جمله:Emule, Notepad++, SMPlayer</div><div style="text-align: justify;"><br /></div><div style="text-align: justify;">توسعه دهندگان در آنجا میتوانند برای نرم افزار خودشان یک پروفایل مجزا ایجاد کنند و امکاناتی از قبیل تعداد دفعات دانلود، بحث هایی راجع به نرم افزارشان و یا روند توسعه و رفع ایرادهای آنها را ثبت کنند.</div><div style="text-align: justify;"><br /></div><div style="text-align: justify;">سورس فورج کاربران زیادی دارد که از آن استفاده میکنند اما مشکلاتی که آنها با وب سایت اصلی داشتند مشکلاتی از قبیل هدایت کاربر، شمایل قدیمی طراحی آن بود. اخیراً تیم سورس فورج اقدام به طراحی مجدد وب سایت اصلی خودشان کردند. در عکس زیر صفحه اصلی را مشاهده کنید:</div><div><div style="text-align: justify;"><br /></div><div><img src="http://3.bp.blogspot.com/_Ym6DR9TPx6g/SlXzyRBiWgI/AAAAAAAABgE/lJvz-MnYH7E/s400/sourceforge-homepage.jpg" style="text-align: justify;display: block; margin-top: 0px; margin-right: auto; margin-bottom: 10px; margin-left: auto; cursor: pointer; width: 398px; height: 400px; " border="0" alt="" id="BLOGGER_PHOTO_ID_5356455376715930114" /><div style="text-align: justify;">صفحه اصلی سورس فورج کاربر پسند تر شده است. یک فرم جستجوی برجسته و واضح، دسته بندی های درشت و تفکیک شده، لیست پروژه های محبوب و دیگر امکاناتی که در صفحه قرار گرفته بصورت ساده و تمیز و در درسترس برای کاربر قرار گرفته است. در طراحی جدید سورس فورج سعی شده با ایجاد فضای سفید بیشتری و بزرگ کردن سایز عناصری که قرار است کاربر بر روی آنها کلیک کند، احساس آزادی عمل بیشتری به کاربر دهد. این کار سبب خوشنودی کاربر میشود.</div><div style="text-align: justify;"><br /></div><div style="text-align: justify;">تغییرات دیگری هم در این سایت مشاهده میشود، بدین صورت که در صفحه هر کدام از پروژه ها کاربر میتواند براحتی نرم افزار را دانلود کند. با قرار دادن دکمه برجسته و واضح دانلود، کاربر براحتی به هدف نهایی خود یعنی دانلود نرم افزار میرسد.</div></div><div><div style="text-align: justify;"><br /></div><img src="http://1.bp.blogspot.com/_Ym6DR9TPx6g/SlX0Njq_RdI/AAAAAAAABgQ/hjcxWKchqsI/s400/sourceforge-project-page.jpg" style="text-align: justify;display: block; margin-top: 0px; margin-right: auto; margin-bottom: 10px; margin-left: auto; cursor: pointer; width: 400px; height: 234px; " border="0" alt="" id="BLOGGER_PHOTO_ID_5356455845578098130" /><div style="text-align: justify;"><br /></div><div style="text-align: justify;">توسعه دهندگان همچنان میتوانند صفحه اصلی وب سایت را به صفحه اصلی پروژه خودشان تغییر دهند. طراحتاً میتوان گفت هدایت کاربر وب سایت جدید سورس فورج آسان دارد.</div></div><div style="text-align: justify;"><br /></div><div style="text-align: justify;"><br /></div></div><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/6210606744567783827-7786576556579263065?l=www.insideclean.com'/></div>نیماhttp://www.blogger.com/profile/14267734200038379123noreply@blogger.com1tag:blogger.com,1999:blog-6210606744567783827.post-52419003185915765062009-06-05T09:02:00.002+04:302009-06-05T09:18:21.906+04:302009-06-05T09:18:21.906+04:30<object style="margin: 0px;" height="355" width="425"><param name="movie" value="http://static.slidesharecdn.com/swf/ssplayer2.swf?doc=userexperienceintroduction-1215906108954647-9&amp;stripped_title=user-experience-510929"><param name="allowFullScreen" value="true"><param name="allowScriptAccess" value="always"><embed src="http://static.slidesharecdn.com/swf/ssplayer2.swf?doc=userexperienceintroduction-1215906108954647-9&amp;stripped_title=user-experience-510929" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" height="355" width="425"></embed></object><br /><br />ارائه دهنده <a href="http://www.slideshare.net/rajeshlal">Rajesh Lal</a><br /><br /><a href="http://www.slideshare.net/rajeshlal/user-experience-510929?type=powerpoint" title="User Experience ">User Experience</a><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/6210606744567783827-5241900318591576506?l=www.insideclean.com'/></div>پرهامhttp://www.blogger.com/profile/07922406525275677061parhamb@gmail.com0tag:blogger.com,1999:blog-6210606744567783827.post-64764745547265714242009-05-16T22:45:00.004+04:302009-05-16T22:53:36.693+04:302009-05-16T22:53:36.693+04:30متاسفانه طی 10 روز گذشته فرصت به روز کردن این وبلاگ گروهی که توسط <a href="http://www.parhamb.com/">من ( پرهام )</a> و <a href="http://www.nimaa.ir/">نیما</a> راه اندازی شد و پس از اون <a href="http://www.datisdesign.com/">فرشاد</a> هم به تیم ما پیوست بنا به دلایلی نبوده , یکی از این دلایل این بوده است که ما در حال ساماندهی مطالب و موضوعات هستیم , با توجه به اینکه مسائلی مانند User Experience و Usability و User Interface Design برای نخستین بار پرداخته میشه در حال برنامه ریزی هستیم تا بتونیم با مطالب منظم و دنباله دار تری در خدمت شما باشیم .<br /><br />همچنین مشغول سایر سایتهای وابسته هم هستیم تا بتونیم اطلاعات بدون نقضی را به شما ارائه کنیم , پوزش ما را پذیرا باشید ولی من از طرف تیم این قول را میدم که این تاخیر در به روز رسانی را به بهترین نحو جبران کنیم و با خبرها و فعالیت های دیگر شما را دلگرم به تلاش در این زمینه کنیم :)<br /><br />پس تا چند روز آینده که بیش از 4 روز نخواهد بود<div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/6210606744567783827-6476474554726571424?l=www.insideclean.com'/></div>پرهامhttp://www.blogger.com/profile/07922406525275677061parhamb@gmail.com0tag:blogger.com,1999:blog-6210606744567783827.post-42848889928061050142009-05-03T03:12:00.005+04:302009-05-04T14:03:04.925+04:302009-05-04T14:03:04.925+04:30<div dir="rtl" style="text-align: justify;">طراحی وب سایت یکی از سخت ترین کارها است! چون یک طراح سایت باید در زمینه های مختلفی آگاهی داشته باشد. وب سایت وسیله ای است که مردم از سراسر دنیا با فرهنگ، زبان، عقیده، سطح دانشهای مختلف به آن دسترسی دارند، حال چگونه می توان این بازدید را برای این قشر عظیم آسان کرد و با آنها به راحتی ارتباط برقرار کرد ؟ <p><span id="more-33"></span></p> <p>شما سایتهای مختلفی را در اینترنت دیده اید که مطالب و محتویات زیادی دارند، اجزای گرافیکی زیاد، صدا، انیمیشن و... وقتی شما وارد این سایت می شوید اگر هم خیلی به اینترنت آشنا باشید مدتی طول می کشد تا بفهمید که این سایت چه هدفی را دنبال می کند و می خواهد چه چیزی را نشان بدهد چه برسد به کاربرانی که آشنایی زیادی با اینترنت و کامپیوتر ندارند ! برای آنها خیلی سخت خواهد بود که بفهمند که از کجا باید شروع کنند به کجا میتوانند بروند و مهمتر از همه اینکه <em><strong>این سایت درباره چیست</strong></em> ؟!</p> <p>مشکل این سایتها در یک کلمه خلاصه می شود "پیچیدگی" و راه حل ساده آن هم یک کلمه است : سادگی !</p> <p>اما چگونه ؟</p> <p>بگذارید با یک مثال شروع کنم، به <a title="فایرفاکس" href="http://www.mozilla.com/en-US/firefox/">وب سایت فایرفاکس</a> بروید. چی می بینید ؟ آیا می توانید به راحتی بفهمید این سایت درباره چیست ؟ آیا می توانید به راحتی آن چیزی را که می خواهید پیدا کنید ؟ فکر می کنم جواب شما بله باشد ! حتی کاربرانی که خیلی سطح دانش کامپیوتر و اینترنت آنها بالا نیست به راحتی در این سایت به هدف و مقصود خود می رسند. </p> <p>اما چرا ؟ جواب ساده است : <strong>سادگی</strong> !</p> <p>قسمت navigation جدا و به راحتی قابل تشخیص است، توضیحات سایت کم و در عین حال مفید و مفهوم است، دکمه download مجزا و به راحتی دیده می شود...</p> <p>و برای آن سایتهای پیچیده مطمئنا شما مثالهای زیادی در ذهن دارید !</p> <p>بنابراین اگر شما یک طراح وب سایت هستید حتما این نکته را موقع طراحی به یاد داشته باشید، سادگی یک کلید طلایی در طراحی وب سایت است. همیشه سعی کنید هدف وب سایت را در جملات کوتاه و با معنی ارائه دهید، با کاربران رو راست باشید، آنها را سردرگم نکنید و مجبورشان نکنید که درباره هدف وب سایت شما به جستجو بپردازند، اگر این کار را بکنید به احتمال زیاد آنها را از دست می دهید. کاربران معمولا برای خواندن متون طولانی صبور نیستند، آنهم روی صفحه مونیتور !</p> <p>سادگی به نظر آسان می آید ولی استفاده از آن خیلی سخت است ! شما باید سعی کنید با کاربران به سادگی و به سرعت ارتباط برقرار کنید، واقعا سخت است ! با این حجم از اطلاعات که هر دقیقه وارد اینترنت می شود خیلی سخت است که کاربران را جذب کنید !</p> <p> در پستهای بعدی بیشتر در مورد سادگی در طراحی وب سایت مینویسم.</p></div><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/6210606744567783827-4284888992806105014?l=www.insideclean.com'/></div>فرشادhttp://www.blogger.com/profile/07498194093573211380noreply@blogger.com4tag:blogger.com,1999:blog-6210606744567783827.post-18564611937336700632009-05-03T03:05:00.004+04:302009-05-04T14:05:46.182+04:302009-05-04T14:05:46.182+04:30<div dir="rtl" style="text-align: justify;">شاید خیلی از کاربران و طراحان وب سایت با من مخالف باشند، من همیشه موافق سادگی در طراحی وب سایت بوده ام اما ممکنه خیلیها این کار رو در طراحی وب سایت رعایت نکنن، استفاده از Popup ها، اجزای Javascript که بعضی وقتها واقعا حرفی برای گفتن ندارن، اجزای فلش و گرافیکی که ربطی به سایت نداره و فقط موجب میشه که چشم کاربر به دنبال اونا بره و آخرش هم حرف خاصی رو به کاربر نمیگه و ... <p>مطلبی در همین مورد سایت <a title="vnuent.com" href="http://www.vnunet.com/">vnuent.com</a> نوشته که ترجمشو براتون میذارم :</p> <p>شرکت <a title="SDL Tridion" href="http://www.tridion.com/">SDL Tridion</a> که در زمینه مدیریت محتوی وب فعالیت می کند نتایج تحقیقی را در مورد بیشترین عوامل دور شدن یک کاربر از یک وب سایت را منتشر کرد، که بیشترین عامل مربوط به تبلیغات Popup بوده است.</p> <p>78 درصد پاسخگویان به این نکته اشاره کرده اند که این نوع تبلیغات بیهوده ترین تجربه آنها در دنیای وب بوده است، تبلیغاتی که در نامناسب ترین زمان می آیند و راحت شدن از دست آنها هم سخت است.</p> <p>این شرکت بیان کرد که این نوع از آزردگی ناشی از چیزی است که به آن "طراحی Bimbo" گفته می شود که در آن سایتها جذاب هستند ولی مفهوم و دوام ندارند !</p> <p>Erik Aeyelts Averink، رئیس شرکت SDL Tridion گفت :"اولین برخورد ها همیشه مهم هستند، شرکتها نمی خواهند سایتهای Bimbo داشته باشند." او ادامه داد : "همه زرق و برق ها و بی محتواییها کاربر را عصبی می کند. سعی نکنید کاربر را بدون دلیل و به راحتی از دست بدهید."</p> <p><span style="color: rgb(255, 128, 64);">موارد دیگر شامل استفاده از معرفیهای طولانی در وب سایتها که نمی شود از آنها چشم پوشی کرد، نیاز به نصب برنامه های اضافی برای مشاهده کردن سایت و وارد کردن اطلاعات شخصی زیاد از حد برای استفاده کردن از یک سایت می باشد.</span></p> <p>او اضافه کرد : "شرکتها باید مطمئن باشند که کاربران را منحرف نمی کنند. اینترنت معمولا اولین مکان برای تحقیق کردن می باشد و به وب سایتها هم همچون موارد دیگر بازاریابی باید توجه کرد و برای آنها وقت گذاشت. اگر شرکتها به این روش ادامه دهند آنها نه تنها مشتریان خود را از دست می دهند بلکه شهرت آنها هم از بین می رود."</p><p>منبع : <a title="vnunet.com" href="http://www.vnunet.com/itweek/news/2220117/flashy-sites-annoy-users">vnunet.com</a></p></div><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/6210606744567783827-1856461193733670063?l=www.insideclean.com'/></div>فرشادhttp://www.blogger.com/profile/07498194093573211380noreply@blogger.com0tag:blogger.com,1999:blog-6210606744567783827.post-83566690149618776852009-04-19T11:38:00.002+04:302009-04-22T16:17:51.519+04:302009-04-22T16:17:51.519+04:30از مواردی که در طراحی صفحات وب و نمایش صفحات بسیار حائز اهمیت می باشد نوع فونت و اندازه فونت هست که باعث میشود تا کاربر دچار خستگی نگردد .<br /><br />به طور کلی فونت ها به دو دسته Serif و Sans-Serif تقسیم میگردند .<br />تقسیم بندی فونت های Serif و Sans-Serif برای فونت های لاتین هستند , به طور مثال در فونت های لاتین فونت هایی نظیر Arial در دسسته بندی فونت های Sans-serif قرار میگیرند ولی فونت Arial در زبان های RTL مانند فارسی در دسته بندی فونت های Serif قرار میگیرند و به همین دلیل برخی از مواردی که در مورد اندازه و نوع فونت ها در لاتین بیان میگردد در فارسی صدق نمیکند .<br />برای آگاهی بیشتر در مورد تفاوت این دو فونت هستند را در تصویر زیر می توانید مشاهده کنید .<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_8zGcZGUZfNg/Seq4RQRCuUI/AAAAAAAABA4/T3bObboEj9A/s1600-h/serif-sansserif.gif"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 320px; height: 174px;" src="http://4.bp.blogspot.com/_8zGcZGUZfNg/Seq4RQRCuUI/AAAAAAAABA4/T3bObboEj9A/s320/serif-sansserif.gif" alt="" id="BLOGGER_PHOTO_ID_5326272115882768706" border="0" /></a><br /><br />یک نظریه در مورد نوع فونت ها وجود دارد که گفته میشه فونت های Sans-Serif برای مانیتور مناسب بوده که کاربر در صورتی که بیش از اندازه به مانیتور خیره گردد دچار خستگی میشود و فونت های Serif . برای متون چاپی که کاربر نیاز دارد تا با چشم کلمات را دنبال کند پس بهترین فونت برای متون در صفحات وب فونت های Sans-Serif می باشند .<br />( این تغییر را در طراحی مجدد بی بی سی می توانید مشاهده کنید )<br />به تصویر زیر که نمونه ای از پیمایش چشم در فونت های Sans-Serif هست نگاه کنید<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/_8zGcZGUZfNg/Seq8K3pLJfI/AAAAAAAABBA/OHso19Bckk4/s1600-h/font-serif-surfing.gif"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 320px; height: 112px;" src="http://3.bp.blogspot.com/_8zGcZGUZfNg/Seq8K3pLJfI/AAAAAAAABBA/OHso19Bckk4/s320/font-serif-surfing.gif" alt="" id="BLOGGER_PHOTO_ID_5326276404240393714" border="0" /></a>اما موضوعی که در ادامه بهش میپردازیم در مورد اندازه فونت ها برای صفحات وب هستند , در مورد اندازه فونت ها در صفحات وب هستند فونت های Tahoma و Times New Roman که دو فونت مورد استفاده زیاد در وب هستند را در سایزهای 8 و 9 و 10 و 12 و 14 برای متون لاتین و فارسی در تصویر زیر ایجاد کردم تا تفاوت این فونتها را ببینید , می بینید که در نوشته های لاتین در سایز 8 و 9 فونت های Serif اصلا خوانایی مناسبی ندارند و سایز 10 به بالا دارای خوانایی مناسبی هستند , ولی فونت های Sans-Serif مانند Tahoma در اندازه های 8 و 9 نیز قابل مشاهده هستند .<br /><br />این موضوع در متون فارسی 1 سایز بیشتر هستند و فونت های Sans-Serif سایز 9 و در فونت های Serif سایز 12 دارای خوانایی مناسبی هستند .<div><br /></div><div>پیشنهاد میشه برای متون فارسی از فونت هایی مانند Tahoma استفاده کنید تا برای مطالعه چشم کاربر دچار خستگی نشود .<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/_8zGcZGUZfNg/SerNxoYA-BI/AAAAAAAABBQ/SZjQmO3UMcc/s1600-h/font-web.gif"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 400px; height: 192px;" src="http://3.bp.blogspot.com/_8zGcZGUZfNg/SerNxoYA-BI/AAAAAAAABBQ/SZjQmO3UMcc/s400/font-web.gif" alt="" id="BLOGGER_PHOTO_ID_5326295761854461970" border="0" /></a>پی نوشت: در حال انجام یک Usability Testing هستم که در مورد خوانایی و میزان استفاده از فونت ها در صفحات وب هست و تا هفته ی آینده نتایج تحقیق را توی همین وبلاگ منتشر میکنم .</div><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/6210606744567783827-8356669014961877685?l=www.insideclean.com'/></div>پرهامhttp://www.blogger.com/profile/07922406525275677061parhamb@gmail.com5tag:blogger.com,1999:blog-6210606744567783827.post-51886091272071978792009-04-19T06:00:00.008+04:302009-04-22T16:18:00.263+04:302009-04-22T16:18:00.263+04:30<div style="text-align: justify;">یکی از مهمترین ابزارها در جعبه ابزار یک طراح فضای سفید است. فضای سفید فقط برای این است که فضایی بین محتوی مختلف در صفحه ایجاد کند مانند: عنوان ها، سر صفحه، پاراگراف ها، دکمه ها و ... . این فضا به ما کمک میکند تا بتوانیم عناصر در صفحه را تفکیک کنیم و آنها را به ترتیب مهم بودنشان قرار دهیم و همینطور آنها را به چندین گروه در صفحه بر اساس در دسترس قرار گرفتشان برای کاربر از هم جدا کنیم.<br /></div><br /><div style="text-align: justify;">اگر تا کنون به این مقوله رسیدگی نکرده اید بهتر است فکری برای فضای سفید وب سایت خودتان کنید و به آن رسیدگی کنید. در اینجا بخشی از اطلاعات یک صفحه را میبینید:<br /><br /></div> <a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/_Ym6DR9TPx6g/Sep--kwYEfI/AAAAAAAABLo/Ixxanp6z8hA/s1600-h/no-whitespace.png"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 320px; height: 178px;" src="http://3.bp.blogspot.com/_Ym6DR9TPx6g/Sep--kwYEfI/AAAAAAAABLo/Ixxanp6z8hA/s320/no-whitespace.png" alt="" id="BLOGGER_PHOTO_ID_5326209122802602482" border="0" /></a><br /><div style="text-align: justify;">آیا می توانید به راحتی عنوان و متن هر پاراگراف را تفکیک کنید؟ با نگاه اول بدلیل نزدیک بودن پاراگراف ها تقریبا جدا پذیر نیستند و کاربر هنگام خواندن خط اول از پاراگراف دوم آن را با خط آخر از پاراگراف بالایی اشتباه می گیرد و باید دقت بیشتری برای خواندن این متن داشته باشد. در این صورت متن هر چقدر هم با اهمیت باشد بخاطر کاربر پسند نبودنش کاربر به سختی زیاد قادر به خواندنش خواهد بود و یا به سرعت از خواندن آن صرف نظر میکند.<br /></div><br /><div style="text-align: justify;">در این قسمت با ایجاد فضای سفید بین هر موضوع، تفکیک پاراگراف ها از یکدیگر و فاصله ای که بین عنوان موضوع با محتوی آن پاراگراف ایجاد شده، خواندن را برای کاربر ساده تر کرده و کاربر با دقت بسیار کمی قادر به تفکیک موضوع ها از یکدیگر است و میتواند آن ها به سهولت بخواند:<br /><br /></div> <a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_Ym6DR9TPx6g/Sep--TTm95I/AAAAAAAABLg/GzLA4Cewdhw/s1600-h/better-whitespace.png"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 320px; height: 258px;" src="http://4.bp.blogspot.com/_Ym6DR9TPx6g/Sep--TTm95I/AAAAAAAABLg/GzLA4Cewdhw/s320/better-whitespace.png" alt="" id="BLOGGER_PHOTO_ID_5326209118118541202" border="0" /></a><br /><div style="text-align: justify;">در صورتیکه این تفکیک بین موضوع ها هم کامل نباشد، نسبت به نسخه قبلی بهتر شده است و برای کاربر قابل استفاده تر شده است. با افزایش فضای سفید بین موضوع ها، آنها را از زنجیر وار بودنشان در آوردیم و به صورت جداگانه هر موضوع با عنوان خود تفکیک شد. البته فضایی که بین هر موضوع ایجاد شده با میزان فضای عنوان مربوط با پاراگراف برای تفکیک محتوی در دید کلی بیشتر است.<br /></div><br /><div style="text-align: justify;">به وضوح مشخص میشود پیوند بین محتوی در صفحه وب شما در عین استفاده از فضای سفید بسیار مهم است. بازدید کنندگان شما کم حوصله هستند و با یک نگاه دوست دارند همه عناصر صفحه را ببینند و براحتی به آنها دسترسی داشته باشند. آنها نیاز به یک رابط کاربری تمیز دارند، با ایجاد فضای سفید ارتباط بین اجزا را طوری انجام دهید که کار کردن با وب سایت برای بازدید کننده راحت باشد.<br /></div><br /><div dir="rtl" style="text-align: right;"><br /></div><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/6210606744567783827-5188609127207197879?l=www.insideclean.com'/></div>نیماhttp://www.blogger.com/profile/14267734200038379123noreply@blogger.com0tag:blogger.com,1999:blog-6210606744567783827.post-42503801591948428352009-04-16T23:00:00.015+04:302009-04-17T00:13:47.598+04:302009-04-17T00:13:47.598+04:30<div style="text-align: justify;">در فرآیند طراحی مجدد ما باید همه اطلاعات در مورد اینکه مشتریان/کاربران ما چه می خواهند و یا نیاز دارند را بدانیم و سپس برای فرآیند طراحی دست به کار شویم.<br /></div><div dir="rtl" style="text-align: right;"><div dir="rtl" style="text-align: right;"><br /><div style="text-align: right;"><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_Ym6DR9TPx6g/Sed63WeeIKI/AAAAAAAABJk/CTMjLTGWv3E/s1600-h/plan-redesign.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 320px; height: 135px;" src="http://1.bp.blogspot.com/_Ym6DR9TPx6g/Sed63WeeIKI/AAAAAAAABJk/CTMjLTGWv3E/s320/plan-redesign.jpg" alt="" id="BLOGGER_PHOTO_ID_5325360175733678242" border="0" /></a></div><br />این فرآیند را به 4 قسمت میتوان تقسیم بندی کرد:<br />1- تشخیص دادن و ارزیابی<br />2- شندین و پذیرفتن<br />3- طراحی مجدد<br />4- آزمایش کردن<br /><br /><span style="font-weight: bold;"><br />1- ارزیابی کردن محتوای وب سایت خودتان</span><br /><div style="text-align: left;"><br /></div><div style="text-align: justify;"><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/_Ym6DR9TPx6g/Sed6H2yOEWI/AAAAAAAABJE/eQKCEbFfzJ4/s1600-h/analyze-website.jpg"><img style="margin: 0pt 0pt 10px 10px; float: right; cursor: pointer; width: 100px; height: 148px;" src="http://3.bp.blogspot.com/_Ym6DR9TPx6g/Sed6H2yOEWI/AAAAAAAABJE/eQKCEbFfzJ4/s320/analyze-website.jpg" alt="" id="BLOGGER_PHOTO_ID_5325359359772725602" border="0" /></a>مشخص کردن ضعف های وب سایت و فهمدین اینکه از کجا باید برای طراحی مجدد شروع کرد. اغلب این آغاز ها با پی آمد های تجاری و کسی که به آنالیز وب مسلط باشد انجام می شود.<br /><br />پی آمد های تجاری سر راست هستند: آیا شما اهداف و نقص های خودتان را می بینید؟ اگر پیش بینی و نقشه شما معقول است شما می توانید به طور کلی یک برآوردی برای اینکه چه مقدار نیاز به هزینه دارید را انجام دهید و برای باز دهی بیشتر وب سایت چه تدابیری باید بیاندیشید.<br /><br />تا این جا شما قسمت هایی از وب سایت را که باید برای بهتر شدن آن نقشه بکشید مشخص کردید و کارهایی که برای توانایی بیشتر وب سایت می خواهید انجام دهید روشن شده است. همانطور که گفتم آنالیز وب سایت به شما کمک میکند، از جمله بعضی چیزها مانند:<br /></div><ul style="text-align: justify;"><li>کاربران از چه راه هایی میتوانند وارد وب سایت شما شوند</li></ul><ul style="text-align: justify;"><li>تا چه اندازه کاربران بعد از ورود به وب سایت ممکن است به صفحات دیگر هم سر بزند</li></ul><ul style="text-align: justify;"><li>صفحات تا چه اندازه باعث نگه داشتن کاربر در صفحه و باعث سود بیشتر می شود</li></ul><div style="text-align: justify;"><br />در اینجا هدف از شروع کردن تشخیص مانع های بزرگ در وب سایت شما است. و این کار به شما اجازه میدهد که هدف های کلیدی را برای طراحی مجدد تشخیص دهید.<br /><br /></div><br /><br /><span style="font-weight: bold;">2- به مشتریان خود گوش دهید</span><br /><br /><div style="text-align: justify;"><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/_Ym6DR9TPx6g/Sed6H_h6w9I/AAAAAAAABJM/Qi2KjdQP-HU/s1600-h/voice-of-the-customer.jpg"><img style="margin: 0pt 0pt 10px 10px; float: right; cursor: pointer; width: 111px; height: 156px;" src="http://3.bp.blogspot.com/_Ym6DR9TPx6g/Sed6H_h6w9I/AAAAAAAABJM/Qi2KjdQP-HU/s320/voice-of-the-customer.jpg" alt="" id="BLOGGER_PHOTO_ID_5325359362120270802" border="0" /></a>ارزیابی وب سایت به شما کمک میکند که چه قسمت هایی را برای طراحی مجدد در اولویت قرار دهید. آشکار شدن دلایل طراحی مجدد به شما کمک میکند که هوشمندانه تر برای کارتان نقشه بکشید.<br /><br />برای به دست اوردن این اطلاعات به اندازه کافی وقت بگذارید و منابع معتبر و مفیدی پیدا کنید. شما میتوانید برای پیدا کردن جواب خیلی از سوال های خودتان با مشاور و یک توسعه دهنده صحبت کنید و یا از طریق جستجو در اینترنت از تجربه های وب سایت هایی بزرگی که دست به انجام طراحی مجدد زدند بهره بگیرید.<br /><br />البته وضعیت ایده آل بدست آوردن اطلاعات این است که موسسه های مشاوره ای در زمینه وب سایت شما را تحلیل کنند و آمار های جزئی را به شما بدهند امّا این کار مستلزم این است که پولی به این موسسه ها بدهید، اگر شما بودجه و وقت کافی برای این کار ندارید یا وب سایت شما کوچک است که تحلیل موسسه ای برایتان به صرفه نیست می توانید از تمرین های خوب در این زمینه، ایده لازم برای کارتان را بگیرید.<br /><br />راه دیگری برای آگاه شدن از اینکه دقیقا شما به دنبال چه نوع اطلاعاتی هستید، شرکت در کنفرانس هایی در این زمینه و پیگیری وبلاگ ها و سایت های شرکت هایی هست که در این بخش از وب فعالیت میکنند.<br /><br /></div><br /><br /><span style="font-weight: bold;">3- طراحی مجدد وب سایت خودتان</span><br /><br /><div style="text-align: justify;"><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_Ym6DR9TPx6g/Sed-thjQohI/AAAAAAAABKk/wsfXvWWbB1o/s1600-h/redesign.jpg"><img style="margin: 0pt 0pt 10px 10px; float: right; cursor: pointer; width: 115px; height: 167px;" src="http://4.bp.blogspot.com/_Ym6DR9TPx6g/Sed-thjQohI/AAAAAAAABKk/wsfXvWWbB1o/s320/redesign.jpg" alt="" id="BLOGGER_PHOTO_ID_5325364404954374674" border="0" /></a>هم اکنون بخش هیجانی کارتان فرا رسیده! و شما با یک پیش زمینه خوب و اطلاعات کافی که تا اینجای کار بدست آورده اید این بخش از کارتان را شروع میکنید.<br />شما به یک ارزیابی نهایی در مورد مشتریان خود و اینکه چه هدفی دارید رسیده اید. اگر در قسمتی از کارتان عقیده دارید طبق میل خودتان انجام شود، اول ایده های اصلی که تشکیل دهنده پایه تحول وب سایتتان می شود را اجرا کنید.<br /><br />روی ایده های کلیدی خود کاملا کار کنید (به قول معروف ایده خود را بپزید). شروع کنید به متفاوت کار کردن روی فرم ها، طرز استفاده کاربر با سایت، عکس ها و از روال کلیشه ای قدیمی دوری کنید و همچنان آزمایشات خود را تقویت کنید و سوالات کلیدی و فرض های خود را شکل دهید و جواب های منطقی و آگاهانه ای به آنها بدهید.<br /><br /><br /></div><br /><span style="font-weight: bold;">4-</span><span style="font-weight: bold;"> آزمایش کردن</span><br /><br /><div style="text-align: justify;"><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/_Ym6DR9TPx6g/Sed6IDpteqI/AAAAAAAABJc/45RFmq-CYO0/s1600-h/test-your-redesign.jpg"><img style="margin: 0pt 0pt 10px 10px; float: right; cursor: pointer; width: 131px; height: 159px;" src="http://3.bp.blogspot.com/_Ym6DR9TPx6g/Sed6IDpteqI/AAAAAAAABJc/45RFmq-CYO0/s320/test-your-redesign.jpg" alt="" id="BLOGGER_PHOTO_ID_5325359363226696354" border="0" /></a>آزمایش های گوناگون سایت برای بعد از راه اندازی نهایی آن بسیار مؤثر است. وب مستر ها هنگامی که ایرادی را مشاهده میکنند شروع به بهینه سازی میکنند و گاها استراتژی سایت رو هم با توجه به در نظر گرفتن هدف اصلی تغییر میدهند. شما در این مرحله اگر پول بیشتری خرج کنید بدون شک ضرر نخواهید کرد، زیرا بعد از خوب از آب در آمدن سایت آنقدری سود خواهید کرد که شما را از این خرج کردن ها پشیمان نمیکند.<br /><br />برای آزمایش های خود میتوانید از ابزار های مفید و البته مجانی خوبی که هم اکنون در دسترس هستند استفاده کنید،یکی از آنها <a href="http://www.google.com/websiteoptimizer">بهینه ساز وب سایت گوگل</a> است، در این سرویس ابزارهایی با سطح بالایی برای بهینه کردن سایت خودتان فراهم شده است.<br /></div><br /><br />بعضی از قسمتهایی هستند که در مرحله آزمایش باید تأکید بیشتری به آنها داشته باشید:<br /><ul><li>مراحل خرید</li></ul><ul><li>هر صفحه ای که در آن ثبت نام انجام میشود یا ایمیلی وارد میشود</li></ul><ul><li>قسمتهایی از سایت که بیشترین درجه اهمیت را دارد، مثلاً چگونگی نمایش محصول</li></ul><ul style="text-align: justify;"><li>صفحه اصلی سایت(شماباید سعی کنید صفحه اصلی سایت را به گونه ای طراحی کنید که وقتی کاربر وارد سایت می شود به خوبی به آنجایی که در نظر دارید هدایت شود و لینک هایی که نیاز دارد را به آسانی پیدا کند).</li></ul><br /><br />منبع: :alexlcohen.com<br /><br />مقاله مرتبط: <a href="http://www.insideclean.com/2009/03/s.html">10 نکته برای انجام موفق طراحی مجدد وب سایت</a><br /><br /></div></div><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/6210606744567783827-4250380159194842835?l=www.insideclean.com'/></div>نیماhttp://www.blogger.com/profile/14267734200038379123noreply@blogger.com1tag:blogger.com,1999:blog-6210606744567783827.post-58796335166656745592009-03-07T04:22:00.005+03:302009-04-13T11:02:27.611+04:302009-04-13T11:02:27.611+04:30<div style="text-align: justify;">ده نکته معرفی شده در این پست چند عنوان را در بر میگیرد: فکر کردن، ساختن طرح اولیه، نحوه اجرا، کاربران، کارآمد بودن، هدف، محتوا، قابلیت فروش و موارد بیشتری در این رابطه. ما در مورد هر یک از اینها حرف میزنیم و از آنها در فرآیند پروژه پیروی میکنیم.<br /><br />مطالبی که وجود دارد بصورت کلی بیان شده است و قطعاً برای کسی که قصد انجام تغییر در طراحی و ساختار وب سایت خود را دارد، دانستن کلیاتی که باید آنها را رعایت کند او را به داشتن وب سایت موفق تری کمک میکند.<br /><br /><br /><span style="font-weight: bold;">فکر کردن قبل از اجرا</span><br />فقط ساختن یک وب سایت جدید نیست قبل از مرحله اجرا، داشتن درک درستی از رابط کاربری ساده و بسیار جذاب مهم است. مرحله به مرحله آن را انجام دهید. یک روند کاره منطقی به شما در پوشاندن همه پایه های اصلی کار کمک میکند. به نسبت هر چه فکره شما ناب تر باشد به همان نسبت طرح اولیه، ساختار و در نهایت وب سایت خودتان بعد از طراحی مجدد بهتر است و شما را به هدفتان نزدیکتر می کند.<br /><br /><br /><span style="font-weight: bold;">تشخیص نکته های طراحی مجدد و اهداف</span><br />وب سایت شما در حال حاضر مشغول انجام چه کاری است، و چه نیازهایی برای انجام طراحی مجدد دارد؟ مرور خدماتی که به مشتریان داده میشود مانند تماس ها، ایمیل ها مخصوصاً شکایات آنها، به شما برای پی بردن به نیازهای طراحی مجدد کمک میکند. تفکر بر روی کارآمد بودن وب سایت و تستهایی که برای آن انجام میشود باعث میشود طرحتان با ساختاری سنجیده تر طراحی شود و طراحی مجدد موفقی داشته باشد.<br /><br /><br /><span style="font-weight: bold;">تحلیل کردن رقیبان خود</span><br />نگاه کردن به وب سایت های رقیبان و نحوه ی کار آنها. مقایسه کردن امکانات و خدماتی که ارائه میدهند و همچنین نگاه کردن به اینکه رقیبان در وب سایت های خود چه کاری انجام میدهند با وب سایت کنونی خودتان در بهتر کردن نحوه ارائه خدمات خودتان به مشتریان مؤثر است. پی بردن به اینکه چطور وب سایت شما میتواند با وب سایتهای رقیبانتان متفاوت باشد به شما بسیار در بهتر اجرا کردن کمک می کند.<br /><br /><br /><span style="font-weight: bold;">درگیر کردن کاربران خود</span><br />شامل کاربران پایه ای خودتان در طراحی مجدد. باید دقت داشت که با تغییر دادن در ساختاره وب سایتتان کاربران خود را بدرستی برای آنچه که به وب سایتتان آمده اند هدایت کنید. و اینکه چرا و چه زمانی تغییرات را اعمال کنید با آنها ارتباط برقرار کنید و از نظرات آنها استفاده کنید چرا که طراحی مجدد را برای آنها انجام میدهید. و ارزش گذاشتن به کاربر اساس کار شماست.<br /><br /><br /><span style="font-weight: bold;">طراحی برای کابران</span><br />اگر وب سایت شما کارآمد نباشد کارتان با خطر روبرو است. و همچنین کارآمد بودن موضوع بسیار مهمی است که گاهاً سودهای نجومی را تنها با تغییر درست یک دکمه ی سفارش در صفحه برای صاحب وب سایت به همراه دارد. و برای این تغییر با پیروی از یک سری استاندارها میتوان آنرا به بهترین نحو اعمال کرد. در طراحی خود اشتباه نکنید زیرا برای کاربران خود خوشایند نیست. مطمئن شوید که کاربران خود چه نیازهایی دارند و وب سایت خود را طوری طراحی کنید که با خواسته آنها مطابقت داشته باشد.<br /><br /><br /><span style="font-weight: bold;">ساختن طرح اولیه</span><br />با یک متخصص در این زمینه مشورت کنید و روی این قست از پروژه با حوصله زیادی وقت بگذارید زیرا این بخش قلب پروژه تان است. بدون شک هر چقدر در این قسمت وقت و تفکر بیشتری برای ساختن طرح صرف کنید ضرر نمی کنید زیرا با طرح درستی که آن را به مرحله اجرا میگذارید وب سایت شما را به هدفتان نزدیکتر میکند. متخصص به شما با دلگرمی کمک خواهد کرد و در هر مرحله مشخص میکند که از چه تکنولوژی استفاده کند.<br /><br /><br /><span style="font-weight: bold;">تست کارآمد بودن</span><br />هنگام طراحی مجدد مراقب کاربران خود باشید. تست کارآمد بودن را در هر دو طراحی کنونی و طراحی مجدد شده در انجام فرآیند توسعه انجام دهید. و مطمئن شوید آیا کاربر براحتی آن چیزی را که در صفحه به دنبالش میگردد براحتی پیدا میکند و بدرستی هدایت میشود؟ آیا شما میخواهید یک وب سایت با کارآمد بالایی داشته باشید؟ ببینید و یاد بگیرید و آنگاه از دانش خود برای اجرا استفاده کنید. برای این قسمت افرادی با این تخصص وجود دارند که میتوانید از وجود آنها بهره بگیرید زیرا این بخش از پروژه نیاز به تخصصی دارد که تنها افراد اهل فن در این بخش را میطلبد.<br /><br /><br /><span style="font-weight: bold;">مطمئن شدن از انتفال منظورتان به کاربر از طریق محتوا</span><br />انتقال منظورتان از یک محتوای خاص به کاربر یکی از مواردی است که بالاترین درجه اهمیت را در طراحی مجدد دارد. انتقال منظوره خود به کاربر که محتوایی برای آن ایجاد شده را دسته کم نگیرید. محتوایی مانند نوشته، عکس، ویدئو باید به بهترین و ساده ترین شکل ممکن منظوره شما را به کاربر انتقال دهد. در وب سایت های امروزی محتوا با حجم کمتری بیشترین بازدهی از نظر انتقال منظور را دارد و سعی کنید محتوا را به ساده ترین شکل تولید کنید جوری که ارتباط نزدیکی با کاربر ایجاد کند.<br /><br />این کار حتی باعث میشود کاربر برای کلیک بر روی دکمه خرید میل بیشتری پیدا کند و در نتیجه محصولات فروش بیشتری پیدا میکنند و قابلیت فروش در وب سایت افزایش میابد.<br /><br /><br /><span style="font-weight: bold;">ایجاد هدفی روشن و واضح</span><br />ارتباطات یک کلید است. چندین بار یک پروژه به زیباترین شکل آغاز شده و آنگاه با شکست مواجه شده و آن هم بعلت سنجیده نبودن هدف، ساختار، ارتباط برقرار نکردن با کاربر و تفسیری که به اشتباه برداشت شده است. هر یک از اسنادی که تهیه میکنید باید به سادگی، هدف شما را بیان کند. بنابراین گروهی ایجاد کنید که اعضای آنها بر روی صفحات مختلف، گفتارها کار کنند و اصطلاحات علمی و فنی آن را اصلاح کنند. باز هم تاکید میکنم به تولید محتوایی که به زیبا ترین و ساده ترین شکل ممکن با کاربر ارتباط برقرار کند و منظوره شما را به آن انتفال دهد.<br /><br /><br /><span style="font-weight: bold;">دراز مدت فکر کردن </span><br />برای اینکه یک دفعه همه کارها را انجام بدهید تلاش نکنید، بدون شک کسی مثله خودتان با منطق درست این کار را انجام نمیدهد. طراحی مجدد و شروع کردن آن را در مراحل مختلفی انجام دهید. اهدافی که بعد از طراحی مجدد قصد دارید به آن برسید را کاملا ارزیابی کنید و از این فرصتی که برای خود بوجود آوردید وب سایت خود را به بهترین بودن نزدیک کنید. زیرا معمولاً کاربران بعد از هر دفعه طراحی مجدد مدت زمانی طول میکشد که طرح جدید شما را به عنوان یک روال بپذیرند و با آن خو بگیرند پس سعی کنید هر آنچه در توان دارید برای انجام یک طراحی مجدد بی نظیر صرف کنید تا نیاز به تغییر در طرح وب سایت تا مدت های زیادی نباشد.<br /></div><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/6210606744567783827-5879633516665674559?l=www.insideclean.com'/></div>نیماhttp://www.blogger.com/profile/14267734200038379123noreply@blogger.com3tag:blogger.com,1999:blog-6210606744567783827.post-39833763776345305612009-02-01T12:56:00.002+03:302009-04-13T11:04:01.475+04:302009-04-13T11:04:01.475+04:30اعضای گروه ما با هدف حرفه ای بودن در زمینه سرویس های وب فارسی در آبانماه سال 1387 آغاز به کار کرده است.<br />با توجه به گستردگی روزافزون شبکه جهانی وب به همراه آن تکنیکهای جدیدتری برای وب سایتها پدید میآید که هر سایتی را مجبور به هماهنگ کردن خود با آن تکنیکها میکند، که در قالب تکنیکهای وب2 عرضه میشود. کنسرسیوم جهانی وب W3C هدفی را دنبال میکند که در آن جامعه وب را نسبت به اهمیت جهانی بودن متقاعد سازند و در نهایت برای تولید صفحات خوش منظر تلاش میکنند.<br /><br />از این رو ما تصمیم به اجرا و دنبال کردن این هدف در بین سایتهای فارسی کردیم که در این امر سعی در بهتر انجام دادن دسته بندی محتوا و چیدمان آن از نظر رابط گرافیکی کاربر و تولید صفحات استاندارد طبق کنسرسیوم جهانی وب را داریم.<div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/6210606744567783827-3983376377634530561?l=www.insideclean.com'/></div>پرهامhttp://www.blogger.com/profile/07922406525275677061parhamb@gmail.com0