طراحی سایت

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

تعریف اهداف تست و ایجاد پروژه

چرا باید یک آزمون قابلیت عملکرد استفاده را انجام دهید؟ شما چه می خواهید ؟ آیا بخش خاصی از سایت وجود دارد که نیاز به بررسی موشکافانه وجود داشته باشد ؟ کدام عملکردها باید مورد تست در بخش های مختلف سایت انجام شود؟ هنگامی که شما اهداف آزمون را می دانید ، به برنامه ای از آنچه که می خواهید برای پیاده سازی نیاز دارید . چه تیم های درگیر خواهند شد ، همچنین باید بدانید چه جنبه های از سایت باید پیش از آزمایش مورد بررسی قرار گیرد . ابزاری که در این بخش معرفی می کنیم چند منظوره و رایگان می باشد شما می توانید از سایت Bitrix24.com برای موارد ذکر شده در بالا در نظر بگیرید . این سایت به شما کمک می کند تا کل تیم شما در فرآیند برنامه آزمایشی دخیل باشند . ایجاد گام به گام نمودار گانت برای فرآیند تست ، اشتراک گذاشتن دیتا ها در یک تیم ،ایجاد یک چک لیست برای کارهای انجام شده و کارهای که نیاز به انجام می باشد ، واگذاری مسئولیت ها به اعضای تیم و... از عواملی است که می توان درباره قابلیت های این سایت گفته شود .

ایجاد یک نمونه آزمایشی و Wireframe

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

[ بازديد : 28 ] [ امتياز : 3 ] [ نظر شما : ]

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

نقش پزوهشگر UX

یک محقق UX درک و نیازهای کاربران را ازطریق رفتارها و داده های ثبت شده در سایت استخراج می کند و آن را در فرآیند تجاری سازی به کار می برد .

متدها و روش های مختلفی برای تحقیقات کاربر وجود دارد برخی از این موارد عبارتند از :

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

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

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

· مشاهده وضعیت سیستم

· توانایی یک کاربر برای کنترل و حفظ آزادی

· انسجام یک سایت با استانداردهای پدیرفته شده

· استفاده از زیباشناسی و مینیمالیستی

· سهولت دسترسی به مطالب مورد نیاز

· سهولت تشخیص و بهبود خطا

مقیاس قابلیت استفاده سیستم (SUS) : از طریق استفاده از SUS محققان UX قادر به اندازه گیری قابلیت استفاده المان های موجود در سایت می باشند . کاربران عموما یک پرسش نامه 10 سوالی را بر پایه SUS پر می کنند که ارزش مقدار هر کدام بین 1 تا 100 می باشد و براساس تتجریه و تحلیل محققان از این پرسش نامه قابلیا استفاده المان ها سنجیده می شود .

[ بازديد : 27 ] [ امتياز : 3 ] [ نظر شما : ]

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

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

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

دانستن مسئولیت طراح UX

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

درک درست طراحی رابط کاربری (UI)

طراحی رابط کاربری (UI) برای ارائه المان های زیبای سایت در هنگام طراحی مورد استفاده قرار می گیرد . در واقع برای بهبود نگاه و زیبای بصری محصولات تمرکز کرده است . بنابراین اصطلاح رابط کاربری اشاره به آن دارد که یک کاربر و یک محصول در سایت با یکدیگر ارتباط برقرار می کنند اما این ارتباط از نوع تعامل برای سهولت و راحتی کاربر نمی باشد بلکه بیشتر بر روی زیبای بصری متمرکز شده است . در واقع نقش یک طراح رابط کاربری ایجاد گرافیک زیبا و چشم نواز برای کاربران آنلاین سایت می باشد برخی از مسئولیت طراح کاربری شامل : نمونه سازی UI ، پیاده سازی آن با توسعه دهندگان ، تحقیق طراحی ، توسعه گرافیک و برجسته کردن نام تجاری، ایجاد مستندات مورد نیاز برای کاربر می باشد .

اهمیت UX و UI

