در طراحی سایت و خصوصا طراحی تجربه کاربری سایت نیاز به این هست که از تله های خواسته یاناخواسته ای که در حین طراحی سایت برای شما پیش می آید بگریزید . اما چگونه ؟ در ادامه همراه با طراحی سایت باشید تا این موضوع را بررسی کنیم.
اگر شما پروژه طراحی سایت
را آغاز کرده اید و یا در این پروسه مشارکت داده شده اید، بسیار ضروری است
تا بدانید که باید از مشکلات رایج تجربه کاربری دوری گزینید، البته اگر می
خواهید از دید کاربران و مخاطبین سایت بسیار برجسته دیده شوید. بیایید در
این مقاله به چهار دام و تله موجود در تجربه کاربری نگاه بی اندازیم که
طراحان وب با آن رو به رو می باشند. ما در این مقاله نشان می دهیم که باید
چگونه از آن ها ممانعت به عمل آورید.
فرم ها در طراحی سایت
فرم
ها برای جمع آوری اطلاعات درباره کاربران، مشتریان و مخاطبین بسیار ضروری
می باشند. شما نمی توانید آن ها را مجبور به استفاده از این فرم ها کنید؛
اما فرم های به خوبی طراحی شده به گونه ای می باشند که خود مخاطبین و یا
کاربران دوست دارند آن ها را پر نمایند. فرم ها باید درباره این که سایت ها
به دنبال چه اطلاعاتی می باشند، سوالات اندکی از کاربران بپرسند. یکی از
بزرگ ترین مشکلات فرم های آنلاین موقعی است که هیچ دستورالعملی در آن وجود
نداشته باشد.
فرمت کردن در طراحی سایت
زمانی
که از افرادی برای دریافت اطلاعات بخصوص سوالاتی را می پرسیم، باید مشخص
کنید که دقیقا به دنبال چه چیزی می باشید. اگر شما نیاز به یک فرمت خاص
برای برخی موارد دارید مانند تاریخ، زمان و یا هر اطلاعات فرمت بندی شده
دیگر، باید یک مثال بیاورید. هیچ چیز سردرگم کننده تر از پر کردن یک فرمی
نمی باشد که زمانی که کارتان به اتمام رسید، پیام های خطایی را مشاهده
کنید.
کادر بندی های متن در طراحی سایت
خیلی
زیبا است که طراحان در این زمینه بسیار هوشمندانه پیش بروند و اشاراتی
درباره نوع اطلاعاتی که می خواهند از کاربران دریافت نمایند، ارائه دارند،
آن ها می توانند این کار را با متن پیش زمینه در فیلد های فرم انجام دهند.
در حالی که این روش بسیار راحت می باشد، اما در برخی مواقع در وب سایت ها
با متن های پیش زمینه ای در فرم ها برخورد کردم که حتی زمانی که شروع به
تایپ کردن می کنید، محو نمی شوند.
این مورد واقعا برای هر کاربری مورد منفی
محسوب می شود، زیرا در این شرایط کاربران باید اندکی تایپ کردن را توقف
کنند، آن متن را انتخاب کرده و حذف کنند و در نهایت دوباره تایپ کردن را از
سر بگیرند. حتی ممکن است کاربران در این شرایط پشیمان شوند و تایپ کردن را
غیر ضروری بدانند، زیرا وقفه ای در طول پروسه پر کردن فرم شان به وجود
آمده است. هر زمان که از یک متن پیش زمینه برای اشاره به اطلاعاتی استفاده
می کنید که از کاربران می خواهید دریافت نمایید، اطمینان حاصل کنید که
زمانی که کاربران شروع به تایپ کردن می کنند، از بین می رود و محو می شود.
پیام های خطا در طراحی سایت
هیچ
چیز خسته کننده تر از این نمی باشد که تلاش کنید در وب سایت کاری را انجام
دهید و با پیام های خطا به گونه ای مواجه شوید که هیچ اطلاعاتی را در بر
ندارد و یا اطلاعات کافی وجود ندارد.
اگر یک کاربر سایت با یک خطا رو به رو شود، باید حتما توضیحی از اشتباهی که پیش آمده و چگونگی برطرف کردن آن به او ارائه شود. برای مثال، اگر در هنگام ورود به یک وب سایت با بخش نام کاربری و پسوورد مواجه شدید و اگر در هنگام وارد کردن این دو مورد اشتباهی انجام دادید، باید به شما گفته شود که اشتباه در کجاست، مربوط به پسوورد است یا نام کاربری. با توجه به این که لاگین های بسیاری در سایت ها وجود دارد، به راحتی می توانید انواع نام های کاربری و پسوورد ها را دریابید.
به طور مثال اگر در هنگام ورود به سایتی
با پیام خطایی مواجه شدم که مربوط به نام کاربری و پسوورد می باشد و مرا به
خوبی تفهیم کند که آن ها دقیقا با پروسه موجود در طراحی وب سایت مطابقت
ندارند و سایت نمی تواند با آن ها سازگار شود، شروع به اصلاح نام کاربری و
یا پسوورد خود می نمایم، مانند اضافه کردن 2 حرف بزرگ و یا یک شماره، حرف
کوچک و یا یک نقطه و یا حتی یک نشانه.
دیگر مثال در این زمینه به
این ترتیب می باشد: اگر پسوورد ها در طول پروسه ثبت نام با هم مطابقت
نداشتند، یک پیام خطایی قبل از انتخاب دکمه ارسال باید نشان داده شود. مثال
دیگر می تواند به این ترتیب باشد که اگر یک نام کاربری از قبل وارد شده
باشد، قبل از اینکه افراد بخواهند ثبت نام خود را تمام و ارسال کنند، نشان
داده شود.
هیچ کس موارد تکراری را دوست ندارد، مخصوصا زمانی که
دستورالعمل های ضعیفی را دریافت می کنند. اگر برای کاربران ساده بسازید تا
اطلاعات مورد نظرتان را در اولین وهله وارد نمایند، شما کاربران بیشتری می
یابید که به شما جذب شده اند.
تیترهای جستجویابی بزرگ و ثابت در طراحی سایت
نمی
دانم این مورد مشهور باشد یا خیر اما من بارها آن را مشاهده کردم و در وب
سایت های زیادی مواجه شدم. این مسئله به این ترتیب است که یک تیتر بزرگ و
تمامی عوامل جستجویابی زمانی که به سمت پایین اسکرول می شود، محتواهای
بسیاری را از دید پنهان می سازد. این مورد زمانی که در ارتباط با مخفی شدن
بخش هایی باشد که بسیار اهمیت دارد و شما همیشه به آن نیاز دارید، وضع را
بدتر می سازد.
کنتراست کم
چشمان من خوب می
بینند. من طرفدار درک کردن و فهمیدن متن ها و یا آیکون های ذغالی در یک پیش
زمینه مشکی نمی باشم. هیچ کس در چنین صفحاتی وارد نمی شود. کنتراست عامل
مهمی در طراحی سایت ها می باشد و بسیار حائز اهمیت است.
متن در طراحی سایت
هر
متنی باید به راحتی خوانده شود، به عبارت دیگر باید وزن کافی داشته باشد
تا به راحتی خوانده شود. وزن 100 فونت ها هیچ گاه مکانی در وب سایت ها
ندارند (مگر در شرایط بخصوص). استفاده از یک فونت بسیار کوچک در گوشی های
همراه هم به سادگی مشکل ساز است. در طراحی وب سایت ها باید کنتراست کافی
وجود داشته باشد تا چشمان کاربران حروف را تشخیص دهند.
رنگ در طراحی سایت
برای
تمامی عوامل یک وب سایت، باید کنتراست قابل درک میان رنگ ها وجود داشته
باشد. هر متنی باید با پیش زمینه ای که در آن قرار می گیرد، کنتراست داشته
باشد. این امر می تواند درباره هر لینکی، هر عامل جستجویابی و یا آیکونی
صدق نماید. خیلی سخت نیست تا دریابید که به دنبال چه چیزی هستید.
دکمه های دعوت به عمل
مانند دیگر لینک ها و عوامل جستجویابی، دکمه دعوت به عمل شما باید با کنتراست بالایی در طراحی سایت
نمایان باشد. اگر شما می خواهید تا بازدید کننده وب سایت عکس العملی را
نشان دهد، باید آن را برجسته بسازید، باید به راحتی خوانده شود و باید به
سرعت بارگیری شده و واضح به نظر برسد. به نظر نمی رسد که سایت های بسیاری
دیده باشید که دکمه دعوت به عمل و یا هر عامل دعوت به عمل دیگر خود را از
سایر عوامل متمایز نسازد. گاهی اوقات، این مورد اصلا یک دکمه نیست بلکه یک
لینک متنی ساده با فضای خالی زیاد در اطراف آن می باشد.
نقاط لمسی در گوشی های همراه
من
این مورد را در وب سایت های گوشی همراه زیادی مشاهده نمودم و آن یکی از
مواردی خسته کننده ای است که با آن می توان ارتباط یافت. اگر یک دکمه و یا
یک لینک برای کلیک کردن داشته باشید، فضای خالی کافی به آن ارائه دهید، به
گونه ای که کاربران به صورت اشتباهی وارد بخش دیگری نشوند و مکان دیگری را
به صورت اشتباهی لمس نکنند. در گوشی های هوشمند همراه، اطمینان حاصل کنید
که هر دکمه و یا لینکی به اندازه کافی از لبه ها و گوشه های صفحه نمایش دور
می باشد که به راحتی با انگشت لمس و انتخاب شود.
هر زمانی که یک دکمه
بسیار به گوشه ها و لبه های صفحه نمایش نزدیک باشد، برای لمس شدن و تب کردن
سخت می شود. اگر شما انگشتان بزرگی داشته باشید، اصلا نمی توانید عکس
العملی از خود در این گونه سایت ها نشان دهید. از این رو کاربر مجبور می
شود تا بارها و بارها تب کردن را تکرار کند تا بتواند هدف خود را تحقق
ببخشد. در نظر گرفتن فضای خالی برای آن عوامل بسیار اهمیت دارد و می تواند
از بروز مشکلات و خطاهای بسیار جلوگیری نماید.
نیاز به طراحی سایت دارید ؟ قبل از آن با شماره تلفن های بالای سایت تماس بگیرید و یا با مراجعه به صفحه تماس با ما شرکت درخواست مشاوره کنید . همچنین با رفتن به صفحه ثبت سفارش میتوانید سفارش خود را ثبت کرده تامشاورین سارین وب با شما تماس بگیرند . طراحی سایت ، سئو و بهینه سازی سایت خود را با سارن وب تجربه کد .
به عنوان یک طراح سایت که کار طراحی سایت انجام میدهد باید به تجربه کاربری و رفتارهایی که برروی آن تاثیر می گذارد آشنا باشید . درادامه همراه با طراحی سایت باشیدتا این موضوع را بیشتر بررسی کنیم.
به
عنوان یک طراح معماری، من از انگشتانم برای حس کردن استفاده می کنم. من
بافت ها و سطوح مختلفی را لمس می کنم و می دانم که هر کدام حالت متفاوتی را
ایجاد می کند و این موضوع به فضای اطراف انگشتانم بسیار ارتباط دارد.
در
طول سالیان عمرم، خاطرات زیادی را تجربه کردم، بدون این که حتی درباره آن
ها فکر نمایم، این تجربیات توسط لمس کردن برخی موارد که احساس آشنایی برای
من داشت، به وقوع پیوست. زمانی که یک ترک در یک کاسه چینی را احساس می کنم،
انگشتانم را روی آن می کشم و یاد دوران کودکی ام می افتم که هم چنین ظرفی
را با هم چنین ترکی داشتم. در این شرایط حتی می توانم اندکی دست پخت مادر
برزگم را نیز حس نمایم.
"پوست یکی از قدیمی ترین و حساس ترین ارگان های
بدن ما می باشد، اولین راه ارتباطی و احساسی ما محسوب می شود .... لمس می
تواند مانند والدین گوش ها، چشم ها، بینی و زبان به حساب آید. این احساس می
تواند در میان سایر حواس متفاوت در نظر گرفته شود و حقیقت این است که
سالیان سال است که این حواس به عنوان مادر تمامی حواس بدن انسان دیده می
شود. ASHLEY MONTAGU"
من می ترسم که این نوع تجربیات با ورود رابط های
کاربری دیجتالی در زندگی ما، کمرنگ و کمرنگ تر شود. با وجود اینکه شیوع
رابط های کاربری دیجیتالی بسیار در حال افزایش می باشد، به طور مستقیم در
ما ظرفیت جذابیت های احساسی بالا می رود.
به طور روز افزون، انگشتان من
تنها روی صفحه نمایش یک رابط کاربری شیشه ای حرکت می کند و در برخی شرایط
حتی نیاز نیست که من با انگشتانم عملی را انجام دهم. در دنیای این روزها چه
تعداد وظایفی وجود دارد که با حرکات انگشت انجام می پذیرد؟ من می گویم که
تقریبا هیچ چیز. کیفیت حس لامسه که درباره آن صحبت می کنم، می تواند حس
نوستالژی را به وجود بیاورد. یک کاسه ترک برداشته در 20 سال پیش نیازی
ندارد که نرم افزار را با سخت افزار مطابقت دهد و یکپارچه نماید. بافت این
کاسه و یا بشقاب تمام وزن آن را در بر دارد، زیرا مکانی است که باید
محتواها داخل آن ریخته شود و این است واقعیت زندگی تمامی ما.
به عبارت
دیگر، در این روزها و در این عصر، تکنولوژی به حدی رشد یافته است که به
عنوان بخش پایه ای از زندگی ما محسوب می شود، به گونه ای که یک پارچه سازی
نرم افزار و سخت افزار به صورت روز افزون پیش نیاز هر محصول سودمند
دیجیتالی می باشد.
فکر می کنم این روز ها تنها مکانی که می توانید یک
ساعت کوکی را قرار دهید، صفحه نمایش مجازی باشد که روی دیوار منعکس می شود،
مانند تصویر بالا.
این روز ها دستگیره و کنترل اجاق گازها مربوط به گذشته می باشد و صفحات لمسی برای اجاق گاز ها وجود دارد.
موضوع
پیچیده در این جا به این ترتیب است: بدون این که حس لمس کردن اشیاء را زیر
پا بگذاریم، چگونه می توانیم در این زمینه موفق شوید؟
در
PROJECT JACQUARD، صنعت نخ ریسی تکنولوژی در بر دارد که به ما اجازه می دهد
تا پارچه لباس هایی که می خواهیم بپوشیم را انتخاب کنیم. در ویدئو زیر می
توانید لباس های جدیدی را که به صورت هوشمند به تصویر کشیده شده است را
مشاهده کنید و ببینید که صفحه نمایش لمسی برای کاربران چگونه به آن ها کمک
می کند تا با انجام عملکرد های دیجیتالی، لباس های مورد علاقه شان را
انتخاب نمایند.
به گفته STACEY HIGGINBOTHAM در این زمینه توجه
کنید: "این ویدئو و یا این تکنولوژی ممکن است برای افرادی که دوست دارند تا
دستان شان را با شلوار خود پاک کنند، خبر بدی باشد."
GOOGLE
PROJECT SOLI در این زمینه نیز یک قدم پیش تر رفته است. در این جا هیچ سطح و
یا صفحه نمایشی وجود ندارد تا کاربران با آن تعامل یابند- تمام چیزی که در
این جا نیاز است دستان شما می باشد. این مورد یک سنسور تعاملی می باشد که
از تکنولوژی رادار استفاده می کند، جایی که شما می توانید ابزارهای تان را
بدون این که لمس کنید، کنترل نمایید. CRASTEN SCHWESIG که سرپرست طراحی
PROJECTSOLI می باشد در این ویدئو تبلیغاتی می گوید: "دکمه ای را میان
انگشت شصت و انگشت اشاره تان در نظر بگیرید و تصور نمایید، اما در واقع
دکمه ای در آن جا وجود دارد، اما فشار دادن روی آن عملکرد واضحی است که
واقعا عملی می شود." SOLI بسیار انعطاف پذیر می باشد، می تواند در هر
مقایسی به کار رود و می تواند در هر اشیائی هر روزه مورد استفاده قرار
گیرد.
همان طور که می توانید مشاهده کنید، این مشکلی نیست که
تنها به صفحه نمایش های شیشه ای و یا به پارچه ای که می خواهیم در آینده
انتخاب نماییم و یا هر چیزی دیگری ارتباط داشته باشد. تصور کنید که وارد
دنیایی می شوید که اصلا نباید از حرکت لمسی استفاده کنید. با توجه به این
که پوست یکی از ابزارهای ارتباطی قدیمی ما محسوب می شود، من در این دنیا و
در این زمینه مقاومت های بسیاری در استفاده از حرکات لمسی مشاهده می کنم.
سوال اصلی این است که چگونه اجازه می دهیم که تکنولوژی به زندگی ما تجاوز
نماید؟
برخلاف موارد نام برده شده، محصولات بسیاری وجود دارد که سعی
دارند تا حس لامسه را به تکنولوژی بی افزایند. PALETTE یکی از رابط های
کاربری کنترلی می باشد که شامل تماس برقرار کردن، دکمه ها و یا اسلایدر ها
می باشد که اجازه می دهد تا خلاقیت نیز با حرکات لمسی فیریکی عجین شود و
بیشتر در دنیای دیجتالی نقش بی آفریند. باید این موضوع را بیان نمود که این
روش هم برگشت پذیر و هم قابل پیشرفت کردن می باشد.
GOLDEN KRISHNA
درباره این موارد در کتاب خود به نام "بهترین رابط کاربری آن است که بدون
رابط کاربری باشد" به خوبی صحبت می کند. در این کتاب، او ما را با این سوال
مواجه می کند که علاقه مان نسبت به صفحه نمایش ها و راه حل های موجود
چگونه است. به عنوان مثال استفاده از اپلیکیشن های باز کننده درب را در نظر
بگیرید، او در این باره به بحث می پردازد که شاید ما توسط علاقه ای که به
صفحه نمایش ها داریم همه چیز را نادیده بگریم، در این صورت است که این گونه
اپلیکیشن ها نمی توانند در زندگی ما پیشرفت آن چنانی داشته باشند.
ما رابط های کاربری را برای حرکات لمسی در هر زمانی طراحی سایت
می کنیم، اما به ندرت تجربه کاربری از حرکات لامسه را ارزیابی می نماییم.
آینده تجربه کاربری به حس لامسه بیشتر بستگی دارد تا صفحه نمایش های شیشه
ای غول پیکر. این را به یاد داشته باشید که با تمام این اوصاف ممکن است به
زودی صفحه نمایش های لمسی دیگر یک مورد قدیمی به نظر برسند و همه رابط های
کاربری بدون حس لامسه کار کنند.