SlideShare a Scribd company logo

Designing responsively

•Download as PPTX, PDF•
•
Akendi
Akendi

An informative look at responsive design and its relationship to UX. Link to full responsive design video recording on Notes of final slide.

Design
1 of 32
DESIGNING RESPONSIVELY The Role of UX and other head scratchers. contact@akendi.com LONDON - CAMBRIDGE - TORONTO - OTTAWA
WHAT IS RESPONSIVE DESIGN? A DESCRIPTION...
ONE SOURCE MULTIPLE DEVICES
MANAGE WEB CODE
FLUID DESIGNS
AND…
NOT TOTALLY NEW
DESKTOP APPLICATION TOOLBARS
DESKTOP APPLICATION WORK SPACES
BUT SOMEWHAT NEW TO THE WEB • Desktop • Tablet • Mobile
RESPONSIVE DESIGN
RATHER...
RESPONSIVE CONTENT (IMAGES, TEXT, FONTS, GRAPHICS)
CONTENT SINGLE SOURCE
CONTENT DEVICE SPECIFIC
DEVICE CHARACTERISTICS
RESOLUTION 480x320 px 960x640 px 1920x1080 px
FONT RESOLUTION & TYPE 480x320 px 960x640 px 1920x1080 px
SIZE CONSTRAINTS IN RESPONSIVE DESIGN? 480x320 px 960x640 px 1920x1080 px 3840x2160 px
RESPONSIVE CONTENT • Actual content written • Actual images chosen • Actual font choice
RESPONSIVE AS A MAGIC WAND
RESPONSIVE INTERACTION
NAVIGATION Double tab navigation Tab navigation at top AND bottom Single ‘Menu’ navigation at top
RESPONSIVE LAYOUT
FUNCTION FOLLOWS FORM Desktop layout Tablet layout Mobile
DEVICE DETERMINES DESIGN
THEREFORE…
DON’T GET LOST IN THE CODE CONVERSATIONS
IT’S STILL USER EXPERIENCE DESIGN
RESPONSIVE IN ITSELF DOESN’T SOLVE INFORMATION MANAGEMENT PROBLEMS Updates Content creation Archiving Signoff Reviews Workflow Governance
AND RESPONSIVE IN ITSELF DOESN’T SOLVE ASSET MANAGEMENT CHALLENGES
QUESTIONS ANYONE?

Recommended

An Introduction to MapBox
An Introduction to MapBoxAn Introduction to MapBox
An Introduction to MapBoxMatt Yeh
 
Before during after reading strategies
Before during after reading strategiesBefore during after reading strategies
Before during after reading strategiesplanetoida1985
 
Symantec User Experience Group - Tools - Sketch
Symantec User Experience Group - Tools - SketchSymantec User Experience Group - Tools - Sketch
Symantec User Experience Group - Tools - SketchJohn Flynn
 
Bentley Reality Models in Urban Planning with CityPlanner
Bentley Reality Models in Urban Planning with CityPlannerBentley Reality Models in Urban Planning with CityPlanner
Bentley Reality Models in Urban Planning with CityPlannerHåkan Engman
 
Mobile web-design-trends-for-2011
Mobile web-design-trends-for-2011Mobile web-design-trends-for-2011
Mobile web-design-trends-for-2011Ni Dong
 
Graphics in mobile terminals
Graphics in mobile terminalsGraphics in mobile terminals
Graphics in mobile terminalsTomi Aarnio
 
Every Web Developer is a Win8 developer
Every Web Developer is a Win8 developerEvery Web Developer is a Win8 developer
Every Web Developer is a Win8 developerKevin DeRudder
 
Media queries
Media queriesMedia queries
Media queriesKevin DeRudder
 

Recommended

An Introduction to MapBox
An Introduction to MapBoxAn Introduction to MapBox
An Introduction to MapBoxMatt Yeh
 
Before during after reading strategies
Before during after reading strategiesBefore during after reading strategies
Before during after reading strategiesplanetoida1985
 
Symantec User Experience Group - Tools - Sketch
Symantec User Experience Group - Tools - SketchSymantec User Experience Group - Tools - Sketch
Symantec User Experience Group - Tools - SketchJohn Flynn
 
Bentley Reality Models in Urban Planning with CityPlanner
Bentley Reality Models in Urban Planning with CityPlannerBentley Reality Models in Urban Planning with CityPlanner
Bentley Reality Models in Urban Planning with CityPlannerHåkan Engman
 
