SlideShare a Scribd company logo
www.icapps.com
About 
@denniscovent @freberghmans 
www.icapps.com
About 
Since 2009 
Over 30 consultants 
Focus on mobile 
www.icapps.com
Our services
Our services 
Define 
App 
Life 
Cycle 
Strategy, Concept & Design 
Native Apps 
Build 
Web Apps 
API & Back-end 
Infrastructure 
Support Monitor Service 
Run
References
Finance & Insurance 
KBC Securities (Bolero) 
Isabel 
KBC 
Record Bank 
Argenta 
KBC Insurance 
BNP Paribas Fortis 
Belfius 
Doccle
Telecom 
Mobile Vikings 
Telenet
Pharma 
BARD 
> 700 users worldwide.
Transport 
NMBS Logistics 
Dispatch! 
Eurosprinters 
RailTime
Entertainment 
Tomorrowland 
Watchout! 
1Limburg 
Van In 
Fleet Europe 
Solo Open Kitchen
Featured
Mobile ticketing service 
Kinepolis 
Passbook 
Over 40.000 tickets 
per month.
iBeacon 
Tokheim 
A new class of low- powered, 
low-cost bluetooth 
transmitters.
Investment platform 
Bolero 
The online trading platform 
of KBC Securities, now also 
on mobile.
Mobile banking 
Isabel 
Multi banking done right.
Design?
iCapps workshop App Design - AFT Leuven
iCapps workshop App Design - AFT Leuven
iCapps workshop App Design - AFT Leuven
iCapps workshop App Design - AFT Leuven
iCapps workshop App Design - AFT Leuven
Design 
is a method of 
problem solving
Dieter Rams’ Ten Principles of 
“Good Design”
Concept & Design
Iterative workshops 
Analyze Concept Design 
Market Research 
User Profiles 
Value Propositions 
Functionalities 
Unique Concepts 
Wireframes 
Product Branding 
Interactive User Design 
User Experience Testing 
Define
Customer 
Product Owner 
iCapps 
Iterative workshops 
Analyze Concept 
Functional Analyst 
Understand your 
business. 
- Workshops with stakeholders 
- Market research & metrics 
- Analyze competitors 
Map your target 
users. 
Defining the different user profiles. 
Define the right 
value propositions. 
Where business, strategy and users 
meet.
Customer 
Product Owner 
iCapps 
Iterative workshops 
Concept Design 
Functionalities 
Functional Analyst 
Define the key features of your product. 
Creative battle 
Translate the functionalities in unique 
concepts. 
Wireframes 
A rough sketch of your product. 
UX Expert 
Analyze
Customer 
Product Owner 
iCapps 
Iterative workshops 
Design Development 
UX Expert 
Product Branding 
Shape the desired look & feel 
summarized into the product style 
guide. 
Interactive User 
Interface 
Design a pixel perfect UI including 
interactions, animations, etc. 
User Experience 
Testing 
End users using your product, giving 
valuable feedback. 
UI Designer 
Concept 
End User 
Test user
IOS Human Interface 
Guidelines 
UI Design Basics
Designing for iOS 
Thema’s iOS 
1. Respecteren van inhoud 
2. Duidelijkheid 
3. Diepte
Designing for iOS 
1. Respecteren van inhoud
Designing for iOS 
2. Duidelijkheid
Designing for iOS 
2. Duidelijkheid
Designing for iOS 
3. Diepte
Designing for iOS 
Manier van aanpak: 
- Core functionaliteit primeert altijd 
- Daarna iOS Thema’s 
- Verschillende toestellen en schermen
iOS App Anatomy
Adaptivity & Layout 
Autolayout
Adaptivity & Layout
Adaptivity & Layout
Adaptivity & Layout
Starting Stopping
Navigation
Modal Contexts
Interactivity & feedback
Interactivity & feedback
Animation
Animation
Animation
Branding
Color and Typography 
Kleurbeheer 
- Geheel 
- Verschillende Contexts 
- kleurblind 
- interactivity and state 
- Afleiding
Color and Typography 
Handige links 
www.fontsinuse.com 
www.whatfontapp.com
Icons & Graphics 
by Ramotion
Icons & Graphics 
weatherornot.io
Integrate with iOS 
standaardelementen juist gebruiken
Design for Large Screen Smartphones 
Designing for Thumbs
Designing for Thumbs
Designing for Thumbs
Designing for Thumbs
Hamburger Menu
Material Design 
Google 
www.google.com/design/spec/material-design/
Material Design 
1. Material is een metafoor
Material Design 
2. Oppervlakten zijn natuurlijk en intuïtief
Material Design 
3. Dimensies maken interactie mogelijk
Material Design 
4. één aanpasbaar design
Material Design 
5. Content is Bold (“Brutaal”) grafisch en voorbedacht
Material Design 
6. kleur oppervlakte en iconografie benadrukken acties
Material Design 
6. kleur oppervlakte en iconografie benadrukken acties
Material Design 
6. kleur oppervlakte en iconografie benadrukken acties
Material Design 
7. Verandering komt van gebruiker
Material Design 
8. Animaties staan niet op zichzelf
Material Design 
9. Beweging bied betekenis
Design for other screens 
smartwatches 
by Jakub Antalík
App Design Workshop 
Photoshop 
http://goo.gl/Wp5yne 
Sketch 
http://goo.gl/WPpgNC
Thank you 
@denniscovent @freberghmans 
www.icapps.com

