سه قانون برای ایجاد یک تجربه مشتری موفق

دوشنبه 2 مرداد 1396
13:08
طراحی سایت

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

زبان قابل درک برای همه ذینفعان:

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


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

· مدیر سایت : چرا رنگ دکمه محصول را تغییر داده اید ؟ گفتم به آن دست نزنید

· طراح : این تب محصول است نه دکمه

· مدیر سایت : نه این دکمه محصول است

با مشتری خود همکاری کنید

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

مشتری : من انتظار داشتم که این طرح ها را برای 4 هفته ببینم

طراح : طرح ها اینجا هستند

مشتری : این چیزی نیست که من تصور می کردم !!


سازماندهی کردن و استفاده از Wireframe

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



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

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

دوشنبه 2 مرداد 1396
13:08
طراحی سایت

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

· دانستن اینکه از چه سایت ها و چه برنامه های کاربران بیشتر استفاده می کنند بسیار مهم می باشد بنابراین باید از آنها درخواست شود

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

· طراح باید از کاربران بخواهند که تجربه خود را از تعامل با سایت و محصولات و خدمات سایت تشریح کنند و مشکلات و سردرگمی آنها را نشان دهند


ارزیابی اکتشافی

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


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

· ارزیابی را برنامه ریزی کنید: ادهدف قابلیت استفاده خود را به گونه ای تنظیم نمایید تا بتوانید آنها را به ارزیابان ارجاع دهید.

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

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



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

تست های Decontextualized بر اساس مرتب سازی کارت

دوشنبه 2 مرداد 1396
13:08
طراحی سایت

گاهی اوقات بهترین راه برای آزمایش یک محصول ، این است که محصول را درگیر فرآیند تست نکینم . تست های غیر رسمی (Decontextualized) یا تست هایی که محصول را شامل نمی شود ، عموما به بررسی نگرش کاربران نسبت به محصول و یا تولید ایده ها می پردازند . در این مقاله ما بر روی دسته بندی کارت ها و مصاحبه به عنوان دو روش تست عمومی و مقرون به صرفه تفکیک شده متمرکز می شویم. گروهی از کارشناسان ویژگی های محصول و سایت را براساس بهترین شیوه ها بررسی می کنند .


مرتب سازی کارت :

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


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

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

مرتب سازی بسته : کاربران تنها المان ها را انتخاب می کنند و گروه بندی از قبل آماده می شود و سپس از کاربران می خواهند تا براساس خواسته هایشان خود را در یک گروه قرار دهند .

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


ویلیام هادسون استراتژیک و مشاور UX برخی از معیارهای کلی برای مرتب سازی کارت را پیشنهاد می کند . بطور خاص او لیست تقریبی که مردم را برای مرتب کردن تعدادی از عناصر مشخص می کند به صورت زیر تقسیم می نماید :

· 20 دقیقه برای تقریبا 30 عنصر

· 30 دقیقه برای تقریبا 50 عنصر

· 60 دقیقه برای تقریبا 100 عنصر

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



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

توسعه سایت با استفاده از WAI-ARIA W3C

دوشنبه 2 مرداد 1396
13:07
طراحی سایت

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


WAI-ARIA W3C

قبل از درک اینکه WAI-ARIA W3C چیست و چگونه مشکلات به وجود آمده را برای ما حل می کند با یک مثال آن را توضیح می دهیم . در زیر تصویر یک فایل HTML می بینید . وقتی کد تصویر زیر اجرا می شود یک ویجت tab در صفحه کاربر نمایش داده می شود .


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

· نقش ها برخی از ویجتهای شناخته شده UI را ارائه می دهند که در HTML موجود نیستند ، لغزنده ها ، زبانه ها و.... همچنین ساختار صفحه شامل عنوان ها ، جدوال و غیره را توصیف می کند .

· خواص وضعیت ویجت ها را توصیف می کنند . به عنوان مثال آیا ویجت draggable دارای پاپ آپ مرتبط داخل خود است

· حالت توصیف می کند آیا یک عنصر می تواند ارتباط برقرار کند یا نه .