Mobile web-design-trends-for-2011
Mobile web-design-trends-for-2011Mobile web-design-trends-for-2011
Mobile web-design-trends-for-2011Ni Dong
 
Graphics in mobile terminals
Graphics in mobile terminalsGraphics in mobile terminals
Graphics in mobile terminalsTomi Aarnio
 
Every Web Developer is a Win8 developer
Every Web Developer is a Win8 developerEvery Web Developer is a Win8 developer
Every Web Developer is a Win8 developerKevin DeRudder
 
Media queries
Media queriesMedia queries
Media queriesKevin DeRudder
 
Computer class Software/Hardware Presentation
Computer class Software/Hardware PresentationComputer class Software/Hardware Presentation
Computer class Software/Hardware Presentationtreynolds5
 
Introduction about wireframing and responsive webdesign
Introduction about wireframing and responsive webdesignIntroduction about wireframing and responsive webdesign
Introduction about wireframing and responsive webdesignipmindthegap
 
3D Visualization in ArcGIS Pro
3D Visualization in ArcGIS Pro3D Visualization in ArcGIS Pro
3D Visualization in ArcGIS Prothangqd
 
Design for Engineers
Design for EngineersDesign for Engineers
Design for EngineersTagged Social
 
Retro Responsive: From Fixed-Width to Flexible in 55 Minutes
Retro Responsive: From Fixed-Width to Flexible in 55 MinutesRetro Responsive: From Fixed-Width to Flexible in 55 Minutes
Retro Responsive: From Fixed-Width to Flexible in 55 MinutesRachel Chartoff
 
Stocktwits & Responsive Web Design, social network meets flexible framework
Stocktwits & Responsive Web Design, social network meets flexible frameworkStocktwits & Responsive Web Design, social network meets flexible framework
Stocktwits & Responsive Web Design, social network meets flexible frameworkJohn Strott
 
3D Technologies RD Manchester 2010
3D Technologies RD Manchester 20103D Technologies RD Manchester 2010
3D Technologies RD Manchester 20103D Technologies R&D
 
Fireworks
FireworksFireworks
FireworksSofos PAK
 
Visualizing a New Christchurch
Visualizing a New ChristchurchVisualizing a New Christchurch
Visualizing a New ChristchurchMark Billinghurst
 
The state of front end architecture_in_2015
The state of front end architecture_in_2015The state of front end architecture_in_2015
The state of front end architecture_in_2015Aidan Foster
 
PPA Conference presentation
PPA Conference presentationPPA Conference presentation
PPA Conference presentationMichael Kowalski
 
Software Tools of Experience Design
Software Tools of Experience DesignSoftware Tools of Experience Design
Software Tools of Experience DesignDana Giuliana
 
Tools of the Trade
Tools of the TradeTools of the Trade
Tools of the TradeWilliam Millar
 
Crafting Experience
Crafting ExperienceCrafting Experience
Crafting ExperienceReza Budi Prabowo
 
Using Responsive Web Design To Make Your Web Work Everywhere
Using Responsive Web Design To Make Your Web Work Everywhere Using Responsive Web Design To Make Your Web Work Everywhere
Using Responsive Web Design To Make Your Web Work Everywhere Chris Love
 
3d internet
3d internet3d internet
3d internetVikas Sarwara
 
Developing for Responsive Design - Frederic Welterlin
Developing for Responsive Design - Frederic WelterlinDeveloping for Responsive Design - Frederic Welterlin
Developing for Responsive Design - Frederic WelterlinRazorfish
 
Responsive Design & CSS Frameworks
Responsive Design & CSS FrameworksResponsive Design & CSS Frameworks
Responsive Design & CSS FrameworksG C
 
Techcamp aavn-chanh pham
Techcamp aavn-chanh phamTechcamp aavn-chanh pham
Techcamp aavn-chanh phamTony Pham
 
Responsive Web Design - Web & PHP Conference - 2013-09-18
Responsive Web Design - Web & PHP Conference - 2013-09-18Responsive Web Design - Web & PHP Conference - 2013-09-18
Responsive Web Design - Web & PHP Conference - 2013-09-18Frédéric Harper
 
Architecture case study India Habitat Centre, Delhi.pdf
Architecture case study India Habitat Centre, Delhi.pdfArchitecture case study India Habitat Centre, Delhi.pdf
Architecture case study India Habitat Centre, Delhi.pdfSumit Lathwal
 
