1. Responsive design involves creating web experiences that adapt to different screen sizes and devices while maintaining equivalent usability and content.
2. A responsive design should provide equivalent experiences across devices through feature and content parity and minor differences in discoverability.
3. The mobile-first approach involves first designing for the most constrained canvas (mobile screens) and progressively adapting the design for larger screens while maintaining usability.
The role of "Architect" is sometimes frowned upon in the Agile community as a central command-and-control authority who bottlenecks decisions and limits team empowerment. Or at least, that is what we thought. Follow the real-life journey of our teams as we discovered how the role of an architect is compatible with Agile principles. We will explore our failures, and eventual discovery on how the role brings can bring an immense amount of value to the organization and the teams, especially on large, multi-team projects.
The role of "Architect" is sometimes frowned upon in the Agile community as a central command-and-control authority who bottlenecks decisions and limits team empowerment. Or at least, that is what we thought. Follow the real-life journey of our teams as we discovered how the role of an architect is compatible with Agile principles. We will explore our failures, and eventual discovery on how the role brings can bring an immense amount of value to the organization and the teams, especially on large, multi-team projects.
Ruokaa ja puuta Itämerellä -seminaari Helsingissä 23.1.2017, kommenttipuheenuoro Elintarvikesektori Itämeren alueen maissa -esitykselle. Kilpailukyvyn rakennusaineita, Jari Latvanen, pääjohtaja, HKScan 23.1.2017
Case study coolen expertise philips dictationKlaas Coolen
Case study Coolen Expertise Philips dictation
Coolen Expertise is volledig overgestapt naar het systeem van Philips dictation. Onze schade-experts kunnen nu overal en altijd dicteren via een geavanceerd dicteerapparaat of hun iPhone. Daarnaast is het nu eenvoudig mogelijk om taken en zaken te delegeren naar het secretariaat terwijl de expert onderweg is of thuis werkt.
UX Week 2008 considered what it takes to create great products and services in an uncertain world. With a mix of inspiring talks from recognized thought leaders and hands-on workshops delivering takeaway skills, the event delivered for user experience professionals at all levels — directors, managers, and practitioners.
A lightening speed introduction to the world of digital design. Targeted at people from graphic design, advertising or marketing backgrounds who are looking to make the transition into the digital design world.
Embracing Uncertainty: Learning to Think ResponsivelyChad Currie
Presented to IxDA Austin on March 6, 2013.
Adopting Responsive Web Design practices means shifting the way we work. Get practical suggestions for streamlining your design process in the multi-screen world.
Responsive Design: The "other" way of doing mobile sites.meetmicah
A lot of folks are using jQuery Mobile for mobile websites, but are there better ways? Responsive design has taken the web world by storm the last couple of years, and here we compare the two methods and give examples of how Responsive Design using HTML and CSS shines.
Speed and Simplicity: Design and Usability for Multi-device WebsitesDoug Gapinski
We’ve entered the age of sequential and simultaneous browsing. According to Google, 90% of consumers now use multiple screens to accomplish tasks on the web. Tablets and mobile remain hot topics for sales, use, and design. In an age where most users are accessing sites via multiple devices, top companies are focusing on fast and clean delivery of information.
This webinar focused on how new realities are changing web design, web design process, and usability standards.
Session Outline
• Ubiquitous computing, ubiquitous internet
• Sequential and simultaneous browsing
• The rise of the tablet
• Flat design for a lumpy web
• Speed matters
• Usability strategies
We’ve entered the age of sequential and simultaneous browsing. According to Google, 90% of consumers now use multiple screens to accomplish tasks on the web. Tablets and mobile remain hot topics for sales, use, and design. In an age where most users are accessing sites via multiple devices, top companies are focusing on fast and clean delivery of information.
This webinar focused on how new realities are changing web design, web design process, and usability standards.
Session Outline
• Ubiquitous computing, ubiquitous internet
• Sequential and simultaneous browsing
• The rise of the tablet
• Flat design for a lumpy web
• Speed matters
• Usability strategies
Ruokaa ja puuta Itämerellä -seminaari Helsingissä 23.1.2017, kommenttipuheenuoro Elintarvikesektori Itämeren alueen maissa -esitykselle. Kilpailukyvyn rakennusaineita, Jari Latvanen, pääjohtaja, HKScan 23.1.2017
Case study coolen expertise philips dictationKlaas Coolen
Case study Coolen Expertise Philips dictation
Coolen Expertise is volledig overgestapt naar het systeem van Philips dictation. Onze schade-experts kunnen nu overal en altijd dicteren via een geavanceerd dicteerapparaat of hun iPhone. Daarnaast is het nu eenvoudig mogelijk om taken en zaken te delegeren naar het secretariaat terwijl de expert onderweg is of thuis werkt.
UX Week 2008 considered what it takes to create great products and services in an uncertain world. With a mix of inspiring talks from recognized thought leaders and hands-on workshops delivering takeaway skills, the event delivered for user experience professionals at all levels — directors, managers, and practitioners.
A lightening speed introduction to the world of digital design. Targeted at people from graphic design, advertising or marketing backgrounds who are looking to make the transition into the digital design world.
Embracing Uncertainty: Learning to Think ResponsivelyChad Currie
Presented to IxDA Austin on March 6, 2013.
Adopting Responsive Web Design practices means shifting the way we work. Get practical suggestions for streamlining your design process in the multi-screen world.
Responsive Design: The "other" way of doing mobile sites.meetmicah
A lot of folks are using jQuery Mobile for mobile websites, but are there better ways? Responsive design has taken the web world by storm the last couple of years, and here we compare the two methods and give examples of how Responsive Design using HTML and CSS shines.
Speed and Simplicity: Design and Usability for Multi-device WebsitesDoug Gapinski
We’ve entered the age of sequential and simultaneous browsing. According to Google, 90% of consumers now use multiple screens to accomplish tasks on the web. Tablets and mobile remain hot topics for sales, use, and design. In an age where most users are accessing sites via multiple devices, top companies are focusing on fast and clean delivery of information.
This webinar focused on how new realities are changing web design, web design process, and usability standards.
Session Outline
• Ubiquitous computing, ubiquitous internet
• Sequential and simultaneous browsing
• The rise of the tablet
• Flat design for a lumpy web
• Speed matters
• Usability strategies
We’ve entered the age of sequential and simultaneous browsing. According to Google, 90% of consumers now use multiple screens to accomplish tasks on the web. Tablets and mobile remain hot topics for sales, use, and design. In an age where most users are accessing sites via multiple devices, top companies are focusing on fast and clean delivery of information.
This webinar focused on how new realities are changing web design, web design process, and usability standards.
Session Outline
• Ubiquitous computing, ubiquitous internet
• Sequential and simultaneous browsing
• The rise of the tablet
• Flat design for a lumpy web
• Speed matters
• Usability strategies
Screen and Context: Usability in the Postdesktop WorldmStoner, Inc.
The era of desktop-first methodologies has ended. According to Google, 90% of consumers now use multiple screens to accomplish tasks on the web. People aren't just visiting your site on phones and desktop computers, they are also using game consoles, laptops, tablets, and other devices. As we enter into the renaissance of the postdesktop web, we must be prepared to boldly alter how we prototype, design, and gather feedback from audiences. Two of the most important factors for current web usability are considering the screen (designing and testing for multiple displays) and context.
This presentation is a duplicate of the original posted here: http://www.slideshare.net/thedougco/screen-and-context-usability-in-the-postdesktop-world
Owning the Interaction in Dynamic Environmentsguestf4f7a4b38
Abstract
As the internet gets more interactive with the widespread adoption of broadband, we must continue to own user interactions across this changing landscape. This presentation will highlight the challenges from a UK design agency perspective and demonstrate my commerical, practical method for describing dynamic user interactions.
Using Responsive Web Design To Make Your Web Work EverywhereChris Love
Devices are as unique as their users. Detecting the end user’s platform is a fruitless expenditure that often leads to wrong assumptions. Maintaining multiple web applications for different platforms is not cost effective and stressful. Responsive web design is a way to design your applications for devices of all shapes, sizes and resolutions. This session covers a definition, examples and how to execute a proper mobile first responsive design. We will also cover how to use responsive images to ensure your application performs well.
2. Scope of this session
• Just covering the fundamentals.
• Not focusing heavily on specific Prime details
(for now).
• These are strategies to use so you have a
responsive design in your back pocket.
4. What is ‘responsive design’?
“Rather than creating disconnected designs, each tailored to
a particular device or browser, we should instead treat them
as facets of the same experience.
…In short, we need to practice responsive web design.”
—Ethan Marcotte, Responsive Web Design
5. What does responsive design entail?
• The same features should be usable and beautiful
on any canvas
• Any canvas should provide users with an equivalent
experience
20. Responsive design doesn’t work
that way!
I’m sure those windmills
will keep them cool!
WINDMILLS DO NOT
WORK THAT WAY.
21. Remember the core principle is to treat each canvas as a
“facet of the same experience.”
If the design for a different canvas is a tacked-on
consideration, it’s just a different experience altogether.
(Not that you didn’t already know that.)
23. ‘Mobile first’ is a euphemism for starting the design
process with the most constrained canvas in mind.
After mobile, designing for less constrained canvases is all
downhill.
28. Summary:
1. Design for the most constrained canvas first.
2. Loosen the constraints until you can make just
incremental changes that will improve usability –
that is the next breakpoint.
3. Repeat step 2 until you’re satisfied!
36. • Responsive designs can’t be defined in pixels
since canvases have such various pixel densities
(‘DPI’/’PPI’)
• Measure your designs in terms of columns (if there’s
a grid), the smallest legible font size, or physical
lengths (inches, points, etc).
• MSN devs use ‘rem’: 1rem = 10/96in; 9.6rem = 1in
37. • MSN devs will convert any unit of measure in your
designs to their ‘rem’ during development.
• The MSN devs’ rem is special because it changes
size depending on dpi.
• Multiply .ai, .psd, and web/CSS pixels by 1/10 to
get MSN devs’ rems.
38. • Sometimes dev, pm, or test won’t have access to
Illustrator.
• In these cases, create a visual system of
communication that makes it obvious to an outsider
the relationship between the dimensions and type
styles you use.
• Think ‘red lines’, but precise and unambiguous.
39. Bloomberg
AP Photo, Sergei Grits
Obama Aims to Tackle Pollution,
Climate Change
WORLD
USA Today
ABC News
Deadly Derailment in
Quebec Underlines Oil
Debate
Clashes by Egypt
Army, Protesters Kill
at Least 54
BBC News
Protests Follow
School Meal Deaths
MORE WORLD
The New York Times 15 mins ago
South African President Jacob Zuma
canceled a trip to neighboring
Mozambique on Thursday, intensifying
speculation about a deterioration in the ...
Reuters
Panama Calls in U.N. to Inspect
North Korean Arms Ship
Mandela Still Critical, Zuma
Cancels Mozambique Trip
The Miama Herald 38 mins ago
Corruption Getting
Worse, Says Poll
Reuters
Analysis of iPod-recorded
Audio Track the Struggles of
Endangered Species
The Verge 4 hours ago
Cities of the Happiest Workers
BUSINESS
MarketWatch 2 hours ago
Same-sex Couples: Celebrate,
Then Call A CPA
South Korea's M
Touted as World
The New York Times 15
Christopher Gre
T2
T3
s1
T3
s2
R
T3
s0
T1
T0
T0
G0
G0G1
H
G1S0
G1
H
G1S0
G1
H
G1S0
S0
G1
H
G1
S1
G1
G1
H
G1
G1
H
G1
G1
H
G1
G1
H
G1
G1
H
G1
G1
H
G1
G1
H
G1
G1
H
G1
G1
H
“Blue lines” for Entity Cluster
40. B
Obama Aims to Tackle Pollution,
Climate Change
WORLD
USA Today
Sout
canc
Man
Can
T
Citi
T2
T3
s1
R
T3
s0
T1
T0
G0
G1
H
G1S0
G1
H
G1S0
S1
G1Expose the underlying structure; let dev do the mathAP Photo, Sergei Grits
nge
School Meal D
MORE WORLD
The New York Times
South African President Jacob Zuma
canceled a trip to neighboring
Mozambique on Thursday, intensifying
speculation about a deterioration in the ...
spect
The Miama Herald 38 mins ago
Corruption Ge
Worse, Says Po
Reuters
Analysis of iPod-recorded
Audio Track the Struggles of
Endangered Species
The Verge 4 hours ago MarketWatch 2 hours ago
Same-sex Couples: Celebrate,
Then Call A CPA
T3
s1
T3
s2
R
T3
s0
T0
G1
H
G1
evel 1
G1
H
G1
G1
H: 1px
S0
: 300px
S1
: 2 (S0
+ G1
) + H
G0
: 4 (G1
)
G1
: 20px
G1
H
G1
41. Bloomberg
Grits
Clashes by Egypt
Army, Protesters Kill
at Least 54
BBC News
Protests Follow
School Meal Deaths
MORE WORLD
The New York Times 15 mins ago
South African President Jacob Zuma
canceled a trip to neighboring
Mozambique on Thursday, intensifying
speculation about a deterioration in the ...
Mandela Still Critical, Zuma
Cancels Mozambique Trip
The Miama Herald 38 mins ago
Corruption Getting
Worse, Says Poll
Reuters
Cities of the Happiest Workers
MarketWatch 2 hours ago
Same-sex Couples: Celebrate,
Then Call A CPA
So
To
T2
T3
s1
T3
s2
R
T0
G1
H
G1
G1
H
G1
G1
G1
H
G1
G1
H
G1
G1
H
G1
G1
H
G1
G1
H
Provide a visual guide for type styles
The V
R: Sitka level 1
T0
: Segoe UI all-caps level 1
T1
: Sitka level 5
T2
: Sitka level 3
T3
: Segoe UI level 0
s0
: @colorG, italic
s1
: @colorG
s2
: @color4
H
S
S
G
G