همیشه این سوال مطرح می شود که کدامیک از طراحی ها اهمیت بیشتری دارد ، یک جمله مشهور از طراح و متخصص معروف هلگا مورنو (Helga Moreno) در این زمینه وجود دارد : "گاهی اوقات یک طراح بسیار زیبا را می بینید که کار کردن با آن بسیار سخت و دشوار است و گاهی اوقات طرحی را می بینید که بسیار کار با آن راحت ولی دارای کیفیت پایین بصری می باشد واقعا هر دو آنها تاسف آور هستند" از این جمله به خوبی در میابیم که هر دو نوع طراحی باید در کنار هم مورد استفاده قرار گیرد و هر دو تاثیر مستقیم بر روی یکدیگر می گذارند .

[ بازديد : 29 ] [ امتياز : 3 ] [ نظر شما : ]

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

شاخص فاصله قدرت (PDI):

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

فردگرایی در مقابل جمع گرایی (IDV)

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

تفاوت جسنیت (MAS)

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

اجتناب از عدم اطمینان (UAI)

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

باورهای یک فرهنگ

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

[ بازديد : 26 ] [ امتياز : 3 ] [ نظر شما : ]

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

چه چیزی محتوا را قابل استفاده می کند؟

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

· فرم

· کیفیت

· اشتراک پذیری

· استایل

استفاده از فرم

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

کیفیت و قابلیت استفاده

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

اشتراک پذیری در محتوا

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

· با یک عنوان جالب و هیجان انگیز شروع کنید

· از برچسب های شناخته شده برای شبکه های اجتماعی استفاده کنید تا بتوانید محتوای خود را به درستی به اشتراک بگذارید

· استفاده از دکمه های شبکه های اجتماعی مشهور در هر بخش از محتوای سایت

انتشار محتوا با استایل زیبا

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

محتوای قابل استفاده = نوشتن مطلب + طراحی UX

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

محتوای قابل استفاده = نوشتن مطلب + طراحی UX

[ بازديد : 28 ] [ امتياز : 3 ] [ نظر شما : ]

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

پیش بینی پذیری

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

سادگی در ناوبری

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

اجتناب از مینیمالیستی زیاد در ناوبری

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

سازگاری ناوبری با سایت

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

واضح بودن ساختار سلسله مراتبی

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

[ بازديد : 24 ] [ امتياز : 3 ] [ نظر شما : ]

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

پیش بینی پذیری

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

سادگی در ناوبری

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

اجتناب از مینیمالیستی زیاد در ناوبری

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

سازگاری ناوبری با سایت

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

واضح بودن ساختار سلسله مراتبی

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

[ بازديد : 29 ] [ امتياز : 3 ] [ نظر شما : ]

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

استفاده از یک فرمول برای تیتر صفحه

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

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

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

· این قرص باعث افزایش کارایی هر فرد می شود

· این قرص باعث افزایش 20 درصدی کارایی هر فرد می شود

توجه داشته باشید بر طبق آمارهای انجام شده تیتر دوم دارای جدابیت بیشتری نسبت به تیتر اول دارد . در واقع خوانده قبل از خواندن متن مورد نظر در سایت می خواهد بداند چه اطلاعات و آمار مفیدی مطلب مورد نظر به او می دهد .

کلمات پر استفاده در تیترهای جذاب

کلمات و عبارت های که بیشتر در تیتر استفاده می شود و باعث جذابیت تیتر می شود را در تیتر و موضوع مقاله سایت خود استفاده نمایید . کووان لی بر اساس یک تجزیه و تحلیل در بیش از 3000 کلمه در 24 سایت برتر مواردی از تیترهای جذاب را به دست آورده و نتایج خود را به دو گروه از کلمات تقسیم کرده است : کلمات محبوب ، محبوب ترین واژه های غیر معمول . بسیاری از این تیتر ها دارای دو کلمه و سه کلمه بوده است و یا این سه کلمه در آن تیتر تاثیر عیمق تری بر روی کاربران ایجاد کرده است . اکثر کلمات دو کلمه ای که در جمله تیتر به کار رفته است دارای این کلمات می باشد : چگونه می توان ، این است ، در این . همچنین کلمات سه کلمه ای در جمله تیتر های پر بازدید شامل موارد : این است ، شما هنگامی که می بینید، زمانی که می بینید ، زمان مشاهده شده ، چه اتفاقی می افتد .

طول تیتر یا عنوان

بحث های بسیار زیادی بابت طول یک تیتر یا عنوان در مقالات سایت شده است در اینجا برخی از دستورالعمل های که بیشتر در طول عنوان رایج می باشد را شرح می دهیم

