چگونه طراحی وب پاسخگو، تجربه کاربری را برای همه بازدیدکنندگان بهبود می بخشد
یک لحظه فکر کنید و درباره تمام دستگاههایی که متعلق به خودتان است استفاده کنید تا بتوانید وبسایتها را مشاهده کنید. اگر بیشتر افراد را دوست داشته باشید، این فهرست در چند سال گذشته رشد کرده است. این احتمالا شامل دستگاه های سنتی مانند رایانه لوحی و دسکتاپ همراه با دستگاه هایی است که در طول چند سال گذشته از جمله تلفن های هوشمند، قرص، پوشیدنی، سیستم های بازی و غیره استفاده کرده اند. شما حتی ممکن است لوازم خانگی خود را در خانه یا یک صفحه نمایش در ماشین خود داشته باشید که به شما امکان اتصال به اینترنت را می دهد! خط پایین این است که چشم انداز دستگاه در همه زمان ها بزرگتر و متنوع تر می شود، این بدان معنی است که امروزه وب سایت ها (و در آینده) در وب رشد می کنند، وب سایت ها باید با رویکرد پاسخگو و پرس و جو های رسانه ای CSS ساخته شوند و باید در نظر بگیرند چگونه مردم به احتمال زیاد این دستگاه های مختلف را به یک تجربه وب مرور می کنند.
چند کاربر دستگاه را وارد کنید
یکی از حقیقت که ما شاهد آن هستیم این است که اگر مردم به چندین روش دسترسی به وب داده شوند، آنها از آنها استفاده خواهند کرد. نه تنها افرادی که از دستگاههای مختلف برای دسترسی به محتوای وب استفاده می کنند، بلکه از همان سایت با استفاده از این دستگاه های متنوع بازدید می کنند. این جایی است که مفهوم کاربر "چند دستگاه" از آن آمده است.
یک سناریوی چند منظوره معمولی
یک تعامل وب معمولی که بسیاری از مردم هر روز تجربه می کنند را در نظر بگیرید - مرور وب سایت های املاک و مستغلات در جستجوی یک خانه جدید. این تجربه ممکن است بر روی یک رایانه رومیزی آغاز شود که در آن کسی معیارهای آنچه را که دنبال آن هستید وارد می کند و لیست های اموال مختلف را مطابق با آن پرس و جو می کند. از طریق روز، این فرد ممکن است دوباره بر روی دستگاه تلفن همراه خود نگاهی بیندازد و یا ممکن است هشدارهای خود را به ایمیل خود (که در دستگاه تلفن همراه آنها بررسی می شود) برای لیست های جدید که پارامترهای جستجو را دارند مطرح کند. آنها حتی می توانند این هشدارها را به یک دستگاه پوشیدنی مانند ساعت هوشمند و اطلاعات اولیه بر روی صفحه نمایش کوچک برسانند.
این روند می تواند در طول روز با بازدید بیشتر از سایت در یک کامپیوتر رومیزی دیگر، شاید از دفتر خود در محل کار ادامه یابد. در همان شب، آنها ممکن است از یک دستگاه قرص برای نشان دادن لیست هایی که به خانواده هایشان مخصوصا جالب توجه هستند، برای بازخورد خود در مورد این ویژگی ها استفاده کنند.
در این سناریو، مشتری وب سایت ما ممکن است از چهار یا پنج دستگاه مختلف استفاده کرد، هر یک با اندازه صفحه نمایش بسیار متفاوت است، برای بازدید از همان سایت و نگاه به محتوای مشابه. این یک کاربر چند منظوره است و اگر وبسایتی که بازدید می کنند آنها را در همه این صفحه های مختلف جای ندهد، آنها به سادگی ترک خواهند کرد و آن را پیدا خواهند کرد.
سایر سناریوها
جستجو برای املاک و مستغلات فقط یک مثال است که کاربران در طول تجربه کلی خود با یک سایت از دستگاه به دستگاه پرش می کنند. مثالهای دیگر عبارتند از:
- جستجو برای خودرو برای خرید
- برنامه ریزی تعطیلات
- خواندن مقالات خبری
- تحقیق در زمینه ایده های بهبود خانه
- به دنبال پیمانکاران محلی / خدمات
- برنامه ریزی یک عروسی یا یک رویداد بزرگ دیگر
- به دنبال یک تیم ورزشی یا رویداد ورزشی
در هر یک از این موارد ممکن است تجربه وب به بیش از یک جلسه بپردازد، به این معنی که احتمال دارد یک کاربر از دستگاه های مختلف بر اساس کدام یک برای هر زمان مناسب برای آنها استفاده کند.
بهترین روش برای پیگیری
اگر وبسایتی که امروزه نیاز به افزایش تعداد زیادی از مخاطبان را داشته باشد، برخی از اصول اساسی و بهترین شیوه ها وجود دارد که باید اطمینان حاصل شود که سایت ها آماده هستند که این بازدیدکنندگان را به درستی اداره کنند و در موتورهای جستجو رتبه خوبی داشته باشند .
- وب سایت پاسخگو - یک طرح پاسخگو که می تواند برای اندازه های مختلف صفحه نمایش سازگار و تغییر کند، برای پشتیبانی از انواع دستگاه های متصل به وب که امروزه در دسترس است، حایز اهمیت است.
- تمام محتوا باید در دسترس باشد - اگر شخصی بتواند به برخی از محتوا یا ویژگی های خاص دسترسی پیدا کند، هنگام بازدید از سایت در یک دستگاه، آنها انتظار دارند که آن ها در زمانی که به سایر دستگاه ها می روند، در دسترس باشند. محتوا باید به شیوه ای مناسب برای هر دستگاه ارائه شود، اما هیچ محتوایی برای دستگاه های خاص نباید "مخفی" یا "خاموش" باشد.
- Readability Key - مهم نیست که چه نوع دستگاه یا چه صفحه نمایش اندازه مورد استفاده برای بازدید از وب سایت، سهولت خواندن این سایت مهم است. این به این معنی است که تایپوگرافی یک عنصر طراحی مهم برای تمرکز است. اگر کسی زمان خواندن محتوای سایت را نداشته باشد، احتمالا سایت را به طور کامل ترک خواهد کرد.
- سازگاری در میان تنوع - در حالی که طرح ارائه شده برای هر اندازه صفحه نمایش متفاوت خواهد بود، باید از یک دستگاه به یک دیگر سازگاری داشته باشد. تجربه کلی باید متصل شود به طوری که کاربران مجبور به باز کردن سایت هر بار که آنها را بازدید در یک صفحه جدید.
- عملکرد را اولویت بندی کنید - وب سایت ها باید سریعا بارگذاری شوند و در همه دستگاه ها، از جمله دستگاه های تلفن همراه با سرعت کمتر از سرعت کامل، کار خوبی داشته باشند. عملکرد کلی وب سایت باید اولویت در تمامی جنبه های طراحی و توسعه ی سایت باشد؛ چرا که هیچ کس هرگز نمی تواند بگوید که یک وب سایت بارگذاری شده بیش از حد سریع و یا خیلی خوب کار کرده است!
ویرایش شده توسط Jeremy Girard در تاریخ 1/26/17