4 الگوها در اندروید

49
وها گ ل ا د دروی در ای ی چ ک ن ی ع د وی ن

Upload: navid-einakchi

Post on 22-Jan-2017

270 views

Category:

Mobile


2 download

TRANSCRIPT

Page 1: 4  الگوها در اندروید

الگوهادر اندروید

نوید عینک چی

Page 2: 4  الگوها در اندروید

Patternالگو کاربردهایی با عملکرد قابل پیش بینی و

یکپارچه طراحی کنید

Page 3: 4  الگوها در اندروید

امکانات جدید در اندروید•Jelly Bean - Android 4.1

–Notifications–Resizable Application Widgets–Accessibility•Ice Cream Sandwich - Android 4.0

–Navigation bar–Action bar–Multi-pane layouts–Selection

Page 4: 4  الگوها در اندروید

Jelly Bean - Android 4.1•Notifications

کاربران می توانند روی اعالنات بالفاصله عمل –انجام دهند.

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

Page 5: 4  الگوها در اندروید

Jelly Bean - Android 4.1ویدجتها با قابل تغییر اندازه •

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

کاربرد می دهند ویدجتها را بسته به فاکتورهای زیر 4.1اندروید –

تنظیم می کند:کابر آنها را کجا انداخته است؟•چقدر کاربر آنهاP را بزرگ کرده است؟•چقدر جا در صفحه خانه موجود است؟•می توان دو طرح از ویدجت برای حالتهای ––landscape و portrait.طراحی کرد

Page 6: 4  الگوها در اندروید

Jelly Bean - Android 4.1دسترسی پذیری•

از ماموریتهای اندروید ساماندهی اطالعات جهانی –و دردسترس قرار دادن آنها به صورت جهانی می

باشد. تمام کاربران حتی کسانیکه:نقص عضو دارند•کوررنگی دارند•شنوایی ضعیفی دارند•محدودیت حرکتی دارند.•

Page 7: 4  الگوها در اندروید

Ice Cream Sandwich - Android 4.0

میله ناوبری•نیاز برای دکمه های سنتی سخت افزاری را با –

جایگزینی میله ناوبری مجازی از بین برده است. این میله شامل دکمه های–

•Back•Home•Recent

Page 8: 4  الگوها در اندروید

Ice Cream Sandwich - Android 4.0

میله عمل•مهمترین عنصر ساختاری کاربرد اندروید–فراهم کردن ناوبری یکپارچه در کل پلت فرم–فراهم کردن امکان نمایش عملکردهای کاربرد–

Page 9: 4  الگوها در اندروید

Ice Cream Sandwich - Android 4.0

طرح بندی چند تکه ای•ایجاد کاربردهایی که بخوبی در صفحه –

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

اکتیویتی های مختلفی که در دستگاههای کوچک بصورت مجزا نمایش داده می شوند

در تبلتها به صورت ترکیبی نمایش داده شوند.

Page 10: 4  الگوها در اندروید

Ice Cream Sandwich - Android 4.0

انتخاب •« که قبال برای نمایش اعمال long pressحرکت »1.

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

وقتی داده انتخاب می شود، میله عمل بشما 2.اجازه می دهد که عملکردهای متناظر را مشاهده

نمایید.

Page 11: 4  الگوها در اندروید

حرکات در اندرویدحرکات اجازه تعامل کاربر با کاربرد را می •

دهد.

از طریق دستکاری اشیایی که در صفحه قرار •گرفته اند

مهمترین حرکات که در اندروید پشتیبانی می •شوند:

Page 12: 4  الگوها در اندروید

لمسعملکرد پیش فرض برای یک شی•عمل•

فشردن–رهاکردن–

Page 13: 4  الگوها در اندروید

فشردن طوالنیوارد شدن به حالت انتخاب•اجازه می دهد یک یا چند آیتم را انتخاب و در •

میله عمل کاری که نیاز دارید را انتخاب نمایید.عمل•

فشردن–نگه داشتن–رهاکردن–

Page 14: 4  الگوها در اندروید

