نکات کلیدی در بهینه سازی اطلاعات در موبایل وب سایت ها و اپلیکیشن ها(2)

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

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

NAVIGATION OVER CONTENT  :

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

معماری اطلاعات در وب سایت ها و اپللیکیشن های موبایل

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

مثال بعدی سایت رزرو بلیط هواپیما به نام makemytrip.com است .

اصول طراحی سایت های موبایلی و موبایل اپلیکیشن ها

 

چیزی که از تصویر بالا کاملا پیداست کم شدن بهینه شدن Navigation در نسخه موبایلی این وب سایت است . همانطور که مشاهده می  کنید در صفحه اصلی این وب سایت محتویات متنی زیادی دیده نمی شود به غیر از سه گزینه navigation که در پایین صفحه مشخص شده است(flights – hotels- holidays)  و نظر کاربر را به خود جلب می کند . کاربری که به دنبال بسته های تعطیلاتی بر اساس بودجه مورد نظر خود است به راحتی می تواند از طریق لینک holidays در navigation  به سرویس مورد نظر خود دست یابد. در صفحه holidays نیز محتوای متنی زیادی به چشم نمی خورد . صرفا گزینه ای برای انتخاب مقصد و همچنین شماره تماس مستقیم برای اطلاعات بیشتر پروازها قرار داده شده است. این گزینه های ساده در دسترس کاربر قرار گرفته است تا کاربر به راحتی بتواند به پکیج مورد نظر خود دست یابد. این دیزاین ساده و کارامد ، کاربردپذیری سایت را برای کاربران بهبود می بخشد و تجربه کاربری خوبی را برای کاربر ایجاد می کند .

اصول معماری اطلاعات در وب سایت های موبایلی و اپلیکیشن ها

بنابراین بزینس هایی که نوع کاربران خود و سرویس های درخواستی انها را به خوبی می دانند باید navigation  ساده ای را در وب سایت یا اپلیکیشن خود پیاده کنند تا کاربران خود را با کمترین کلیک به اطلاعات و سرویس های خود هدایت کنند.

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

محل قرارگیری منوها در نسخه موبایلی وب سایت ها :

در این قسمت از مقاله محل قرارگیری درست  منوها را با مثال هایی بررسی خواهیم کرد :

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

اصول طراحی سایت و موبایل اپلیکیشن ها

زیر منو های منوی اصلی  :

طراحی وب سایت ها و موبایل اپلیکیشن ها

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

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

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

اصول طراحی وب سایت ها و موبایل اپلیکیشن ها

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

اصول طراحی وب سایت ها و موبایل اپلکیشن ها

 

 

 

 

 

 

 

نکات کلیدی در بهینه سازی اطلاعات در موبایل وب سایت ها و اپلیکیشن ها(2)
شنبه 13 دی 1393 - 14:36:31 3073 آخرین بازدید : یکشنبه 5 خرداد 1398 - 18:33:48 1

خیلی خوب بود ، مفید بود

*
*