Web Design with Edge Reflow HTML5DevConf

•

2 likes•858 views

This document discusses reflow and responsive web design. It touches on topics like content-first design, abstraction, emerging tools, honest design, and change. The key aspects are designing for the medium by prioritizing content over visuals, using abstraction where helpful, and accepting that change requires effort.

Business Technology

Web Design

with Reflow

Jacob Surber
Sr. Product Manager HTML Design

@jacobsurber

Visual
Print
Web
Information
Motion

Designers

Team dynamic
&

individual responsibilities

If you are not embarrassed by the first version
of your product, you’ve launched too late.
- Reid Hoﬀman

Change requires

more than 5 minutes of eﬀort

Because a tool does not
solve your every need,
doesn’t mean it can’t help

is about communication
• Responsive
• Designing

Intent

to content

What’s the workflow?

http://blog.terrenceryan.com/reflow-cleaner/

html.adobe.com/edge/reflow
!
!

@Reflow
Jacob Surber
Sr. Product Manager HTML Design

@jacobsurber

Lean Product Development is predicated on validating assumptions that we make about the product we want to build in lightweight ways; user research, contextual studies, paper prototypes, simple clickable prototypes. A few short weeks of these activities can massively reduce the risk of building the wrong thing, and in a world where developing the wrong software can cost millions or sink a company, the investment can be well-worth the time. So how do you structure a project so that Product and Design have an opportunity to answer necessary questions, while making sure you're not wasting developer resources or boring the crud out of your team? This joint presentation by Pivotal Labs Product Manager Rosemary King, and UX Designer Simon Phillips will explore why up front investment in Discovery and Framing set up a project on solid foundation, how to involve development teams in the exploration and synthesis process, and how to set a cadence for your UX design work so that a comfortable buffer exists to allow for continual evolution of the product based on user feedback and changing understanding. Baked into the presentation will be case studies, challenges and lessons learned on recent lean/agile projects.

A quick start guide to ux design

Robert Hsu

Content Measurement and Analytics: Making Positive Change on the Web by Rick ...

Blend Interactive

