[This post is by Chris Nesladek, Interaction Designer, Richard Fulcher, Interaction Designer, as well as Virgil Dobjanschi, Software Engineer — Tim Bray]
Along with a regular updates of a Android platform, you similar to to set up e.g. applications which showcase most appropriate practices for UI features as well as behavior patterns, to help a 3rd celebration developers emanate even richer applications.
For example, a Twitter for Android duplicate which you worked with Twitter to design gives you, a 3rd celebration developer, a working e.g. of how you can customize as well as set up an duplicate thats both fun as well as highly functional. This blog post is meant to showcase these patterns along with a little endorsed implementations as you start to rise your applications around them.
Lets get proposed as well as try these patterns in some-more object now.
Pattern 1: Contacts Sync with Address book during Sign in
One of a most critical intents you combined to Twitter for Android was a ability to sync your Twitter contacts in to a phone. This integration also allowed us to give Twitter users with an Android phone a have make use of of of a QuickContact widget, which gives users a choice of ways to hit their followers.
We recommend:
Using this wake up upon first signing in to an application.
If your app has no sign-in, display this shade during first launch to urge discoverability of hit sync.
Pattern 2: Twitter account integration with QuickContact for Android
The good headlines for developers is you get this highly organic contacts underline for free if users choose to sync hit report in to your app. QuickContact for Android provides instant entrance to a contact's report as well as communication modes. For example, a user can tap a hit print as well as with one some-more tap launch a call, SMS, or email to which person. Other applications such as Email, Messaging, as well as Calendar can also reveal a QuickContact widget when you touch a hit print or standing icon.
Pattern 3: Dashboard
The dashboard settlement serves as a home course wake up for your users. It is meant to embody a categories or features of your application. We suggest including an Action club upon this shade as well.
The dashboard can be immobile or dynamic. For example, in a box of a dashboard for Twitter, you used a goodness of Live Wallpapers introduced in 2.1 to emanate an charcterised dashboard complete with real-time trend froth as well as a Twitter bird silhouette.
We recommend:
Using this settlement to showcase a most prominent features of your app.
Adding a little unexpected delight to this screen, creation it engaging but strenuous a user.
Exercising counsel - for a little apps, a user will instruct to jump directly in to a meat of a application. For others, this sort of welcoming dashboard will be a right starting place.
Pattern 4: Action Bar
The Action club gives your users onscreen entrance to a most often used actions in your application. We suggest you have make use of of this settlement if you instruct to dedicate shade real estate for usual actions. Using this settlement replaces a pretension bar. It functions with a Dashboard, as a upper left apportionment of a Action club is where you suggest you place a discerning couple behind to a dashboard or alternative app home screen.
We recommend:
Placing an Action club during a top of a shade to residence a most usual actions for your duplicate which work opposite all activities.
Using no some-more than 3 onscreen actions for a Action bar. Use a categorical menu as crawl for actions which have been less important. The balance in between Action club as well as categorical menu will ensure a brilliance of communication which is Android.
Making a left-hand segment actionable, charity one-touch lapse to your dashboard or alternative app home.
Pattern 5: Search Bar
The Search club settlement gives you a discerning approach to switch in between resources which have been searchable by your application. For example, with Twitter for Android, you used a settlement to await acid within Tweets as well as People. When triggered, this settlement sits upon top of a Action bar.
We recommend:
You await suggestions.
You keep a search story so users upon returning to a search wake up can have discerning one-button entrance to prior searches.
Additionally, you can feel free to have make use of of a Search club preference resource as a deputy for tabs given its really only a discerning pivot upon a interpretation set. If you have some-more than 3 interpretation sets, tabs turn problematic given no some-more than 3 can be onscreen during once. For example, demeanour during how you implemented a Profile switching resource below:
Pattern 6: QuickActions
QuickActions is a newest UI pattern. Currently, it has been implemented as a fast, engaging, popup triggered by an onscreen UI member which identifies it in as minimally disruptive approach as possible. We suggest you have make use of of this settlement for list views which have been interpretation complete where items inside a list have contextual actions compared with them. QuickActions can be used as a deputy for a normal dialog invoked by prolonged press.
By choosing to have make use of of this settlement as partial of a list, you made it simpler for Twitter users to take movement upon a report in a list perspective by gripping a object as well as compared actions in context. We also took a extra step of creation it simpler to aim links in list views by turning off a list perspective button member as a secondary member to creation this settlement even some-more usable. This approach users of Twitter for Android can perspective links with one tap and/or see a posted twitter upon a map by tapping a twitter meta interpretation directly.
We recommend:
Creating a UI member which is minimal as well as recognizable as an movement popup; possibly a frame around an picture or an idol in a list item.
Only regulating this settlement in applications where a interpretation is intensive.
Placing a movement popup subsequent or above a report you instruct to allow users to take relevant contextual actions on. This will have it simpler to associate a actions with a content in view.
Turning off a complete list perspective button member so which regions can be easily targeted for a user.
Pattern 7: Companion Widget
The companion widget settlement is something you suggest all developers consider about deeply. The widget you emanate should be some-more than a large button couple in to your app. Used correctly, it can provide a place upon a home shade which personalizes, despite in a tiny window, your application.
In a box of Twitter for Android, you designed as well as built tiny as well as large-sized widgets to await opposite sorts of functionality. Both widgets let a user perspective his/her tweetstream. However, a not as big widget hands off to a duplicate to emanate a reply to a twitter from a stream, whereas a incomparable one gives approach entrance to a Tweet harmonise activity.
We recommend:
Identify your duplicate in a widget with a formula icon
Make this some-more than a button in to your app. Give your user an movement or perspective in to a app itself.
Keep a wake up stateful so which upon exiting a duplicate as well as re-entering a user is returned to a same context in a activity, minimizing a impact of regulating a dashboard if it is used.
Dont consider you quite got something right? As many of you know, well shortly be open sourcing this duplicate formula underneath a Android Open Source Project. We demeanour forward to seeing what you can set up starting from this formula these UI patterns. In a meantime, Happy Tweeting!
Twitter for Android is available in Android Market for immediate download. It is compatible with Android 2.1/2.0 devices, with await entrance shortly for more.
Come check out a Android UI patterns session during Google I/O subsequent week to sense some-more about how this applies opposite a framework as well as not only in a Twitter app.
Posted by Generation Funky and gaul abisss. I'm here to change the World..
MOTORCYCLE MODIFICATION, MODIFIKASI MOTOR, GAMBAR, WALLPAPER. Gaul Abisss
National Car Rental
Tidak ada komentar:
Posting Komentar