anatomy of an app | interface skins
DESCRIPTION
Proscape apps are made up of slides, pages, and interface skins, and these slides can be enhanced with features like animation, video, and other interactive elements. To make the best decisions when designing apps, you need to understand how these elements can be used to create apps that look amazing and meet your business needs. To help you, we are dissecting apps into their components and sharing some great examples in a series of presentations on the anatomy of your apps. The topic of this presentation is interface skins. The interface skin is one of the ways you can design navigation in your app, allowing end users to access its content and features. It’s one of the most important parts of your app because an app that is hard to navigate is difficult to use. Since you want your app to be as intuitive as possible, you need to consider all of the possibilities when it comes to interface skins. You can use one or more skins, including different types of skins, in your app based on your specific business requirements. Check out the presentation for some great examplesTRANSCRIPT
Anatomy of An App Navigation with Interface Skins
Tab Strip Aid navigation with tabs that enable swiping through related slides
Tab Strip
Tab Strip
Function Skin Access built-in functions such as MyApps, App Menu, Content Map, Customer, Library, Close, and Home
Function Skin
Function Skin
Close | Library | Home Customer | MyApps
Categories & Tabs Skin Organize a large amount of content based on categories and topics to aid navigation throughout your app
Tabs
Categories
Tabs
Categories
Graphic Skin Navigation buttons can be any shape and placed anywhere
Graphic Skin
Graphic Skin
Segmented Skin Used when different segments of an app require different forms of navigation
Segmented Skin
Segmented Skin
Hidden Skin Hide your skin buttons to create a clean and less distracting interface
Hidden Skin (hidden)
Hidden Skin (revealed)
Hidden Skin (revealed)
Environment Skin Build app navigation into the environment with skeuomorphic design (meaning that design mimics reality)
Environment Skin
Environment Skin
Kinetic Skin Move skin around all four edges of the frame without disrupting the layout or the user experience
Kinetic Skin
Kinetic Skin
Kinetic Skin
Drop-Down Skin Create drop-down menu for navigating to different parts of app
Drop-Down Skin
Drop-Down Skin
Drop-Down Skin