Call Girls in Pratap Nagar, 9953056974 Escort Service
Call Girls in Pratap Nagar, 9953056974 Escort ServiceCall Girls in Pratap Nagar, 9953056974 Escort Service
Call Girls in Pratap Nagar, 9953056974 Escort Service9953056974 Low Rate Call Girls In Saket, Delhi NCR
 

More Related Content

Similar to Designing responsively

Computer class Software/Hardware Presentation
Computer class Software/Hardware PresentationComputer class Software/Hardware Presentation
Computer class Software/Hardware Presentationtreynolds5
 
Introduction about wireframing and responsive webdesign
Introduction about wireframing and responsive webdesignIntroduction about wireframing and responsive webdesign
Introduction about wireframing and responsive webdesignipmindthegap
 
3D Visualization in ArcGIS Pro
3D Visualization in ArcGIS Pro3D Visualization in ArcGIS Pro
3D Visualization in ArcGIS Prothangqd
 
Design for Engineers
Design for EngineersDesign for Engineers
Design for EngineersTagged Social
 
Retro Responsive: From Fixed-Width to Flexible in 55 Minutes
Retro Responsive: From Fixed-Width to Flexible in 55 MinutesRetro Responsive: From Fixed-Width to Flexible in 55 Minutes
Retro Responsive: From Fixed-Width to Flexible in 55 MinutesRachel Chartoff
 
Stocktwits & Responsive Web Design, social network meets flexible framework
Stocktwits & Responsive Web Design, social network meets flexible frameworkStocktwits & Responsive Web Design, social network meets flexible framework
Stocktwits & Responsive Web Design, social network meets flexible frameworkJohn Strott
 
3D Technologies RD Manchester 2010
3D Technologies RD Manchester 20103D Technologies RD Manchester 2010
3D Technologies RD Manchester 20103D Technologies R&D
 
Visualizing a New Christchurch
Visualizing a New ChristchurchVisualizing a New Christchurch
Visualizing a New ChristchurchMark Billinghurst
 
The state of front end architecture_in_2015
The state of front end architecture_in_2015The state of front end architecture_in_2015
The state of front end architecture_in_2015Aidan Foster
 
PPA Conference presentation
PPA Conference presentationPPA Conference presentation
PPA Conference presentationMichael Kowalski
 
Software Tools of Experience Design
Software Tools of Experience DesignSoftware Tools of Experience Design
Software Tools of Experience DesignDana Giuliana
 
Using Responsive Web Design To Make Your Web Work Everywhere
Using Responsive Web Design To Make Your Web Work Everywhere Using Responsive Web Design To Make Your Web Work Everywhere
Using Responsive Web Design To Make Your Web Work Everywhere Chris Love
 
Developing for Responsive Design - Frederic Welterlin
Developing for Responsive Design - Frederic WelterlinDeveloping for Responsive Design - Frederic Welterlin
Developing for Responsive Design - Frederic WelterlinRazorfish
 
Responsive Design & CSS Frameworks
Responsive Design & CSS FrameworksResponsive Design & CSS Frameworks
Responsive Design & CSS FrameworksG C
 
Techcamp aavn-chanh pham
Techcamp aavn-chanh phamTechcamp aavn-chanh pham
Techcamp aavn-chanh phamTony Pham
 
Responsive Web Design - Web & PHP Conference - 2013-09-18
Responsive Web Design - Web & PHP Conference - 2013-09-18Responsive Web Design - Web & PHP Conference - 2013-09-18
Responsive Web Design - Web & PHP Conference - 2013-09-18Frédéric Harper
 

Similar to Designing responsively (20)

Computer class Software/Hardware Presentation
Computer class Software/Hardware PresentationComputer class Software/Hardware Presentation
Computer class Software/Hardware Presentation
 
Introduction about wireframing and responsive webdesign
Introduction about wireframing and responsive webdesignIntroduction about wireframing and responsive webdesign
Introduction about wireframing and responsive webdesign
 
3D Visualization in ArcGIS Pro
3D Visualization in ArcGIS Pro3D Visualization in ArcGIS Pro
3D Visualization in ArcGIS Pro
 
Design for Engineers
Design for EngineersDesign for Engineers
Design for Engineers
 
