myninka
UI Templates
The task was to identify and create cross-platform mobile UI patterns which will be most helpful for developers to assemble their app without having a designer around. The UI patterns grew up to be templates - with the desired functionality and basic visual design applied including the transitions, ready to be used with just a little customization. They come together with a mobile UI theme which polishes the UI.
The templates target was the NativeScript developers and addresses their need of polished UI and functionality packed in a cross-platform building block, allowing them to focus on the core of their apps - the business logic.
The templates consist of:
Views
Screens with diferent layouts, scenarios and purpose
that an app could be built from:
- List views (Data lists): Activity feeds, cards, comments, lists, etc.
- Data entry (Forms): Login, sign up, multi-step, check-out, etc.
- User profiles: Social platforms user pro le screens
- Content screens
- Product details: Content screens for the ecommerse
- Settings/About
- Calendar: Full screen with inline events, agenda views
- Charts: Dashboards/data
- Maps: Integration with Google Maps (other provider)
- Messages: Conversation views
Workflows
Ready workflows (user flows) from the views to accomplish
the following tasks:
- Navigation/exploring: Primary/secondary navigation patterns
- Search, sort and filter
- Login/sign up: Including social login
- Onboarding: Login/sign up and walktroughs
- Messaging
- Check-out: Ecommerce check-out
All the prototypes, I made in Axure, can be found here.
Part of the templates are implemented in https://github.com/NativeScript/nativescript-sdk-examples-ng