Ахмед Сулейман - How to boost mobile product development speed
0 likes913 views
The document discusses improving collaboration between designers and developers for mobile product development. It addresses common problems that slow development speed such as unclear or missing guidelines from designers. It provides tips for designers and developers, such as designers creating detailed mockups and guidelines for all elements, and developers understanding differences in platforms. The document concludes with soliciting questions from the audience.
Ахмед Сулейман - How to boost mobile product development speed
- 1. A flawless designer-developer flow: how to boost mobile product development speed AHMED SULAIMAN CEO Flawless App, ex. Petcube Developer
- 2. AHMED SULAIMAN CEO Flawless App, ex. Petcube Developer PROBLEMS OF A DEVELOPMENT PROCESS WTF with the background!? Height: 120PT Background: rgb(255, 255, 255) Bottom-border: 1PT rgba(0, 0, 0.25) 48x48PX app_settings@2x.png Check out circle size. It’s too small now. Font size is too small. Check out the layout.
- 3. TODAY’S AGENDA Dicsussion of the collaboration problem15m Advices for speeding up a development proccess15m Q/A10m AHMED SULAIMAN CEO Flawless App, ex. Petcube Developer
- 4. DESIGN PROCESS Discussion of the collaboration problem
- 5. FinishStart Final It. #3 It. #N It. #2 Discussion #1 Iteration #1 D. #2 D. #3 How it should look DESIGN PROCESS AHMED SULAIMAN CEO Flawless App, ex. Petcube Developer
- 6. DESIGN PROCESS App mockup Comments AHMED SULAIMAN CEO Flawless App, ex. Petcube Developer 48x48px app_settings@2x.png PF Din Text Universal 12PT, Bold, rgba(0, 0, 0, 0.25), Uppercase PF Din Text Universal Bold 16PT, rgb(255, 255, 255) PF Din Text Universal 12PT, Regular rgba(0, 0, 0, 0.25) 98PT 320PT Proportional to 1080P video size
- 7. TIPS & TRICKS Advices for speeding up a development proccess
- 8. DESIGNER “I think it should be a nice button here” DEVELOPER “Wish I had more time to develop this f* button” “Discussion sessions are very helpful” 01 AHMED SULAIMAN CEO Flawless App, ex. Petcube Developer 1X 2X
- 9. “Everything should be guidelined. Even buttons.” 02 AHMED SULAIMAN CEO Flawless App, ex. Petcube Developer Follow Anna’s work Follow Anna’s work You follows Anna Unfollow Anna Active Clicked If you follow someone Button transforms when you click on the previous state
- 10. “Simple and effective QA design sessions” 03 AHMED SULAIMAN CEO Flawless App, ex. Petcube Developer Implemented Designed
- 11. “Platforms are different” 04 AHMED SULAIMAN CEO Flawless App, ex. Petcube Developer Transluscent Gradients Smooth animation Outline icons Objective-C, Swift Helvetica / San Fransico 2 resolutions Material Design Flat palette Meaningful transitions Filled icons Java Roboto 100500 resolutions
- 12. BASIC THINGS FOR A DESIGNER “Design & Code for everyone” 05 AHMED SULAIMAN CEO Flawless App, ex. Petcube Developer Block development iOS & Android controls Front End patterns Google / Stackoverflow HTML & CSS BASIC THINGS FOR A DEVELOPER Images cut Illustrator “Save as” Layers Shapes Blending options
- 14. AHMED SULAIMAN CEO Flawless App, ex. Petcube Developer ahmed@flawlessapp.io www.fb.com/ahmed.sylaiman www.flawlessapp.io