Retro Responsive: From Fixed-Width to Flexible in 55 Minutes
Retro Responsive: From Fixed-Width to Flexible in 55 MinutesRetro Responsive: From Fixed-Width to Flexible in 55 Minutes
Retro Responsive: From Fixed-Width to Flexible in 55 Minutes
 
Stocktwits & Responsive Web Design, social network meets flexible framework
Stocktwits & Responsive Web Design, social network meets flexible frameworkStocktwits & Responsive Web Design, social network meets flexible framework
Stocktwits & Responsive Web Design, social network meets flexible framework
 
3D Technologies RD Manchester 2010
3D Technologies RD Manchester 20103D Technologies RD Manchester 2010
3D Technologies RD Manchester 2010
 
Fireworks
FireworksFireworks
Fireworks
 
Visualizing a New Christchurch
Visualizing a New ChristchurchVisualizing a New Christchurch
Visualizing a New Christchurch
 
The state of front end architecture_in_2015
The state of front end architecture_in_2015The state of front end architecture_in_2015
The state of front end architecture_in_2015
 
PPA Conference presentation
PPA Conference presentationPPA Conference presentation
PPA Conference presentation
 
Software Tools of Experience Design
Software Tools of Experience DesignSoftware Tools of Experience Design
Software Tools of Experience Design
 
Tools of the Trade
Tools of the TradeTools of the Trade
Tools of the Trade
 
Crafting Experience
Crafting ExperienceCrafting Experience
Crafting Experience
 
Using Responsive Web Design To Make Your Web Work Everywhere
Using Responsive Web Design To Make Your Web Work Everywhere Using Responsive Web Design To Make Your Web Work Everywhere
Using Responsive Web Design To Make Your Web Work Everywhere
 
3d internet
3d internet3d internet
3d internet
 
Developing for Responsive Design - Frederic Welterlin
Developing for Responsive Design - Frederic WelterlinDeveloping for Responsive Design - Frederic Welterlin
Developing for Responsive Design - Frederic Welterlin
 
Responsive Design & CSS Frameworks
Responsive Design & CSS FrameworksResponsive Design & CSS Frameworks
Responsive Design & CSS Frameworks
 
Techcamp aavn-chanh pham
Techcamp aavn-chanh phamTechcamp aavn-chanh pham
Techcamp aavn-chanh pham
 
Responsive Web Design - Web & PHP Conference - 2013-09-18
Responsive Web Design - Web & PHP Conference - 2013-09-18Responsive Web Design - Web & PHP Conference - 2013-09-18
Responsive Web Design - Web & PHP Conference - 2013-09-18
 

Recently uploaded

Architecture case study India Habitat Centre, Delhi.pdf
Architecture case study India Habitat Centre, Delhi.pdfArchitecture case study India Habitat Centre, Delhi.pdf
Architecture case study India Habitat Centre, Delhi.pdfSumit Lathwal
 
办理学位证(NUS证书)新加坡国立大学毕业证成绩单原版一比一
办理学位证(NUS证书)新加坡国立大学毕业证成绩单原版一比一办理学位证(NUS证书)新加坡国立大学毕业证成绩单原版一比一
办理学位证(NUS证书)新加坡国立大学毕业证成绩单原版一比一Fi L
 
Call Us ✡️97111⇛47426⇛Call In girls Vasant Vihar༒(Delhi)
Call Us ✡️97111⇛47426⇛Call In girls Vasant Vihar༒(Delhi)Call Us ✡️97111⇛47426⇛Call In girls Vasant Vihar༒(Delhi)
Call Us ✡️97111⇛47426⇛Call In girls Vasant Vihar༒(Delhi)jennyeacort
 
Dubai Calls Girl Tapes O525547819 Real Tapes Escort Services Dubai
Dubai Calls Girl Tapes O525547819 Real Tapes Escort Services DubaiDubai Calls Girl Tapes O525547819 Real Tapes Escort Services Dubai
Dubai Calls Girl Tapes O525547819 Real Tapes Escort Services Dubaikojalkojal131
 
Call Girls Meghani Nagar 7397865700 Independent Call Girls
Call Girls Meghani Nagar 7397865700 Independent Call GirlsCall Girls Meghani Nagar 7397865700 Independent Call Girls
Call Girls Meghani Nagar 7397865700 Independent Call Girlsssuser7cb4ff
 