کشیدناسکرول کردن محتوا•ناوبری بین صفحات )ورق زدن(•عمل•

فشردن–حرکت دادن–رهاکردن–

Page 15: 4  الگوها در اندروید

dragبازچینش داده ها در صفحه نمایش•حرکت دادن داده ها در صفحه •عمل•

فشردن طوالنی–حرکت–رهاکردن–

Page 16: 4  الگوها در اندروید

دوباره لمستمرکز و بزرگنمایی روی محتوا•انتخاب متن•عمل•

دوبار لمس پیاپی–

Page 17: 4  الگوها در اندروید

Pinch Openبزرگنمایی محتوا•عمل•

فشردن دو انگشتی–حرکت بصورت دورشدن انگشتان–رهاکردن–

Page 18: 4  الگوها در اندروید

Pinch Closeکوچک نمایی محتوا•عمل•

فشردن دو انگشتی–حرکت بصورت نزدیک کردن انگشتان–رهاکردن–

Page 19: 4  الگوها در اندروید

ساختار کاربردانواع و اقسام کاربردها تعریف می شوند•

دارای یک اکتیویتی در یک صفحه نمایش–ماشین حساب•دوربین•دارای چند اکتیویتی که بین آنها سوییچ می شود–دارای داده ها و اکتیویتیهای مختلف که باید بین آنها –

سوییچ کردساختار کاربرد وابسته است به محتوا و •

عملکردهاییکه در اختیار کاربر قرار می گیرد.

Page 20: 4  الگوها در اندروید

ساختار کلی

Top level views

Category views

Detail/edit view

Page 21: 4  الگوها در اندروید

Top Levelاولین صفحه •توجه ویژه•سوال اصلی:•

کاربرانم از همه بیشتر چه کار خاصی می خواهند –با کاربرد من داشته باشند؟

Page 22: 4  الگوها در اندروید

مستقیم سر اصل مطلباز صفحه های فقط ناوبری پرهیز کنید•کاربر را مستقیم به اصل مطلب ببرید•مفاهیم اصلی را در صفحه اصلی قرار دهید•معیارها در طرح بندی •

چه داده هایی دارید–جذابیت–اندازه صفحه نمایش–

Page 23: 4  الگوها در اندروید

ایجاد هویتایجاد هویت برای •

کاربردتانانتقال هویت کاربرد•

چگونگی سازماندهی –داده ها

نحوه تعامل کاربران با –داده ها

تالش برای خلق طرح بندی یکتا

Page 24: 4  الگوها در اندروید

راه اندازی میله عمل نمایش عملکردهای مهم•ناوبری کابرد•میله عمل شامل•

آیکون برنامه– صفحات متفاوتی دارد بتوان از طریق میلcه top levelاگر –

عمل به آنها دسترسی داشتاگر قابلیت اضافه کردن محتوا به کاربر داده شده است –

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

در میله عمل قرار داده شود

Page 25: 4  الگوها در اندروید

gmailمیله عمل در

Page 26: 4  الگوها در اندروید

Top Levelسوییچ کردن در از صفحات مختلفی تشکیل Top Levelاغلب •

شده استمطمئن شوید کاربر براحتی می تواند بین آنها •

حرکت کنداندروید چند کنترل برای سوییچ کردن را •

پشتیبانی می کند–Tab–Spinner–Navigation Drawer

Page 27: 4  الگوها در اندروید

Tabنمایش صفحات بصورت کنارهم •آسان برای مرور کردن و سوییچ •

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

باشدموارد استفاده•

سوییچ کردن زیاد اتفاق می افتد– صفحه برای سوییچ کردن 3حداکثر –اگر کاربر باید متوجه صفحات باشد–

Page 28: 4  الگوها در اندروید

Spinnersیک لیست افتادنی که به کاربر •

اجازه سوییچ کردن بین صفحات را می دهد.

موارد استفاده از اسپینر در میله •عملنمی خواهید ارتفاع صفحه را از –

دست بدهیدکاربر بین صفحات داده های مشابه –

یا یکسان سوییچ می کند

Page 29: 4  الگوها در اندروید

Navigation drawerکشوی ناوبری•

منوی بیرون افتادنی که اجازه سوییچ کردن بین –صفحات را می دهد.

می تواند تعداد زیادی آیتم در خود داشته باشد–از هرجایی در برنامه قابل دسترس است– دیگر صفحات top levelمی تواند عالوه بر صفحات –

را نیز داشته باشد

Page 30: 4  الگوها در اندروید

Navigation drawerموارد استفاده•

نمی خواهید طول صفحه را از دست بدهید–تعداد زیادی صفحه وجود دارد– topمی خواهید توانایی دسترسی به صفحات غیر –

levelرا بدهید قابلیت ناوبری بین صفحاتی که به هم مستقیما –

مرتبط نیستند را بدهیدزیر شاخه های عمیق در ناوبری کاربرد وجود دارد–

Page 31: 4  الگوها در اندروید

Navigation drawer

Page 32: 4  الگوها در اندروید

ترکیب نکنیدبعد از اینکه یکی از این روشها را انتخاب •

کردید آنها را ترکیب نکنید!دوبار نمایش داده شدن صفحات در هر روش •

و گیج کردن کاربر

Page 33: 4  الگوها در اندروید

جزئیاتصفحه جزئیات برای عمل کردن روی داده •

هاستطرح بندی صفحه جزئیات وابسته به نوع داده •

هاستکاربرد به کاربرد بسیار متفاوت می شود•

Page 34: 4  الگوها در اندروید

طرح بندیبراساس اینکه چه کارهای کاربر می تواند •

انجام دهد

Page 35: 4  الگوها در اندروید

Lights-outحالت کاربردهای تمام صفحه•اما نیازمند به عملیات•نمایش میله عمل هنگام نیاز•

وقتی کاربر عملی انجام دهد–دوباره محو شدن–

Page 36: 4  الگوها در اندروید

ناوبری در صفحه جزئیاتاستفاده از ورق زدن•

Page 37: 4  الگوها در اندروید

ناوبری در صفحه جزئیاتthumbnailاستفاده از •

Page 38: 4  الگوها در اندروید

چک لیست راهی برای نمایش محتوای مفید در صفحه اول

پیدا کنید از میله عمل برای ناوبری یکپارچه استفاده

کنید سلسله مراتب را با استفاده از ناوبریهای افقی

و میانبرها ساده تر کنید ناوبری بین جزئیات را با استفاده از ویوهای

ورق زدنی سریعتر کنید با بهره گیری از انتخاب چندگانه به کاربر اجازه

دهید برروی مجموعه ای از داده عملیات انجام دهد.

Page 39: 4  الگوها در اندروید

مجموعه هاو سپس به مجموعه ها به صفحه top levelاز •

صفحه جزئیاتایجاد ناوبری آسانتر•

در حالیکه کاربر داده ها را می بیند در عمق فرو –نرفته است!

ایجاد مجموعه های متناسب از داده ها•ناوبری بین مجموعه ها•

Page 40: 4  الگوها در اندروید

مجموعه ها

Page 41: 4  الگوها در اندروید

دور زدن سلسله مراتباستفاده از میانبرها•

Page 42: 4  الگوها در اندروید

اعمال روی مجموعه از اشیااجازه دهید کاربر بتواند روی مجموعه ای از •

داده ها کاری را انجام دهد.

Page 43: 4  الگوها در اندروید

چک لیستراهی برای نمایش مفید محتویات در صفحه •

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

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

مجموعه ای از اشیاناوبری سریع بین صفحه جزئیات با ورق زدن•

Page 44: 4  الگوها در اندروید

ناوبری•Back در برابر Up•Back

برای ناوبری داخل کاربرد2.3از اندروید –•Up

در میله عمل شامل3از اندروید –آیکون برنامه و فلش•

Page 45: 4  الگوها در اندروید

Upناوبری مبتنی بر سلسله مراتب کاربرد• موضوعی را انتخاب کنیم و به Aاگر در صفحه •

A به صفحه Up برویم با انتخاب دکمه Bصفحه برمی گردیم.

اگر در باالترین صفحه باشیم•–Up!نداریم

Page 46: 4  الگوها در اندروید

Backبصورت ترتیبی در تاریخچه صفحات به عقب •

برمی گردد.وابسته به حافظه موقتی صفحاتی که کاربر در •

آنها بوده است.

Page 47: 4  الگوها در اندروید

میله عملآیکون کاربرد1.کنترل صفحات2.درصورت وجود چندین نحوه نمایش•دکمه های عملیاتها3.شامل عملیاتهایی که کمتر استفاده می شوند4.

Page 48: 4  الگوها در اندروید

دکمه های عملچه عملیاتهایی در این بخش قرار بگیرد؟ •FITمکانیزم •

– Frequentآیا زیاد استفاده می شود؟–

– Importantآیا مهم می باشد؟–

– Typicalآیا معمول می باشد؟–

Page 49: 4  الگوها در اندروید

مشاور و مجری سیستم های هوشمند نرم افزاریبا محوریت تلفن همراه

+98-5137601101+98-51376011020936-674-3096

[email protected]

....با ما مشورت نمایید

www.sanabad-ai.ir