Responsive design has become an expected and necessary element in the website design process. With the large majority of users viewing content on their mobile devices, your website should be easily accessible and tailored to each experience.
This workshop will walk through the process of wireframing and explain how setting goals is an important step to optimizing your content for your audience. We will also lead you through an exercise that helps you understand how each responsive viewpoint can be altered to fit the consumption needs of your users.
Beyond Touchscreens: Designing Great TV AppsEric Elia
Considerations for designing experiences for smart TV devices such as Amazon Fire TV and Roku. Prepared and presented by Cainkade Assoc. Creative Director Michael Swingler.
Cainkade is a product design and development firm that works on a wide variety of multi-screen experiences across phone, tablet and TV plaforms.
This is a case study about designing QuickBooks Online for the iPad. We share our vision and design principles, our process, and how we collaborated across our company.
This was presented at the Penn State Web 2012 Conference.
With the flood of consumers using various media devices, web designers & developers now have to try and create products that will retain the same aesthetic look & feel on multiple platforms. With the screen real-estate ranging from a 27″ desktop monitor, 13″ laptop monitor set at a 800×600 video resolution, tablet devices like the iPad, and a plethora of mobile phones with a wide variety of sizes. However, by taking advantage of some of the new syntax, creatives can create a dynamic website that can alter a pages’ visual layout while still maintaining control of the overall user experience. This presentation will help explain the importance of why it is necessary to plan ahead to build an adaptive website versus just 'getting it done'
10 Benefits of Responsive Website Design That You Need To Know!PeterZamora3
There are several advantages of responsive website design. In this presentation, we will cover most of them and also show you how your website and business can benefit from adopting a responsive website design for your hotel or restaurant.
Beyond Touchscreens: Designing Great TV AppsEric Elia
Considerations for designing experiences for smart TV devices such as Amazon Fire TV and Roku. Prepared and presented by Cainkade Assoc. Creative Director Michael Swingler.
Cainkade is a product design and development firm that works on a wide variety of multi-screen experiences across phone, tablet and TV plaforms.
This is a case study about designing QuickBooks Online for the iPad. We share our vision and design principles, our process, and how we collaborated across our company.
This was presented at the Penn State Web 2012 Conference.
With the flood of consumers using various media devices, web designers & developers now have to try and create products that will retain the same aesthetic look & feel on multiple platforms. With the screen real-estate ranging from a 27″ desktop monitor, 13″ laptop monitor set at a 800×600 video resolution, tablet devices like the iPad, and a plethora of mobile phones with a wide variety of sizes. However, by taking advantage of some of the new syntax, creatives can create a dynamic website that can alter a pages’ visual layout while still maintaining control of the overall user experience. This presentation will help explain the importance of why it is necessary to plan ahead to build an adaptive website versus just 'getting it done'
10 Benefits of Responsive Website Design That You Need To Know!PeterZamora3
There are several advantages of responsive website design. In this presentation, we will cover most of them and also show you how your website and business can benefit from adopting a responsive website design for your hotel or restaurant.
Global Education and Skills Forum 2017 - Educating Global CitizensEduSkills OECD
Andreas Schleicher - Director for the Directorate of Education and Skills, OECD
Each year the Global Education & Skills Forum brings together world leaders from the public, private and social sectors seeking solutions to achieving education, equity and employment for all.
Squeezing Deep Learning Into Mobile PhonesAnirudh Koul
A practical talk by Anirudh Koul aimed at how to run Deep Neural Networks to run on memory and energy constrained devices like smart phones. Highlights some frameworks and best practices.
Modern Prospecting Techniques for Connecting with Prospects (from Sales Hacke...HubSpot
Sales is a difficult world to be in because buyers aren't putting up with salespeople anymore. Instead of helping and building relationships, sales reps are still focused on closing prospects - even when they aren't ready to buy! So buyers ignore them. Because of that, even great sales reps would be lucky to get on the phone with someone.
While buyers have evolved and become more sophisticated, sales reps and training programs have been slow to adapt to that change.
Learn actionable modern prospecting techniques you can apply immediately from two best selling authors and sales experts: Max Altschuler CEO of Sales Hacker, and Mark Roberge CRO of HubSpot.
Class 1: Email Marketing Certification course: Email Marketing and Your BusinessHubSpot
*From HubSpot Academy*
Over the past few decades, people have radically changed the way they live, work and buy. This class will give you an overview of an adaptive, inbound approach to sending emails that provide value and drive growth for your business. It will also teach you about the four big themes of a modern email marketing program: segmentation, personalization, mobile, and optimization.
The lack of visible female role models is pervasive in the tech industry, particularly on Wikipedia, where just under 17% of Wikipedia biographies were on women. That's why HubSpot wrote fourteen Wikipedia entries for remarkable women in tech to help inspire young women to reach positions at the highest levels of STEM.
If you haven’t gone responsive yet then you need to. Responsive website
design has been the buzz word among web designers for a few years now, but
with the rising use of mobile technology by consumers, it is becoming the
buzz word with business owners too.
Responsive web design dynamically reacts to the size, orientation, platform
and device chosen by the user. Each element of the page, from the pictures to
the font, reconfigures to the optimum size for the screen.
At the moment, most websites are focusing on laptop, tablet and mobile
design sizes, with some even calculating in larger desktop computers.
Responsive design isn’t an easy subject to grasp and many people ask us all
the time: What is responsive web design, what is it good for and do we need
it? This whitepaper will cover the benefits of a responsive website and the
basics of a responsive web design, without going too technical.
Global Education and Skills Forum 2017 - Educating Global CitizensEduSkills OECD
Andreas Schleicher - Director for the Directorate of Education and Skills, OECD
Each year the Global Education & Skills Forum brings together world leaders from the public, private and social sectors seeking solutions to achieving education, equity and employment for all.
Squeezing Deep Learning Into Mobile PhonesAnirudh Koul
A practical talk by Anirudh Koul aimed at how to run Deep Neural Networks to run on memory and energy constrained devices like smart phones. Highlights some frameworks and best practices.
Modern Prospecting Techniques for Connecting with Prospects (from Sales Hacke...HubSpot
Sales is a difficult world to be in because buyers aren't putting up with salespeople anymore. Instead of helping and building relationships, sales reps are still focused on closing prospects - even when they aren't ready to buy! So buyers ignore them. Because of that, even great sales reps would be lucky to get on the phone with someone.
While buyers have evolved and become more sophisticated, sales reps and training programs have been slow to adapt to that change.
Learn actionable modern prospecting techniques you can apply immediately from two best selling authors and sales experts: Max Altschuler CEO of Sales Hacker, and Mark Roberge CRO of HubSpot.
Class 1: Email Marketing Certification course: Email Marketing and Your BusinessHubSpot
*From HubSpot Academy*
Over the past few decades, people have radically changed the way they live, work and buy. This class will give you an overview of an adaptive, inbound approach to sending emails that provide value and drive growth for your business. It will also teach you about the four big themes of a modern email marketing program: segmentation, personalization, mobile, and optimization.
The lack of visible female role models is pervasive in the tech industry, particularly on Wikipedia, where just under 17% of Wikipedia biographies were on women. That's why HubSpot wrote fourteen Wikipedia entries for remarkable women in tech to help inspire young women to reach positions at the highest levels of STEM.
If you haven’t gone responsive yet then you need to. Responsive website
design has been the buzz word among web designers for a few years now, but
with the rising use of mobile technology by consumers, it is becoming the
buzz word with business owners too.
Responsive web design dynamically reacts to the size, orientation, platform
and device chosen by the user. Each element of the page, from the pictures to
the font, reconfigures to the optimum size for the screen.
At the moment, most websites are focusing on laptop, tablet and mobile
design sizes, with some even calculating in larger desktop computers.
Responsive design isn’t an easy subject to grasp and many people ask us all
the time: What is responsive web design, what is it good for and do we need
it? This whitepaper will cover the benefits of a responsive website and the
basics of a responsive web design, without going too technical.
A presentation I held at "Betabeers Valencia" on 25th April 2013 at Workether.
(http://betabeers.com/event/betabeers-valencia-840/)
It's about the changing technology landscape and covers paradigms how we can better prepare our websites for the future.
I included much of the material that is listed on the website of the Future Friendly initiative: http://futurefriend.ly
Mobile App Screens UI UX Flowcharts Proposal PowerPoint Presentation SlidesSlideTeam
If your company needs to submit a Mobile App Screens UI UX Flowcharts Proposal PowerPoint Presentation Slides look no further. Our researchers have analyzed thousands of proposals on this topic for effectiveness and conversion. Just download our template, add your company data and submit to your client for a positive response. https://bit.ly/3fC2JvW
Proposal For Designing Mobile Screen Wireframes Powerpoint Presentation SlidesSlideTeam
With the passage of time, technology is transforming rapidly, the old features are being replaced with new and efficient ones for improving the customer’s experience. Developing a mobile application is a multi-step and intricate process that requires professional assistance. Simply having a mind-blowing app idea won’t fetch you optimal results unless you have a proper structure and wireframe to decide where to start. Some companies have in-house IT professionals to help them create a user-friendly app, while others collaborate with IT companies. Therefore, SlideTeam presents our Proposal For Designing Mobile Screen Wireframes PowerPoint Presentation Slides to help you pitch your services mindfully and innovatively. Explain the importance of UI/UX design for creating a mobile app in the well-organized cover letter and successfully elucidate your key deliverables. Various sections of the proposal are displayed in the table of contents slide of this remarkable proposal. Understand the app requirements and details that your client wants to mention. Utilize our topic-specific mobile app template to describe the plan of action like project initiation, design, testing, and development support. Assist your clients in creating static wireframes and developing interactive prototypes to exhibit the functionality of multiple tabs with our visual guide PPT template. Take the assistance of our explicitly-designed smartphone app PPT graphic to highlight the scope of services including, research, UI/UX flow charts, app screen wireframes, initial mockups, and interactive prototypes. Dedicate the deadline to each service using our time frame slide. With the assistance of our schematic blueprint PPT template, depict the additional offerings rendered by your company like logo designing, website designing, game development, and augmented reality. Adopt our visual-guide PowerPoint layout to exhibit the investment and funds the client needs to deposit before beginning the process. Showcase your company overview and clients' testimonials by downloading this expertly-designed PPT presentation. https://bit.ly/3tJcuOz
Need a ten minute overview of responsive web design? In this talk we'll talk about the problem responsive web design (RWD) is trying to solve, what RWD is, the basic implementation aspects of RWD and some of the latest developments and sources of information if you want to learn more about RWD.
Mobile App UI UX Design Improvement Proposal PowerPoint Presentation SlidesSlideTeam
If your company needs to submit a Mobile App UI UX Design Improvement Proposal PowerPoint Presentation Slides look no further. Our researchers have analyzed thousands of proposals on this topic for effectiveness and conversion. Just download our template, add your company data and submit to your client for a positive response. https://bit.ly/34KJOKA
3 Ways to Go Mobile First with Responsive DesignZURB
Mobile web usage is outpacing desktop usage fast! We can no longer responsively design from the desktop down to the smaller device. We have to go Mobile First with responsive design. Learn how Mobile First design will not only make your sites and apps perform better, but it will also improve your design process.
As sophisticated smartphones and faster internet connections gain greater market share, accessing the Web via mobile devices is becoming standard practice. 45% of all consumers use Smartphone for in-store product research and browsing, 72% of tablet owners make purchases from their devices on a weekly basis, 60+% US accessing mobile Internet. Mobile is exploding, and it's no longer the future of search, it is the now of search.
User Interface Design Proposal Powerpoint Presentation SlidesSlideTeam
The competition is increasing every day, and corporations are striving hard to please the customers with the best products and a smooth user experience. That is what user interface design is for. In short, user interface design is all about improving usability and providing a seamless user experience while using an app or website. A website that is easy to navigate helps users understand your products and services better. Assist your customers in gaining a competitive edge by employing our User Interface Design Proposal PowerPoint Presentation Slides and captivate your viewer's attention. Explain the importance of UI/UX design and its benefits with our content-ready Command line interface PowerPoint theme. Provide expert services to your clients with our explicitly-designed cover letter and help them develop an easy-to-navigate mobile app. Label down the sections of your proposal in the table of contents slide. Take the help of our readily available Menu-driven interface PowerPoint theme to outline project goals and objectives distinctively. Analyze user feedback to understand the shortcomings of UI design of the mobile app and then highlight the plan of action accordingly, such as project initiation, design, testing, and development support. With the help of our topic-specific graphical user interface PPT theme, provide a detailed account of the scope of services such as research, UI/UX flow charts, app screen wireframes, initial mockups, and interactive prototype. Showcase the activities completion time by utilizing our innovatively-built time frame slide. Mention the additional services provided by your company for clients' convenience like website designing, logo designing, game development, and augmented reality. Showcase your financial chart to discuss the cost finalized for each activity. Convince your clients and put a better impression on them by sharing your reviews and testimonials. Help your customers know your company better by sharing your company’s history and introducing your team members. https://bit.ly/30Y93aP
Mobile App Screens Designing Proposal PowerPoint Presentation SlidesSlideTeam
If your company needs to submit a Mobile App Screens Designing Proposal PowerPoint Presentation Slides look no further. Our researchers have analyzed thousands of proposals on this topic for effectiveness and conversion. Just download our template, add your company data and submit to your client for a positive response. https://bit.ly/3m8yrU8
The web is supposed to be the great democratiser, but what happens if you don't have a web browser? Anybody should be able to access any web content, service or application using any type of connected device from anywhere at any time, but the current reality is far from this.
In this talk, join Den Odell, Head of Web Development at AKQA, as he envisions a "One Web" future, the ultimate form of Responsive Design where sites truly adapt to their users' devices, needs and context, a future where user interfaces reach beyond the browser to create an optimal experience for everyone, all built with W3C open standards.
Similar to Designing for the Mobile Web Workshop (20)
Between Filth and Fortune- Urban Cattle Foraging Realities by Devi S Nair, An...Mansi Shah
This study examines cattle rearing in urban and rural settings, focusing on milk production and consumption. By exploring a case in Ahmedabad, it highlights the challenges and processes in dairy farming across different environments, emphasising the need for sustainable practices and the essential role of milk in daily consumption.
Can AI do good? at 'offtheCanvas' India HCI preludeAlan Dix
Invited talk at 'offtheCanvas' IndiaHCI prelude, 29th June 2024.
https://www.alandix.com/academic/talks/offtheCanvas-IndiaHCI2024/
The world is being changed fundamentally by AI and we are constantly faced with newspaper headlines about its harmful effects. However, there is also the potential to both ameliorate theses harms and use the new abilities of AI to transform society for the good. Can you make the difference?
7 Alternatives to Bullet Points in PowerPointAlvis Oh
So you tried all the ways to beautify your bullet points on your pitch deck but it just got way uglier. These points are supposed to be memorable and leave a lasting impression on your audience. With these tips, you'll no longer have to spend so much time thinking how you should present your pointers.
White wonder, Work developed by Eva TschoppMansi Shah
White Wonder by Eva Tschopp
A tale about our culture around the use of fertilizers and pesticides visiting small farms around Ahmedabad in Matar and Shilaj.
Expert Accessory Dwelling Unit (ADU) Drafting ServicesResDraft
Whether you’re looking to create a guest house, a rental unit, or a private retreat, our experienced team will design a space that complements your existing home and maximizes your investment. We provide personalized, comprehensive expert accessory dwelling unit (ADU)drafting solutions tailored to your needs, ensuring a seamless process from concept to completion.
Dive into the innovative world of smart garages with our insightful presentation, "Exploring the Future of Smart Garages." This comprehensive guide covers the latest advancements in garage technology, including automated systems, smart security features, energy efficiency solutions, and seamless integration with smart home ecosystems. Learn how these technologies are transforming traditional garages into high-tech, efficient spaces that enhance convenience, safety, and sustainability.
Ideal for homeowners, tech enthusiasts, and industry professionals, this presentation provides valuable insights into the trends, benefits, and future developments in smart garage technology. Stay ahead of the curve with our expert analysis and practical tips on implementing smart garage solutions.
Unleash Your Inner Demon with the "Let's Summon Demons" T-Shirt. Calling all fans of dark humor and edgy fashion! The "Let's Summon Demons" t-shirt is a unique way to express yourself and turn heads.
https://dribbble.com/shots/24253051-Let-s-Summon-Demons-Shirt
Book Formatting: Quality Control Checks for DesignersConfidence Ago
This presentation was made to help designers who work in publishing houses or format books for printing ensure quality.
Quality control is vital to every industry. This is why every department in a company need create a method they use in ensuring quality. This, perhaps, will not only improve the quality of products and bring errors to the barest minimum, but take it to a near perfect finish.
It is beyond a moot point that a good book will somewhat be judged by its cover, but the content of the book remains king. No matter how beautiful the cover, if the quality of writing or presentation is off, that will be a reason for readers not to come back to the book or recommend it.
So, this presentation points designers to some important things that may be missed by an editor that they could eventually discover and call the attention of the editor.
2. WORKSHOP TIMELINE
1:00 - 1:50 PM
Prioritizing Features for
Responsive Websites
1:50 - 2:00 PM
Intermission
2:00 - 2:50 PM
Wireframing for
Responsive Websites
#WCATLDesigning for the Mobile Web
8. RESPONSIVE
DESIGN IS...
when you resize your browser window
and the website does this cool thing
where it changes the layout
#WCATLDesigning for the Mobile Web
Fluid grid, flexible images,
and media queries
9. #WCATLDesigning for the Mobile Web
MOBILE RESPONSIVE WEBSITES
MOBILE
320px, 480px
TABLET
600px, 768px
DESKTOP
900px, 1200px
14. #WCATLDesigning for the Mobile Web
Your Challenge
A client has approached you with an idea for an interactive
recipe website: a platform that allows friends to submit
and share their favorite recipes with each other.
15. #WCATLDesigning for the Mobile Web
Your Challenge
Your team has $100 to spend on design and development
for your client’s recipe website.
With your team, figure out how you want to spend your
money. Which features do you want to support, and on
which devices? Why did you make those choices?
28. Your Challenge
A client has approached you with an idea for an interactive
recipe website: a platform that allows friends to submit
and share their favorite recipes with each other.
#WCATLDesigning for the Mobile Web
29.
30. Using your feature prioritization from Activity 1, create a
design for the homepage of your client’s recipe website.
You have 20 minutes to create this design for browsers on
desktop, tablet, and smartphone.
Block off where you think features will go on ALL the
devices before you start sketching.
Your Challenge
#WCATLDesigning for the Mobile Web