More Related Content

PPSX
Designing User Experience for multiple screen and device formats
PPTX
DN 2017 | Putting the P in A(P)I - Why APIs are key to make AI scale | Carmen...
PDF
Git branching
PDF
Mobile Design at Gilt
PDF
Shantanu kulkarni-Graphic and UIUX Designer
PPTX
Beyond App Development
PPTX
Beyond App Development
PDF
Mobile first: A future friendly approach to UX design
Designing User Experience for multiple screen and device formats
DN 2017 | Putting the P in A(P)I - Why APIs are key to make AI scale | Carmen...
Git branching
Mobile Design at Gilt
Shantanu kulkarni-Graphic and UIUX Designer
Beyond App Development
Beyond App Development
Mobile first: A future friendly approach to UX design

Similar to iCapps workshop App Design - AFT Leuven (20)

PDF
Mobile App UI/UX Design Trends to Flourish in 2021 and Beyond.pdf
PDF
Top 10 Mobile App UI/UX Design Trends in 2022
PDF
10 Design Trends 2015 - UX & UI Trends for Mobile Solutions
 
PDF
Rohit Profile 2017-Tresbu
PDF
Ninjabit ppt
DOCX
Jyo_UI-UX Designer Resume
PPTX
Mobile Solutions for Publishers & Authors
PDF
Rachit ux portfolio (1)
PDF
Unboxing iOS 7
PPTX
Defining strategies from the value of website
PDF
Top iOS App Development Tools You Should Know to Create Outstanding iOS Apps.pdf
PDF
Portfolio of Wenzhu Zou
PPTX
Portfolio Swetha Dubbaka
PDF
Step-by-Step Guide On iOS App Wireframing
PPTX
Careers In Web Design
PDF
MCL Corporate Presentation - 0416
PDF
MCL Corporate Presentation - 0416
PDF
Services for developing mobile apps to help firms stay competitive
PDF
CV_Jahnavee Chitte (1)
PPT
QuickSoft Mobile Tips & Tricks 11-03-10
Mobile App UI/UX Design Trends to Flourish in 2021 and Beyond.pdf
Top 10 Mobile App UI/UX Design Trends in 2022
10 Design Trends 2015 - UX & UI Trends for Mobile Solutions
 
Rohit Profile 2017-Tresbu
Ninjabit ppt
Jyo_UI-UX Designer Resume
Mobile Solutions for Publishers & Authors
Rachit ux portfolio (1)
Unboxing iOS 7
Defining strategies from the value of website
Top iOS App Development Tools You Should Know to Create Outstanding iOS Apps.pdf
Portfolio of Wenzhu Zou
Portfolio Swetha Dubbaka
Step-by-Step Guide On iOS App Wireframing
Careers In Web Design
MCL Corporate Presentation - 0416
MCL Corporate Presentation - 0416
Services for developing mobile apps to help firms stay competitive
CV_Jahnavee Chitte (1)
QuickSoft Mobile Tips & Tricks 11-03-10
Ad

Recently uploaded (6)

PPTX
ASMS Telecommunication company Profile
DOC
证书学历UoA毕业证,澳大利亚中汇学院毕业证国外大学毕业证
DOC
Camb毕业证学历认证,格罗斯泰斯特主教大学毕业证仿冒文凭毕业证
PDF
heheheueueyeyeyegehehehhehshMedia-Literacy.pdf
PDF
6-UseCfgfhgfhgfhgfhgfhfhhaseActivity.pdf
PDF
Lesson 13- HEREDITY _ pedSAWEREGFVCXZDSASEWFigree.pdf
ASMS Telecommunication company Profile
证书学历UoA毕业证,澳大利亚中汇学院毕业证国外大学毕业证
Camb毕业证学历认证,格罗斯泰斯特主教大学毕业证仿冒文凭毕业证
heheheueueyeyeyegehehehhehshMedia-Literacy.pdf
6-UseCfgfhgfhgfhgfhgfhfhhaseActivity.pdf
Lesson 13- HEREDITY _ pedSAWEREGFVCXZDSASEWFigree.pdf
Ad

iCapps workshop App Design - AFT Leuven