— PROJECT NAME
Twitter iOS Concept – Material Design
— ROLE
UX /UI Design
— DATE
2017 -2018
I am a fan of Material Design*, but I am also fan of platform and common use patterns.
My attempt was to create a small section of Twitter for iOS with a Material Design flavour. I tried to think about common use, platform patterns and of course Material design and how can you combine those effectively.
*Material Design is a design language set forth by Google for use across platforms.
FEATURED
This Project was showcased in:
UPLABS(ex MaterialUP). Check it out here or here
And Sketchappsources.com. Download a Sketch file here
You can you this place to talk a little bit about the image on the side.
Sources:
http://bgr.com/2015/05/27/iphone-vs-android-advertising-google-profits-money/
https://www.comscore.com/lat/Insights/Blog/Android-vs-iOS-User-Differences-Every-Developer-Should-Know#imageview/0/
TWITTER 2017
1st
ITTERATION
Status Bar:
Keeping the iOS guidelines by not implementing the translucent effect of material design.
Navigation Bar:
Secondary source of navigation. Includes brand identity, content display controls (search), settings menu.
Timeline: I chose the timeline to remain as true as possible to the standard iOS screen in order to maximise the users familiarity.
Tab BAR / Tool bar:
This is the primary navigation and must be present on every screen. According to iOS guidelines there are no more than 5 tabs displayed at a time. (Familiarity).
FAB (Material):
Contains the most promoted action of the screen that the user is focused.
FAB Speed dial (Material):
The floating action button flings out related actions upon press.
Take Photos
Take videos
Find images
Find videos
or Tweet.
2nd ITTERATION
Navigation Bar:
Implementing more Brand Presence
FAB (Material): Keeping the light blue colour of Fab for branding consistency.
Keeping the Fab interaction as is.
3rd ITTERATION
Navigation Bar:
Keeping the brand presence and identity.
FAB (Material):
Making the interaction even more simpler.
LESS STEPS:
Offering directly to the user in one step all their options.The user can immediately tap on the text field to:
Tweet
Upload an existing photo or video
or take a new photo or video.
— NOTES
Things to consider
— THOUGHTS
Personal opinion
— THOUGHTS
Food for thought
THANK YOU
For more details check out the case study on SlideShare or Download the Sketch file from Sketch app Sources