با اضافه کردن خصیصه WAI-ARIA به نشانه گذاری HTML ، تکنیک های پشتیبانی می توانند با کنترل های جاوا اسکریپت ارتباط برقرار کنند . آنها این کار را به گونه ای انجام می دهند تا کاربران به وسیله مرورگر ها بتوانند کدهای HTML را به درستی درک کنند . اکنون نمونه ای از این استاندارد را در کد زیر می بینید که همان کدی است که در تصویر بالا بدون استاندارد WAI-ARIA قرار داده شده بود ، استاندارد WAI-ARIA توسط تمامی مرورگر های وب پشتیبانی می شود .



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

درک و فناوری ، ارتباطی که باعث طراحی سایت خوب می شود

دوشنبه 2 مرداد 1396
13:07
طراحی سایت

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


فرآیند همدلی

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


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

· به صحبت و نظرات دیگران با دقت گوش دهیم

· قضاوت عجولانه نکنیم و از آنها با دقت سوال نماییم

· با کاربران حس همدلی و همدردی کنید تا آنها به شما اعتماد کنند

رمان و داستان های مختلف بخوانید چرا که احساسات طیف وسیعی از کاربران را به شما نشان می دهد


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

فضای سفید و بهبود قابلیت دسترسی در سایت

دوشنبه 2 مرداد 1396
13:06
طراحی سایت

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


فضای سفید چیست ؟

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

استفاده از توان بالقوه از فضای سفید برای استفاده در طراحی سایت

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

افزایش سطح درک : همانطور که دریک تحقیق در سایت نشان داده شد ، فضای سفید قادر به افزایش درک حدود 20 درصد است . با اضافه کردن فضای سفید بین پاراگراف ها و بلوک های متن ، می توانید کاربران را درک کنید که چه چیزی در سایت شما می خوانند .

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

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


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


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



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

روش های برای تست رابط کاربری (UI) در سایت

دوشنبه 2 مرداد 1396
13:06
طراحی سایت

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


شناسایی جای که هستید

عنوان صفحه ، اهداف صفحه سایت را بیان می کند و به کاربر توضیح می دهد که به چه صفحه و با چه محتوای روبرو خواهد شد بنابراین در هنگام طراحی UI سعی کنید عنوان صفحه با اهداف متن همخوانی کامل داشته باشد .


نام فلید

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


مراحل فرآیند یک کار را در شروع برای کاربران روشن نمایید

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

تعریف کردن نام هر مرحله

تعریف هر مرحله و دادن تیتر برای هر مرحله می تواند یک دید کلی به کاربر برای پرکردن فیلدهای مورد نظر را به آنها بدهد و این کار باعث شفاف کردن هر مرحله می شود


تایید موفقیت در هر مرحله فرآیند

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

کمک و یا پیشنهاد

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

لینک معنادار

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



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

روندهای از طراحی سایت که نباید نادیده گرفته شود

دوشنبه 2 مرداد 1396
13:06
طراحی سایت

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

طراحی واکنشگرا (Responsive)

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


متریال دیزاین

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


تعاملات معنادار کوچک

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

تاکید بیشتر بر تایپوگرافی

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


طرح سبک کارت

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



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

صفحه فرود(Landing Page) در سایت ، بایدها و نبایدها

يکشنبه 1 مرداد 1396
14:38
طراحی سایت

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


بهینه سازی صفحه فرود ، باید ها

· برجسته کردن : چرا از رقبای خود بهتر هستید ؟ به مشتریان خود بگویید چه عواملی باعث می شود شما از مشتریان خود بهتر باشید . سعی کنید کوتاه مختصر بیان کنید تا کاربران خسته نشوند .

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

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

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


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

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

نبایدهای که در صفحه فرود نباید انجام شود

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

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

· وعده ها و تعهداتی که نمی توانید در سایت انجام دهید را به دروغ به کاربران خود نگویید این باعث می شود کاربران اعتماد خود را نسبت به سایت از دست بدهند.

· تماس شرکت را در اولین فولد (Fold) در صفحه اصلی قرار دهید شاید کاربران نیاز داشته باشند سریعا با شرکت تماس بگیرند بنابراین قرار دادن شماره تماس فقط در فوتر سایت جالب به نظر نمی رسد .



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

استفاده از SUS برای ارزیابی قابلیت استفاده از سایت

يکشنبه 1 مرداد 1396
14:38
طراحی سایت

