راه های برای سازماندهی پروژه های خلاق و موفق – قسمت اول

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

هنر اولویت بندی در پروژه ها

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

از ابزار مدیریت پروژه استفاده کنید

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

طراحی برچسب فرم شناور در سایت

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

پلاگین بعدی که می توان از آن در طراحی سایت برای برچسب های شناور فرم ها استفاده نمود از طریق کتابخانه جی کوئری می باشد در این روش کلمات شناور برچسب یک قسمت از بالای برچسب را اشغال نمی کنند بلکه درست در بالای سر فیلد مورد نظر خود قرار می گیرند . این پلاگین نسبت به پلاگین قبل سنگین تر می باشد و شما می توانید فایل ها جاوا اسکریپت و CSS آن را در گیت هاب دانلود نماید و براساس نیاز خود تغییر دهید .  پلاگین بعدی که به عنوان superLabel از آن نام برده می شود حاوی پاگین جی کوئری می باشد که از IOS و برچسب های شناور آن که تمامی برچسب ها از آن الهام گرفته شده است ایجاد گشته . متاسفانه این پلاگین دمو ندارد ولی شما می توانید نسخه رایگان آن را در سایت گیت هاب دریافت نمایید .

پلاگین دیگری که بسیار ساده می باشد و از جی کوئری برای اجرا کردن برچسب شناور خود استفاده می نماید Floating Form Labels است . تفاوت این پلاگین با بقیه پلاگین ها این است که اطراف این پلاگین حاشور وجود ندارد و دقیقا در بالای فیلد مقداری که باید کاربر در این فیلد قرار دهد را درج کرده است . همانطور که مشاهده کردید این پلاگین ها که در فرم ها مورد استفاده قرار خواهد گرفت برای شکل دادن و جذاب کردن بخشی از سایت مورد استفاده قرار می گیرد که همیشه باعث نگرانی طراحان در طراحی سایت بوده است چرا که این بخش از دید کاربران زمان آن ها را می گیرد و کسل کننده می باشد و استفاده از این پلاگین ها باعث می شود حس نسبتا خوبی به کاربران ایجاد نماید .

 

چگونه فیلترهای کارآمد برای فروشگاه اینترنتی طراحی کنیم ؟

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

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

 

نکاتی در مورد طراحی تجربه کاربری(UX) در سایت

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

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

نسخه جدید TypeScript 2.7 منتشر شد

امروزه بسیاری از پلتفرم های جاوا اسکریپت برای زیبا تر کردن ، راحت تر کردن و همچنین جذاب تر کردن طراحی سایت در اختیار طراحان قرار داده شده است یکی از این پلتفرم ها که در این چند سال اخیر جای خود را بین طراحان باز کرده است TypeScript 2.7 می باشد . TypeScript یک جاوا اسکریپت تمیز، قابل خواندن و انحصاری است که توسط شرکت مایکروسافت منتشر شده و ویژگی های ECMAScript را در تمامی مرورگرها، از جمله در مرورگرهای قدیمی، اجرا می کند. TypeScript پیشرفته است، اما کاملا موثر می باشد. نسخه جدید آن یعنی TypeScript 2.7 چند روز پیش منتشر گشته جالب است بدانید این پلتفرم جاوا اسکریپتی در 1- زبان برتر در گیت هاب مورد استفاده قرار گرفته است یکی از ویژگی های جدید نسخه TypeScript 2.7 Tuples می باشد که دارای طول ثابت دارای امضا درخواست Tycho Grouwstra است. برخی دیگر از ویژگی های نسخه جدید TypeScript 2.7 شامل موارد زیر می باشد :

·         Tuples طول ثابت: با استفاده از انواع عددی حرفی اجازه می دهد تا tuples از tuples of arities متفاوت باشند، انواع tuple در حال حاضر encory arity و tuples از arities های مختلف دیگر قابل تعویض به یکدیگر نیستند.

·         در اپراتور باریک و دقیق exampleof: اپراتور در حال حاضر یک عبارت باریک برای انواع است در حالی که اپراتور exampleof در حال حاضر به جای تکیه بر سازگاری ساختاری، زنجیره ارثی را به کار می گیرد.

·         سازگاری با ماژول ECMAScript: -esModuleInterop قابلیت همکاری بهتر با فرمت های ماژول موجود را به ارمغان می آورد.

·         اظهارات انتساب قطعی: یک اظهار قطعی در قالب "!" میتواند در متغیرها یا اعلانات گنجانده شود.

