spotify apps

Download Spotify Apps

Post on 01-Dec-2014

543 views

Category:

Technology

0 download

Embed Size (px)

DESCRIPTION

Design principles, and introduction to app development

TRANSCRIPT

  • 1. Spotify Apps INTRO TO DEVELOPMENT AND DESIGN LUKASZ DYNOWSKI

2. What can you do with Spotify ? Applicability https://www.spotify.com/us/aboutus/advertisers/ad-specs/billboard-ads/ Resources: https://www.spotify.com/us/aboutus/advertisers/adspecs/appendices/downloads/ 3. The Architecture 4. UX Principles Dont duplicate functionality from the native Spotify UI. User have to stick to Spotify native controls, which they are used toA Spotify app is not a website : The best apps have a clear purpose, no tabs, minimal amount of text, flat hierarchy and limited number of features, buttons and other controls.The start page should be easy to understand and useAll about music.Make it instantly personal.Be here now Dont add features that force users to go out to your website.Integrate 5. App Icons Use the correct format for the app iconLink: https://developer.spotify.com/technologies/apps/design_resources.zip If you are planning to include deviations from the requirements in your app. You have to provide information of which deviations have been made and whyDesign application icon in colours that pop from both a light and dark background Use our own set of icons to convey different features and actions Make your own icons align with oursMake sure your icons are sharp and crisp 6. Responsive The app should work on both small and large screens. Min width :640 px (based on a screen resolution of 800 px with an 160 px ad banner)Max width: 2500 px or more (large screens). 7. ColumnsDont use columns! Adding another column navigation inside your app might lead to column creep. 8. Buttons Use native Spotify buttons as much as possible. Use native Spotify buttons as much as possible.However, New buttons should resemble Spotify look and feel 9. Sharing 10. Loading Use Spotifys throbber when loading 11. Scrollbars Dont use scrollbars within components 12. Pagination Using previous/next page navigation. 13. Album Link 14. Artist Link 15. Track Link 16. Overlay play button 17. RESOURCES Design:https://developer.spotify.com/technologies/apps/guidelines/design/Resources:https://developer.spotify.com/technologies/apps/design_resources.zipAdvertisers: https://www.spotify.com/us/about-us/advertisers/ad-specs/spotify-adformats/Templates: https://www.spotify.com/us/about-us/advertisers/adspecs/appendices/downloads/