Abu Dhabi Call Girls O58993O4O2 Call Girls in Abu Dhabi`
Abu Dhabi Call Girls O58993O4O2 Call Girls in Abu Dhabi`Abu Dhabi Call Girls O58993O4O2 Call Girls in Abu Dhabi`
Abu Dhabi Call Girls O58993O4O2 Call Girls in Abu Dhabi`dajasot375
 
西北大学毕业证学位证成绩单-怎么样办伪造
西北大学毕业证学位证成绩单-怎么样办伪造西北大学毕业证学位证成绩单-怎么样办伪造
西北大学毕业证学位证成绩单-怎么样办伪造kbdhl05e
 
Call Girls Aslali 7397865700 Ridhima Hire Me Full Night
Call Girls Aslali 7397865700 Ridhima Hire Me Full NightCall Girls Aslali 7397865700 Ridhima Hire Me Full Night
Call Girls Aslali 7397865700 Ridhima Hire Me Full Nightssuser7cb4ff
 
MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...
MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...
MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...katerynaivanenko1
 
原版1:1定制堪培拉大学毕业证（UC毕业证）#文凭成绩单#真实留信学历认证永久存档
原版1:1定制堪培拉大学毕业证（UC毕业证）#文凭成绩单#真实留信学历认证永久存档原版1:1定制堪培拉大学毕业证（UC毕业证）#文凭成绩单#真实留信学历认证永久存档
原版1:1定制堪培拉大学毕业证（UC毕业证）#文凭成绩单#真实留信学历认证永久存档208367051
 
Call Girls Satellite 7397865700 Ridhima Hire Me Full Night
Call Girls Satellite 7397865700 Ridhima Hire Me Full NightCall Girls Satellite 7397865700 Ridhima Hire Me Full Night
Call Girls Satellite 7397865700 Ridhima Hire Me Full Nightssuser7cb4ff
 
PORTAFOLIO 2024_ ANASTASIYA KUDINOVA
PORTAFOLIO 2024_ ANASTASIYA KUDINOVAPORTAFOLIO 2024_ ANASTASIYA KUDINOVA
PORTAFOLIO 2024_ ANASTASIYA KUDINOVAAnastasiya Kudinova
 
Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Rndexperts
 
毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree 毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree ttt fff
 
Mookuthi is an artisanal nose ornament brand based in Madras.
Mookuthi is an artisanal nose ornament brand based in Madras.Mookuthi is an artisanal nose ornament brand based in Madras.
Mookuthi is an artisanal nose ornament brand based in Madras.Mookuthi
 
Cosumer Willingness to Pay for Sustainable Bricks
Cosumer Willingness to Pay for Sustainable BricksCosumer Willingness to Pay for Sustainable Bricks
Cosumer Willingness to Pay for Sustainable Bricksabhishekparmar618
 
Untitled presedddddddddddddddddntation (1).pptx
Untitled presedddddddddddddddddntation (1).pptxUntitled presedddddddddddddddddntation (1).pptx
Untitled presedddddddddddddddddntation (1).pptxmapanig881
 
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证nhjeo1gg
 
Design principles on typography in design
Design principles on typography in designDesign principles on typography in design
Design principles on typography in designnooreen17
 

Recently uploaded (20)

Architecture case study India Habitat Centre, Delhi.pdf
Architecture case study India Habitat Centre, Delhi.pdfArchitecture case study India Habitat Centre, Delhi.pdf
Architecture case study India Habitat Centre, Delhi.pdf
 
Call Girls in Pratap Nagar, 9953056974 Escort Service
Call Girls in Pratap Nagar, 9953056974 Escort ServiceCall Girls in Pratap Nagar, 9953056974 Escort Service
Call Girls in Pratap Nagar, 9953056974 Escort Service
 
办理学位证(NUS证书)新加坡国立大学毕业证成绩单原版一比一
办理学位证(NUS证书)新加坡国立大学毕业证成绩单原版一比一办理学位证(NUS证书)新加坡国立大学毕业证成绩单原版一比一
办理学位证(NUS证书)新加坡国立大学毕业证成绩单原版一比一
 
Call Us ✡️97111⇛47426⇛Call In girls Vasant Vihar༒(Delhi)
Call Us ✡️97111⇛47426⇛Call In girls Vasant Vihar༒(Delhi)Call Us ✡️97111⇛47426⇛Call In girls Vasant Vihar༒(Delhi)
Call Us ✡️97111⇛47426⇛Call In girls Vasant Vihar༒(Delhi)
 