آیا سایت که ایجاد کرده اید تا چه حد قابل استفاده می باشد؟ اگر می خواهید پاسخ قطعی به این سوال دهید باید از مقیاس استفاده از سیستم استفاده کنید(SUS) . مقیاس قابلیت استفاده از سیستم (SUS) توسط جان بروک در سال 1986 اختراع شد . این مفهوم برای ساخت قابلیت استفاده سریع و کثیف برای ارزیابی هر گونه سیستم ایجاد شد . مقیاس قابلیت استفاده از سیستم (SUS) سعی می کند سیستم را برای 30 سال ارزیابی و قابلیت های آن را برای 30 سال تضمین کند. در واقع مقیاس پذیرش سیستم یکی از کارآمدترین روش های جمع آوری داده های معتبر آماری ایت و به سایت شما یک نمره واضح و دقیق می دهد . در مقایسه با سایر آزمون ها مزایای زیر را دارد :

ارزان تر : یک آزمون کوچک که نیاز به منابع زیادی برای مدیریت ندارد ، بنابراین برای بسیاری که دارای بودجه محدود می باشند مفید و حیاتی است .

سریع : قالب SUS قبلا ایجاد شده است بنابراین تمام کارهای دشوار قبلا برای شما انجام شده است ، به جای تحقیق و طراحی یک نام تجاری جدید کافی است موارد مورد نظر را copy & paste کنید .

اعتبار : علیرغم اینکه ارزان و سریع می باشد از بسیاری از آزمایش های گوناگون با روش های مختلف معتبر تر می باشد.


چگونه می توان مقیاس قابلیت استفاده از سیستم (SUS) را مدیریت کرد

مقیاس قابلیت استفاده از سیستم (SUS) شامل 10 سوال می باشد که کاربران سایت باید به آن پاسخ دهند . شرکت کنندگان هر کدام از 1 تا 5 می توانند به هر یک از سوال ها نمره دهند که یک به معنای مخالف شدید و پنج به معنای موافقت کامل می باشد .


در اینجا یک نمونه از 10 سوالی که می توان برای کاربران خود مطرح کرد وجود دارد البته این نمونه سوال یک نمونه از تمپلیتی است که می توان استفاده کرد :

· من فکر می کنم من مایل هستم از سایت استفاده کنم

· سایت پیچیده به نظر می رسد

· فکر کردم استفاده از آن راحت باشد

· من فکر می کنم که می توانم از سایت پشتیبانی کنم

· من متوجه شد که عملکرد مختلف بخش های سایت یکپارچه عمل می کنند

· من فکر می کنم در این سایت تناقض بسیار دیده می شود

· من تصور می کنم که کاربران درک می کنند یادگیری آن بسیار ساده است

· سایت بسیار جداب و مهیج است

· من احساس اعتماد به سایت را دارم

· من قبل از استفاده از سایت باید چیرهای بیشتری یاد می گرفتم


نحوه محاسبه امتیازها مورد استفاده با استفاده از SUS

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

· 80.3 یا بالاتر نمره A است . کاربران سایت را کاملا دوست دارند و به دوستانشان توصیه می کنند

· 68 نمره C است سایت خوب است ولی نیاز به بهبودی بیشتری دارد

· 51 و نمره پایین تر از آن یعنی سایت شما دچار مشکلات زیادی است و باید به آن سریعا رسیدگی کنید


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



[ بازديد : 52 ] [ امتياز : 3 ] [ نظر شما :
]
تمامي حقوق اين وب سايت متعلق به طراحی سایت است. || طراح قالب http://www.samiaco.ir
ساخت وبلاگ تالار مشاور گروپ لیزر فوتونا بلیط هواپیما تهران بندرعباس اسپیس تجهیزات عقد و عروسی تعمیر کاتالیزور تعمیرات تخصصی آیفون درمان قطعی خروپف اسپیس فریم اجاره اسپیس گلچین کلاه کاسکت تجهیزات نمازخانه مجله مثبت زندگی سبد پلاستیکی خرید وسایل شهربازی تولید کننده دیگ بخار تجهیزات آشپزخانه صنعتی پارچه برزنت مجله زندگی بهتر تعمیر ماشین شارژی نوار خطر خرید نایلون حبابدار نایلون حبابدار خرید استند فلزی خرید نظم دهنده لباس خرید بک لینک خرید آنتی ویروس
بستن تبلیغات [X]