8 کلمه به گفته نشریه گاردین

تا 62 کلمه به گفته کووان لی

81 تا 100 کلمه به گفته HubSpot و OutBrain

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

تیترهای مثبت گرایانه و خلاقانه ایجاد کنید

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

[ بازديد : 35 ] [ امتياز : 3 ] [ نظر شما : ]

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

در طراحی UX باید دو وظیفه مورد بررسی قرار گیرد :

ساختن ویژگی ها

به صورت خلاصه و مختصر طراحی کنید

رایان سینگر راه بسیار خوبی برای تجسم این توع طرح ، طراحی کرده است و آن را "Blob" نام گذاری کرده است. طراحان UX می آموزند که تا از خودشان سوال کنند : آیا این طرح کاربر پسند می باشد ؟ آیا باعث جذب کاربر می شود؟ در طراحی MVP یک سوال جدید مطرح می شود : آیا کاربران هزینه مشابه برای این ویژگی را پرداخت می کنند؟ آیا blob (لکه - حباب) واقعا باید بزرگ باشد؟ ایده آن و پاسخ به آن ساده است در طراحی MVP نباید عمق حباب هرگز تغییر کند ، یعنی کیفیت اجرایی باید هماهنگ شود یعنی ویژگی که می خواهیم از آن استفاده کنیم نباید تغییر کند ولی می تواند سطح و UI مورد توجه قرار گیرد تا مخاطبان بیشتری را به خود جذب نماید .

یک ام وی پی (MVP) کلاسیک دارای مراحل (ساخت (Build ) –اندازه گیری (Measure) – آموزش (Learn)) می باشد این مراحل می تواند الهام بخش فرآیندهای طراحی UX در ساخت ام وی پی باشند که شامل UX – اندازه گیری – آموزش و یادگیری – تکرار می باشد . همچنین به یاد داشته باشیم که ام وی پی (MVP) باید سریع ساخته شود و باید حداقل مجموعه ای از ویژگی های مطلوب را که توسط کاربران قابل قبول است ارائه دهد . این دقیقا عکس کارهای است که در طراحی UX آموخته می شود توجه زیاد به المان ها و بخش های هر قسمت که از خصوصیات طراحان UX می باشد . البته سرعت در اینجا به منزله فقدان کیفیت نمی باشد اتخاذ روش های چابک در فرآیند طراحی UX ، چرخه های سریع کیفیت کار را تضمین می کند همچنین حلقه تکرار باعث می شود موارد اشتباه در طراحی نمایان شود که می توان آن ها را برطرف کرد .

[ بازديد : 33 ] [ امتياز : 3 ] [ نظر شما : ]

امروزه پیش از هر زمان دیگری سایت های نیاز دارند که دارای نمایش درست در موبایل های هوشمند و تبلت باشند روز های که فقط طراح نیاز داشت طراحی خود را در کامپیوتر های شخصی و لپ تاب امتحان کند به پایان رسیده است . امروزه طراحی سایت باید دارای ویژگی واکنشگر(Responsive) نه فقط برای موبایل ها بلکه برای انواع تبلت ها نیز باشد چرا که کاربرانی که از دستگاههای غیر از لپ تاب و یا کامپیوتر شخصی استفاده می کنند هر روز پیش تر می شوند . ما در این قاله قصد داریم روش های مهم طراحی موبایل در زمان ایجاد سایت را شرح دهیم .

ایجاد ناوبری سایت برای موبایل ها و تبلت های هوشمند

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

پس زمینه ساده و افقی

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

پالت رنگ

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

عملکرد کشیدن و حرکت

حرکات کشیدن و حرکت متنوعی در سایت ها وجود دارد که می توان از آنها استفاده کرد : touching ، double touching ، pinch in ، pinch out و..همان طوری که کاربر زمان زیادی را صرف دیدن سایت ها در موبایل می کنند به حرکات مختلف در آن عادت کرده اند استفاده از ترکیب این حرکات به کاربر آزادی عملی بیشتری خواهد داد .

انیمیشن های کاربردی و استفاده از متریال دیزاین

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

[ بازديد : 25 ] [ امتياز : 3 ] [ نظر شما : ]