We all want to create useful, usable content—and we want to deliver that content to the right users. But how do we know what works? And how do we use these insights to inform and adapt our content strategy? What does success look like? Join us as we relate content goals to relevant and meaningful success metrics in order to quantitatively assess the quality of our web content and the efficacy of our content strategy. Say hello to positive change on the web! Join us and learn to: Translate strategic business objectives into measurable content goals Find the right metrics for the right goals (and how to avoid misleading metrics Measure and adapt your content strategy Effectively present analytics data to engage content stakeholders and inform their work on the web Configure Google Analytics to support your measurement plan Rick Allen has worked on the web his entire career to help shape communications and content strategy. Rick is co-founder of Meet Content, an online resource aiming to empower higher education to create and sustain web content that works. As principal of ePublish Media, Inc., a content strategy consultancy in Boston, Mass., Rick partners with organizations big and small to drive and sustain bold goals.

getting agile Finalelliando dias

How to solve communication breakdown in product managers

Product School

#Techmeetupkz Askhat Murzabayev

Berik Dossayev

We all know the importance of product designers and developers working more closely together. One approach to achieving this is ‘dual-track delivery’. But we shouldn’t think of dual-track delivery as separate tracks, because they’re not. About Ant Boobier: Ant Boobier is Practices Lead at BNZ and has been doing Agile for more years than he cares to remember. RAD in the 90s, XP in the 2000s and a magic mix of Lean UX and Agile today. He is a people geek who loves a good experiment.

Mock Interviewing with Salesforce's Product Manager

Product School

Priyanka Kumar, Product Manager at Salesforce, talked about how to prepare for PM interviews, what top companies like Google, Amazon, and Microsoft really look for, and how to tackle the toughest problems. She discussed how the ambiguously-named "PM" (product manager / program manager) role varies across companies, what experience you need, how to make your existing experience translate and what a great PM resume and cover letter look like.

Best Practice For UX Deliverables - Eventhandler, London, 05 March 2014

Anna Dahlström

TAKE THIS WORKSHOP ONLINE & GET 20% OFF WITH CODE 'SLIDESHARE' https://school.uxfika.co/p/best-practice-for-ux-deliverables/?product_id=325265&coupon_code=SLIDESHARE --- Slides from my 'Best practice for UX deliverables' workshop that I ran for Eventhandler in London on the 05th of March 2014. http://www.eventhandler.co.uk/events/uxnightclass-uxdeliverables3 --- Please note that for copyright reasons & client privacy the examples in this presentation are slightly different than from the workshop. The examples included are for reference only in terms of what I talked through in the 'Good examples' section. ----- ABSTRACT Whilst the work we do is not meant to be hanged on a wall for people to admire, nor is meant to be put in a drawer and forgotten about. Just as we make the products and services we design easy to use, the UX of UX is about communicating your thinking in a way that ensures that what you've defined is easy to understand for the reader. It's about adapting the work you do to the project in question and finding the right balance of making people want to look through your work whilst not spending unnecessary time on making it pretty. Who is it for? This workshop is suitable for anyone starting out in UX, or who's worked with it for a while but is looking to improve the way they present their work. What you'll learn In this hands on workshop we'll walk through real life examples of why the UX of UX deliverables matter. We'll cover how who the reader is effects the way we should present our work, both on paper and verbally, and how to ensure that the work you do adds value. Coming out of the workshop you'll have practical examples and hands on experience with: // How to adapt and sell your UX deliverable to the reader (from clients, your team, in house and outsourced developers) // Guiding principles for creating good UX deliverables (both low and high fidelity) // Best practice for presentations, personas, user journeys, flows, sitemaps, wireframes and other documents // Simple, low effort but big impact tools for improving the visual presentation of your UX deliverables

Getting into UX: How to take your first steps to a career in user experience

Phil Barrett

How to Find the Dream Product Management Job by fmr TurboVote PM

Product School

Finding a job is like finding a soulmate and interviewing is like dating. Sometimes- rarely- fun and thrilling, but mostly, it’s a daunting, time consuming, and unpleasant process. But, there is some good news - it's possible to game the traditional interview process with a bit of tactical planning and preparation. In this talk, Magda shared the most frequently asked interview questions, gathered from analyzing 1,000+ Glassdoor interview reviews, and how to answer them.

UX Boot Camp

Gene Crawford

User Experience (UX) is a broad term used by lots of people to describe lots of things. In this presentation, Gene will overview good (and bad) UX with a guided tour through several web case studies. Gene is a designer with almost 2 decades of experience in the development industry. He has overseen the design and architecture of hundreds of websites and applications through his business at Period Three.

Web design rules for PR

Ruder Finn UK Ltd

The Art of Dual Track Development

aboobier

"Ask Me Anything" with Facebook's Product Manager & Product School Instructor

Product School

Ask me Anything, with Product Managers from Twitter, VMWare, and Box

Product School

Ever wondered what it’s like to work as a Product Manager? This was an exclusive Q&A session with Alex Shih, former Twitter Product Manager, May Allen, Product Manager @ Projector and Jeremy Glassenberg, VP of Platform Product @ Pypestream. They discussed what it’s like to work in this dynamic role and what it takes to get your foot in the door. They also gave the inside scoop on the day-to-day work as a PM, the challenges of the job and personal insight from their experience at working at different companies in the valley.

PMs and Engineers

Mike Siegel

A PM and a Developer Walk into a Bar

Atlassian

A PM and a developer walk into a bar... That's a joke all on it's own! Creating a team dynamic where engineering and product management compliment each other can feel like a pipe dream. Confluence's Sherif Mansour (Principal Product Manager) will share and explore the familiar anti-patterns faced when product and engineering collaborate. Come for the practical tips about how to improve your team's most important relationship.

How to go from structureless to structured without losing your vibe

Camille Fournier

Prototyping: How to create a website oro mobile app without programming

Product School

Multipying the power of your agile team with Design

Phil Barrett

How Product Managers and Designers Work Together by XO Group PM

Product School

Designing with Executives (aka "Why Execs Obsess Over Icons")

Uday Gajendar

Interaction design Do's & Dont's

hsivaramakrishnan

Product is Design

Jacob Surber

Responsive toolbox

Jacob Surber

Reflow Adobe MAX 2013

Jacob Surber

What's hot

How to Transition into a Product Role by Facebook PM

Product School

The Art of Dual-track Delivery - Ant Boobier - AgileNZ 2017

AgileNZ Conference

Mock Interviewing with Salesforce's Product Manager

Product School

Best Practice For UX Deliverables - Eventhandler, London, 05 March 2014

Anna Dahlström

Getting into UX: How to take your first steps to a career in user experience

Phil Barrett

How to Find the Dream Product Management Job by fmr TurboVote PM

Product School

UX Boot Camp

Gene Crawford

Web design rules for PR

Ruder Finn UK Ltd

The Art of Dual Track Development

aboobier

"Ask Me Anything" with Facebook's Product Manager & Product School Instructor

Product School

Ask me Anything, with Product Managers from Twitter, VMWare, and Box

Product School

PMs and Engineers

Mike Siegel

A PM and a Developer Walk into a Bar

Atlassian

How to go from structureless to structured without losing your vibe

Camille Fournier

Prototyping: How to create a website oro mobile app without programming

Product School

Multipying the power of your agile team with Design

Phil Barrett

How Product Managers and Designers Work Together by XO Group PM

Product School

Designing with Executives (aka "Why Execs Obsess Over Icons")

Uday Gajendar

Interaction design Do's & Dont's

hsivaramakrishnan

What's hot (19)

How to Transition into a Product Role by Facebook PM

The Art of Dual-track Delivery - Ant Boobier - AgileNZ 2017

Mock Interviewing with Salesforce's Product Manager

Best Practice For UX Deliverables - Eventhandler, London, 05 March 2014

Getting into UX: How to take your first steps to a career in user experience

How to Find the Dream Product Management Job by fmr TurboVote PM

UX Boot Camp

Web design rules for PR

The Art of Dual Track Development

"Ask Me Anything" with Facebook's Product Manager & Product School Instructor

Ask me Anything, with Product Managers from Twitter, VMWare, and Box

PMs and Engineers

A PM and a Developer Walk into a Bar

How to go from structureless to structured without losing your vibe

Prototyping: How to create a website oro mobile app without programming

Multipying the power of your agile team with Design

How Product Managers and Designers Work Together by XO Group PM

Designing with Executives (aka "Why Execs Obsess Over Icons")

Interaction design Do's & Dont's

Viewers also liked

Product is Design

Jacob Surber

Responsive toolbox

Jacob Surber

Reflow Adobe MAX 2013

Jacob Surber

The page is dead - SXSWi 2012

Jacob Surber

Responsive web design is changing the definition of a "page," as it aims to address the growing variety of device form factors and locations where content is consumed. Additionally, as the web evolves, rules and limitations must be better understood in order to create truly unique content. This session will focus on design philosophy and development techniques to create and adapt your content for maximum impact, regardless of where and how it is consumed.

Design ResponsiblyJacob Surber

3 Things Every Sales Team Needs to Be Thinking About in 2017

Drift

How to Become a Thought Leader in Your Niche

Leslie Samuel

Viewers also liked (7)

Product is Design

Responsive toolbox

Reflow Adobe MAX 2013

The page is dead - SXSWi 2012

Design Responsibly

3 Things Every Sales Team Needs to Be Thinking About in 2017

How to Become a Thought Leader in Your Niche

Similar to Web Design with Edge Reflow HTML5DevConf

Web Design Toolbox

Adobe

LinkedIn Search Engine Optimization (SEO)!Nate Bredeweg

Collaborative Product Design

Anh Doan Quoc

LA Uncubed presentation

Nicolle Richard

IT-Art Design Collaboration in serving stakeholder

Cookies BigCinnamon

Between Paper & Code

Molly Wilson

WordCamp Brighton: Web Accessibility, where to start

Rian Rietveld

Jennifer Robbins: ARTIFACT Conference Keynote

JenRobbins

A New Toolbox: Artifact Providence 2013

Kevin Sharon

How To Do Kick-Ass Software Development

Sven Peters

With Kick-Ass Software Development you actually get stuff done. Feedback cycles are short, code quality is awesome and customers get the features they lust after. Less mangers managing, less testers testing and less IT-operators operating. The developers take the power back, making them much happier. Sound like paradise? It is! This session will show you how we do Kick-Ass Software Development at Atlassian. I talk about how we: use pull requests for better code quality; collaborate fast to develop ideas; avoid meetings to get more stuff done; tighten our feedback loops to fail faster; shorten our release cycles; and work together happily on different continents. It's a great way to develop software and we think it can work in your company, too. Watch the video if this talk: http://vimeo.com/70102926

Designing with content-first

Andy Parker

“Why Content Projects Fail” by Deane Barker - Now What? Conference 2017

Blend Interactive

The content management implementation failure rate is higher than it should be, and projects seem to fail for the same cluster of reasons: unrealistic requirements, expectations, human factors, etc. In this session, Deane will discuss the major reasons for project failure learned through almost two decades of implementation experience, and discuss strategies and policies to put in place at each stage of the project to prevent them.

Uxpin web ui_design_for_the_human_eye_2

Lewis Lin 🦊

JAZOON'13 - Sven Peters - How to do Kick-Ass Software Developmentjazoon13

Atomic design, a problem of expectations

Francesco Improta

Blog Design (at BlogConf)

Benjy Stanton

Manifesto

Little Miss Robot

How to Avoid Disasters on Digital Projects

Bank of Ireland

Fast Food Design

davidwieland

What it Really Means to Be Agile

Kent McDonald

Some teams think they can be agile by using a defined process or set of practices as defined by one of the agile approaches. This is just “doing Agile.” Other teams are agile in name only – the team says it’s “doing Agile” but ends up using the same old practices and achieving the same results. Teams adopt agile for a variety of reasons, but it’s not the process or set of practices they select that produces the results they seek. Teams are most successful when they adopt a particular mindset in order to “be agile”. Join Kent McDonald as he describes this mindset through 7 key ideas based on how people and organizations work best. We’ll discuss some specific techniques you can use to adopt the mindset on your project, how the project manager role changes along with the mindset, and how to help your team move from “doing Agile” to actually “being agile”.

Similar to Web Design with Edge Reflow HTML5DevConf (20)

Web Design Toolbox

LinkedIn Search Engine Optimization (SEO)!

Collaborative Product Design

LA Uncubed presentation

IT-Art Design Collaboration in serving stakeholder

Between Paper & Code

WordCamp Brighton: Web Accessibility, where to start

Jennifer Robbins: ARTIFACT Conference Keynote

A New Toolbox: Artifact Providence 2013

How To Do Kick-Ass Software Development

Designing with content-first

“Why Content Projects Fail” by Deane Barker - Now What? Conference 2017

Uxpin web ui_design_for_the_human_eye_2

JAZOON'13 - Sven Peters - How to do Kick-Ass Software Development

Atomic design, a problem of expectations

Blog Design (at BlogConf)

Manifesto

How to Avoid Disasters on Digital Projects

Fast Food Design

What it Really Means to Be Agile

Recently uploaded

Premium MEAN Stack Development Solutions for Modern Businesses

SynapseIndia

ikea_woodgreen_petscharity_dog-alogue_digital.pdf

agatadrynko

Memorandum Of Association Constitution of Company.ppt

seri bangash

www.seribangash.com A Memorandum of Association (MOA) is a legal document that outlines the fundamental principles and objectives upon which a company operates. It serves as the company's charter or constitution and defines the scope of its activities. Here's a detailed note on the MOA: Contents of Memorandum of Association: Name Clause: This clause states the name of the company, which should end with words like "Limited" or "Ltd." for a public limited company and "Private Limited" or "Pvt. Ltd." for a private limited company. https://seribangash.com/article-of-association-is-legal-doc-of-company/ Registered Office Clause: It specifies the location where the company's registered office is situated. This office is where all official communications and notices are sent. Objective Clause: This clause delineates the main objectives for which the company is formed. It's important to define these objectives clearly, as the company cannot undertake activities beyond those mentioned in this clause. www.seribangash.com Liability Clause: It outlines the extent of liability of the company's members. In the case of companies limited by shares, the liability of members is limited to the amount unpaid on their shares. For companies limited by guarantee, members' liability is limited to the amount they undertake to contribute if the company is wound up. https://seribangash.com/promotors-is-person-conceived-formation-company/ Capital Clause: This clause specifies the authorized capital of the company, i.e., the maximum amount of share capital the company is authorized to issue. It also mentions the division of this capital into shares and their respective nominal value. Association Clause: It simply states that the subscribers wish to form a company and agree to become members of it, in accordance with the terms of the MOA. Importance of Memorandum of Association: Legal Requirement: The MOA is a legal requirement for the formation of a company. It must be filed with the Registrar of Companies during the incorporation process. Constitutional Document: It serves as the company's constitutional document, defining its scope, powers, and limitations. Protection of Members: It protects the interests of the company's members by clearly defining the objectives and limiting their liability. External Communication: It provides clarity to external parties, such as investors, creditors, and regulatory authorities, regarding the company's objectives and powers. https://seribangash.com/difference-public-and-private-company-law/ Binding Authority: The company and its members are bound by the provisions of the MOA. Any action taken beyond its scope may be considered ultra vires (beyond the powers) of the company and therefore void. Amendment of MOA: While the MOA lays down the company's fundamental principles, it is not entirely immutable. It can be amended, but only under specific circumstances and in compliance with legal procedures. Amendments typically require shareholder

Kseniya Leshchenko: Shared development support service model as the way to ma...

Lviv Startup Club

Cree_Rey_BrandIdentityKit.PDF_PersonalBd

creerey

Attending a job Interview for B1 and B2 Englsih learners

Erika906060

amptalk_RecruitingDeck_english_2024.06.05

marketing317746

LA HUG - Video Testimonials with Chynna Morgan - June 2024

Lital Barkan

Have you ever heard that user-generated content or video testimonials can take your brand to the next level? We will explore how you can effectively use video testimonials to leverage and boost your sales, content strategy, and increase your CRM data.🤯 We will dig deeper into: 1. How to capture video testimonials that convert from your audience 🎥 2. How to leverage your testimonials to boost your sales 💲 3. How you can capture more CRM data to understand your audience better through video testimonials. 📊

Skye Residences | Extended Stay Residences Near Toronto Airport

marketingjdass

Experience unparalleled EXTENDED STAY and comfort at Skye Residences located just minutes from Toronto Airport. Discover sophisticated accommodations tailored for discerning travelers. Website Link : https://skyeresidences.com/ https://skyeresidences.com/about-us/ https://skyeresidences.com/gallery/ https://skyeresidences.com/rooms/ https://skyeresidences.com/near-by-attractions/ https://skyeresidences.com/commute/ https://skyeresidences.com/contact/ https://skyeresidences.com/queen-suite-with-sofa-bed/ https://skyeresidences.com/queen-suite-with-sofa-bed-and-balcony/ https://skyeresidences.com/queen-suite-with-sofa-bed-accessible/ https://skyeresidences.com/2-bedroom-deluxe-queen-suite-with-sofa-bed/ https://skyeresidences.com/2-bedroom-deluxe-king-queen-suite-with-sofa-bed/ https://skyeresidences.com/2-bedroom-deluxe-queen-suite-with-sofa-bed-accessible/ #Skye Residences Etobicoke, #Skye Residences Near Toronto Airport, #Skye Residences Toronto, #Skye Hotel Toronto, #Skye Hotel Near Toronto Airport, #Hotel Near Toronto Airport, #Near Toronto Airport Accommodation, #Suites Near Toronto Airport, #Etobicoke Suites Near Airport, #Hotel Near Toronto Pearson International Airport, #Toronto Airport Suite Rentals, #Pearson Airport Hotel Suites

RMD24 | Debunking the non-endemic revenue myth Marvin Vacquier Droop | First ...

BBPMedia1

Marvin neemt je in deze presentatie mee in de voordelen van non-endemic advertising op retail media netwerken. Hij brengt ook de uitdagingen in beeld die de markt op dit moment heeft op het gebied van retail media voor niet-leveranciers. Retail media wordt gezien als het nieuwe advertising-medium en ook mediabureaus richten massaal retail media-afdelingen op. Merken die niet in de betreffende winkel liggen staan ook nog niet in de rij om op de retail media netwerken te adverteren. Marvin belicht de uitdagingen die er zijn om echt aansluiting te vinden op die markt van non-endemic advertising.

Cracking the Workplace Discipline Code Main.pptx

Workforce Group

Cultivating and maintaining discipline within teams is a critical differentiator for successful organisations. Forward-thinking leaders and business managers understand the impact that discipline has on organisational success. A disciplined workforce operates with clarity, focus, and a shared understanding of expectations, ultimately driving better results, optimising productivity, and facilitating seamless collaboration. Although discipline is not a one-size-fits-all approach, it can help create a work environment that encourages personal growth and accountability rather than solely relying on punitive measures. In this deck, you will learn the significance of workplace discipline for organisational success. You’ll also learn • Four (4) workplace discipline methods you should consider • The best and most practical approach to implementing workplace discipline. • Three (3) key tips to maintain a disciplined workplace.

ENTREPRENEURSHIP TRAINING.ppt for graduating class (1).ppt

zechu97

Exploring Patterns of Connection with Social Dreaming

Nicola Wreford-Howard

3.0 Project 2_ Developing My Brand Identity Kit.pptx

tanyjahb

The Parable of the Pipeline a book every new businessman or business student ...

awaisafdar

Improving profitability for small business

Ben Wann

In this comprehensive presentation, we will explore strategies and practical tips for enhancing profitability in small businesses. Tailored to meet the unique challenges faced by small enterprises, this session covers various aspects that directly impact the bottom line. Attendees will learn how to optimize operational efficiency, manage expenses, and increase revenue through innovative marketing and customer engagement techniques.

VAT Registration Outlined In UAE: Benefits and Requirements

uae taxgpt

Tata Group Dials Taiwan for Its Chipmaking Ambition in Gujarat’s Dholera

Avirahi City Dholera

The Tata Group, a titan of Indian industry, is making waves with its advanced talks with Taiwanese chipmakers Powerchip Semiconductor Manufacturing Corporation (PSMC) and UMC Group. The goal? Establishing a cutting-edge semiconductor fabrication unit (fab) in Dholera, Gujarat. This isn’t just any project; it’s a potential game changer for India’s chipmaking aspirations and a boon for investors seeking promising residential projects in dholera sir. Visit : https://www.avirahi.com/blog/tata-group-dials-taiwan-for-its-chipmaking-ambition-in-gujarats-dholera/

ikea_woodgreen_petscharity_cat-alogue_digital.pdf

agatadrynko

Introduction to Amazon company 111111111111

zoyaansari11365