Dubai Calls Girl Tapes O525547819 Real Tapes Escort Services Dubai
Dubai Calls Girl Tapes O525547819 Real Tapes Escort Services DubaiDubai Calls Girl Tapes O525547819 Real Tapes Escort Services Dubai
Dubai Calls Girl Tapes O525547819 Real Tapes Escort Services Dubai
 
Call Girls Meghani Nagar 7397865700 Independent Call Girls
Call Girls Meghani Nagar 7397865700 Independent Call GirlsCall Girls Meghani Nagar 7397865700 Independent Call Girls
Call Girls Meghani Nagar 7397865700 Independent Call Girls
 
Abu Dhabi Call Girls O58993O4O2 Call Girls in Abu Dhabi`
Abu Dhabi Call Girls O58993O4O2 Call Girls in Abu Dhabi`Abu Dhabi Call Girls O58993O4O2 Call Girls in Abu Dhabi`
Abu Dhabi Call Girls O58993O4O2 Call Girls in Abu Dhabi`
 
西北大学毕业证学位证成绩单-怎么样办伪造
西北大学毕业证学位证成绩单-怎么样办伪造西北大学毕业证学位证成绩单-怎么样办伪造
西北大学毕业证学位证成绩单-怎么样办伪造
 
Call Girls Aslali 7397865700 Ridhima Hire Me Full Night
Call Girls Aslali 7397865700 Ridhima Hire Me Full NightCall Girls Aslali 7397865700 Ridhima Hire Me Full Night
Call Girls Aslali 7397865700 Ridhima Hire Me Full Night
 
MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...
MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...
MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...
 
原版1:1定制堪培拉大学毕业证（UC毕业证）#文凭成绩单#真实留信学历认证永久存档
原版1:1定制堪培拉大学毕业证（UC毕业证）#文凭成绩单#真实留信学历认证永久存档原版1:1定制堪培拉大学毕业证（UC毕业证）#文凭成绩单#真实留信学历认证永久存档
原版1:1定制堪培拉大学毕业证（UC毕业证）#文凭成绩单#真实留信学历认证永久存档
 
Call Girls Satellite 7397865700 Ridhima Hire Me Full Night
Call Girls Satellite 7397865700 Ridhima Hire Me Full NightCall Girls Satellite 7397865700 Ridhima Hire Me Full Night
Call Girls Satellite 7397865700 Ridhima Hire Me Full Night
 
PORTAFOLIO 2024_ ANASTASIYA KUDINOVA
PORTAFOLIO 2024_ ANASTASIYA KUDINOVAPORTAFOLIO 2024_ ANASTASIYA KUDINOVA
PORTAFOLIO 2024_ ANASTASIYA KUDINOVA
 
Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025
 
毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree 毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
 
Mookuthi is an artisanal nose ornament brand based in Madras.
Mookuthi is an artisanal nose ornament brand based in Madras.Mookuthi is an artisanal nose ornament brand based in Madras.
Mookuthi is an artisanal nose ornament brand based in Madras.
 
Cosumer Willingness to Pay for Sustainable Bricks
Cosumer Willingness to Pay for Sustainable BricksCosumer Willingness to Pay for Sustainable Bricks
Cosumer Willingness to Pay for Sustainable Bricks
 
Untitled presedddddddddddddddddntation (1).pptx
Untitled presedddddddddddddddddntation (1).pptxUntitled presedddddddddddddddddntation (1).pptx
Untitled presedddddddddddddddddntation (1).pptx
 
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证
 
Design principles on typography in design
Design principles on typography in designDesign principles on typography in design
Design principles on typography in design
 

Designing responsively

Editor's Notes

  1. .
  2. Sizes are not a universal constant.Size depends upon relation (distance) to user.12 pt. font in one place is not 12 pt. font in another place. (phone is held closer to user than tablet, tablet is held closer than PC)
  3. IA is identical to what it is today.Actual content writtenActual images chosenActual font choiceYou still have to do all these things.Responsive won’t cut your time or make things easier.It starts really to play a role at the interaction design, visual design and coding levels.
  4. Responsive design isn’t a magic wand that fixes content issues in one stroke!
  5. What about the user experience?
  6. Requirements is that it needs to work on a mobile device.Sits in specific location.It makes images and content work on a specific device.
  7. Responsive design doesn’t solve information management problems. You still need to optimize by device.
  8. Too see the webinar with additional content visit http://www.akendi.com/insights/events/2013/responsive-design-webinar/