همچنین انطباق این پلتفرم با نسخه جدید ECMAScript به حداکثر رسیده است این بدان معنا است که طراحی سایت انجام شده با پلتفرم TypeScript منطبق بر آخرین استاندارد ECMAScript می باشد و طراحان با خیال آسوده می توانند از این پلتفرم در نسخه های بعدی نیز استفاده نمایند . این یک سال جالب برای TypeScript است. نسخه بعدی که برای ماه مارس برنامه ریزی شده، انواع شرطی و مدیریت بهتر الگوهای namespace در فایلهای .js را ارائه می دهد .

روش های برای القا هدف خود در طراحی

امروزه طراحان با روش های نوین خود هدف یا اهداف یک شرکت و یا سازمان را به کاربران خود در سایت بیان می کنند ما در این مقاله قصد داریم روش های نوین طراحی سایت  در این زمینه را برای شما بیان کنیم .

درگیر کردن کاربر با تصاویر طراحی شده

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

 ساختن یک هویت در طراحی

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

ابزار توسعه و طراحی سایت برای برنامه نویسی بدون درد سر (Wix Code)

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

شما می توانید از آن برای ساخت وب سایت های پویا یا برنامه های قوی برای پروژه های شخصی یا کار مشتری استفاده کنید. یکی از مزایا خوب Wix Code این است که کاربر نیاز به نصب هیچ افزونه و یا هیچ کتباخانه ای ندارد و به راحتی می تواند در محیط شروع به برنامه نویسی نماید همچنین هنگام طراحی سایت از طریق Wix Code یک پایگاه داده داخلی درون خود ایجاد می نماید . برخی از ویژگی های دیگر Wix Code شامل موارد زیر می باشد :

·         اضافه کردن جاوا اسکریپت به عناصر صفحه به طوری که هر تعامل به وب سایت شما منحصر به فرد است

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

·         ایجاد و مدیریت فرم های کاربری و ورودی ها و ذخیره آن در پایگاه داده خود در Wix Cloud

·         ایجاد صدها صفحه با یک طراحی و محتوا به طور مستقیم از پایگاه داده خود

·         کنترل توابع با استفاده از API های Wix Code

·         ایجاد اسکریپت های سفارشی (اسلاید، جابجایی، شناور و بیشتر) برای افزایش تعامل با کاربر در طراحی سایت خود

چگونه نشان دهیم یک حرفه ای در طراحی هستیم ؟

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

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

اشتباهات کاربران که باید از آن ها سود برد

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

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

 

راهنمای جامع برای سوال های نرخ تبدیل در یک سایت

شرکت ها معمولا زمانی که وب سایت ها را ایجاد می کنند اهداف خود را در ذهن دارند. شاید آنها می خواهند یک نام تجاری را تبلیغ کنند یا ترافیک سایت خود را بیشتر نمایند و شاید آنها در حال تلاش برای فروش آنلاین هستند هر اهدافی که یک سایت می خواهد داشته باشد باید بداند در طراحی سایت خود بهینه سازی سایت حرف اول را برای برجسته کردن اهداف آن خواهد داشت . نرخ تبدیل (conversion rate) یک معیار مهم و مفید برای ردیابی موفقیت و یا شکست اهداف یک سایت می باشد این معیار به مدیر سایت برای پیش بینی بهتر و یا بدتر شدن کسب و کار آنلاین آنها کمک شایانی می کند همچنین این معیار کمک می نماید تا مدیران بازاریابی اینترنتی بتوانند نرخ بازگشت سرمایه خود را تا حد زیادی حدس بزنند همچنین نرخ تبدیل به طراحان سایت نیز در طراحی UI مناسب کمک زیادی می نماید . خیلی شبیه یک آزمایش علمی، طراح و یا متخصص طراحی می تواند عناصر بازاریابی را به صورت جداگانه تغییر دهد و ببینید که چگونه بر نرخ تبدیل تاثیر می گذارد در روش موثر بازاریابی را به خوبی در المان های مختلف با استفاده از این معیار درک نماید و برای هر کدام اولویتی در نظر گیرد . به عنوان مثال می توان چند کمپین تبلیغاتی برای یک موضوع خاص را ایجاد کرد و برای هر کدام یک طراحی سایت با المان های متفاوت قرار داد و دید چه کمپینی بیشترین نرخ تبدیل را به خود اختصاص داده است .

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