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





راهبری در طراحی متریال

راهبری در برای مشاهده لینک باید ثبت نام کنید راهبری، کاربران را به بخش های مختلف برنامه یا سایت شما هد ..



10-30-2016 11:43 عصر

راهبری در برای مشاهده لینک باید ثبت نام کنید

برای مشاهده لینک باید ثبت نام کنید ) 50% 100% repeat-x;">
Thumbnail?filePath=%2FFileGallery%2Fwebone.co%2F-73768material-design-banner

 

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

الگوهای راهبری

  • راهبری داخلی
  • کلیدها (tab)
  • نوار راهبری واقع در پایین صفحه
  • کشوهای راهبری (منوهای کشویی)
  • راهبری تو در تو
  • منوهای راهبری گسترده
  • منوهای راهبری آبشاری(desktop)

الگوهای ترکیبی راهبری

  • راهبری جانبی و کلیدها
  • منوهای راهبری تو در تو و کلیدها (desktop)
md-pattern89

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

md-pattern90
این تصویر ارتباط بین آیتم های ایمیل را از طریق گروه بندی آن ها در سه دسته مختلف نمایش میدهد : تبلیغاتی(Promos)، اجتماعی(Social)، اقتصادی(Finance)

کاربران را از طریق مسیرهایی با گزینه های مشخص به صفحه های دیگر راهنمایی کنید.
 

md-pattern91
زمانی که نیازهای کاربر ساده و ابتدایی است از طراحی ساده و ساختارهای سبک استفاده نمایید.

تعریف راهبری

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

md-pattern93
مشخص کردن کاربران اصلی و عملیات هایی که ممکن است انجام دهند

اولویت بندی

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

md-pattern94
در صورت طراحی راهبری برای سایت راهنمای رستوران ها مهم ترین عملیات میتواند شامل مشاهده جزئیات مشخصات رستوارن یا پیدا کردن رستوران های جدید باشد.

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

md-pattern95
اگر کاربر بخواهد یک رستوران جدید پیدا کند یا رستوران مورد علاقه خود را دوباره مشاهده نماید هر دو این مسیرها در نهایت به مشاهده جزئیات رستوران ختم میشود. بنابراین با قرار دادن گزینه جستجو یا علاقه مندی ها به صورت مشخص این کار را برای کاربران خود راحت تر نمایید.

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

md-pattern96
عملیات گسترده ای مانند جستجوی یک رستوران میتواند شامل عملیات های کوچکتری مانند جستجوی رستوران های نزدیک، جستجو از طریق اسم رستوران و یا جستجوی رستوران های محبوب باشد. این عملیات های کوچک کار جستجو را برای کاربر ساده تر میکنند و باید در راهبری قرار داده شوند.

سلسله مراتب

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

خانه (صفحه اصلی)

صفحه خانه، دروازه ورودی به سایت یا برنامه شما است و معرف سایت و راهبری آن میباشد.

md-pattern97

والد و فرزند (parent & child)

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

راهبری

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

صفحه های هم خانواده ها (sibling)

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

مجموعه ها

یک مجموعه شامل آیتم ها با والدهای یکسان میباشند.
md-pattern101

لینک ها (پیوندها)

لینک ها به کاربران امکان حرکت بین صفحه هایی را میدهند که از نظر راهبری نزدیک و در دسترس نمی باشند.
لینک های ضربدری (داخلی) لینک هایی هستند که کاربر را به هر یخشی در داخل سایت یا برنامه هدایت میکنند.
لینک های خارجی، لینک هایی از منابع بیرونی به سایت شما میباشند که کاربر را مستقیماً به بخش مشخصی از سایتاتن انتقال میدهند. برای مشاهده لینک باید ثبت نام کنید
 
md-pattern102

الگوهای راهبری

راهبری داخلی

برنامه ها یا سایت هایی که راهبری آن ها ساده میباشد میتاونند راهبری را به صورت داخلی در محتوای خود قرار دهند. ولی انجام این کار فضا را برای نمایش محتوا کاهش میدهد.
این الگو برای موارد ذیل مناسب میباشد :
  • برنامه ها با صفحه نمایش ابتدایی قوی و تعداد صفحه های کم
  • برنامه هایی که عملیات های رایج را در یک صفحه اصلی انجام میدهند.
md-pattern103
مثال راهبری داخلی در یک برنامه در موبایل. عملیات های رایج در یک صفحه نمایش اصلی انجام میشوند.

کلیدها (tab)

کلیدها به کاربر کمک میکنند تا بین تعدادی از صفحه ها با اولویت یکسان جا به جا شوند.
مناسب برای سلسله مراتب های ذیل :
والدهایی با صفحه های فرزند داخلی (embedded)
گروهی از صفحه های هم خانواده
مناسب برای کاربردهای ذیل :
  • جابجایی پیوسته بین صفحه ها
  • برنامه ها یا سایت ها با تعداد کمی صفحه سطح بالا
md-pattern104
مثال در موبایل با 3 کلید

md-pattern105
مثال در تبلت با کلیدهای وسط نویس

md-pattern106
 
امضاء :site111
 




موضوعات مشابه
عنوان نویسنده پاسخ ها بازدید آخرین ارسال
طراحی سایت فروش ملک sitecode
0 9 sitecode
طراحی سایت ارزان kiyantc
1 137 kiyantc
چگونه می توان از طریق طراحی وب سایت کسب و کار خود را معرفی ک bitaazimi68
1 440 bitaazimi68
4 مزیت اصلی بهینه سازی در طراحی وب سایت bitaazimi68
1 441 bitaazimi68
طراحی سایت ثبت نام آنلاین sitecode
0 18 sitecode

کلمات کلیدی
راهبری ، در ، طراحی ، متریال ،


 







ساعت :10:35 صبح