-
Notifications
You must be signed in to change notification settings - Fork 0
/
books.html
246 lines (241 loc) · 13.2 KB
/
books.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link
href="https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,wght@0,300;0,400;0,800;1,400&family=Oswald:wght@700&family=Permanent+Marker&display=swap"
rel="stylesheet">
<link rel="stylesheet" href="styles/main.css">
<link rel="stylesheet" href="styles/responsive.css">
<title>Design in Product - Books</title>
</head>
<body>
<div class="main-wrapper">
<!-- Header start -->
<div class="header">
<a href="/" class="header-logo">
<img src="images/dp-logo.svg" alt="Design in
Product consultancy logo, which looks like a hand-sketched wireframe and DP handwritten next to it in the same style.">
</a>
<nav>
<ul class="main-nav__list">
<li class="main-nav__item product">
<a href="product.html">Product</a>
</li>
<li class="main-nav__item UX">
<a href="ux.html">UX</a>
</li>
<li class="main-nav__item books active">
<a href="books.html">Books</a>
</li>
<li class="main-nav__item contact">
<a href="contact.html">Contact</a>
</li>
<li class="main-nav__item about">
<a href="about.html">About</a>
</li>
<li class="main-nav__item join">
<a href="https://designinproduct.typeform.com/to/H4PqHsVE" target="_blank">Join The Community</a>
</li>
</ul>
<div class="main-nav__mobile-wrapper">
<label for="toggle" class="main-nav__mobile-menu-trigger">
<img src="images/mobile-menu.png" alt="open menu">
</label>
<input type="checkbox" id="toggle"
class="main-nav__mobile-menu-checkbox">
<div class="main-nav__mobile-collapse">
<label for="toggle" class="main-nav__mobile-menu-trigger
main-nav__mobile-menu-trigger-close">
<img src="images/mobile-menu-x.png" alt="open menu">
</label>
<ul class="main-nav__mobile-list">
<li class="main-nav__item">
<a href="product.html">Product</a>
</li>
<li class="main-nav__item">
<a href="ux.html">UX</a>
</li>
<li class="main-nav__item active">
<a href="books.html">Books</a>
</li>
<li class="main-nav__item">
<a href="contact.html">Contact</a>
</li>
<li class="main-nav__item">
<a href="about.html">About</a>
</li>
<li class="main-nav__item">
<a href="https://designinproduct.typeform.com/to/H4PqHsVE">Join The Community</a>
</li>
</ul>
</div>
</div>
</nav>
</div>
<!-- Header end -->
<div class="main-content-wrapper">
<h1 class="h1 books__main-heading">Books</h1>
<div class="books__section">
<div class="books__image-wrapper books__image-wrapper--2">
<img src="images/books-book-2.png" alt="An image of the cover of the book, Product Management for UX People, set in front of a set of fun and unique thin, zebra-like brushstrokes that serve as a frame for it.">
</div>
<div class="books__description-wrapper">
<h2 class="h3">Product Management for UX People</h2>
<p class="books__description-text">More and more, designers are
grappling with product management—as
a peer discipline, as the job title of a boss or teammate, and as
a future career destination.</p>
<p class="books__description-text">But there is surprisingly little
help for designers who seek to
understand what it takes to manage products and services.</p>
<p class="books__description-text">In <i>Product Management for UX
People: From Designing to Thriving in a Product World</i>, Christian Crumlish plumbs
the intersections and gaps between design and product management
for both designers who want to work with product managers and
designers who want to become product managers.</p>
<p class="books__description-text">Sign up for the publisher's
mailing list so you can be
notified as soon as <i>Product Management for UX People</i> becomes
available for purchase.</p>
<a href="https://rosenfeldmedia.com/books/product-management-for-ux-people/" class="btn pink-btn books__cta">Sign Me Up</a>
</div>
</div>
<div class="books__section">
<div class="books__image-wrapper books__image-wrapper--1">
<img src="images/books-book-1.png" alt="An image of the cover of the book, Growing Product People, set in front of a set of fun and unique thick brushstrokes that serve as a frame for it.">
</div>
<div class="books__description-wrapper">
<h2 class="h3">Where do great product people come from?</h2>
<p class="books__description-text">Can you hire them? Are they
hiding inside your organization? Can
you grow them from engineers? Designers? Project Managers?</p>
<p class="books__description-text">It turns out that you can.
Product managers, product designers,
product developers can all grow and enhance their capabilities and
capacity to work together productively by deepening their
understanding of the full spectrum of the product mindset. And
when you do that, you start building a product culture, one person
at a time. </p>
<p class="books__description-text">In this book, Christian Crumlish
describes the expertise, skills,
and frameworks that come together in every great product
person—and shows you how you can put these ideas to work inside
your organization.</p>
<p class="books__description-text">Sign up to be on the publishers
mailing list so you can be
notified as soon as <i>Growing Product People</i> becomes available for
purchase.</p>
<a href="https://www.senseandrespondpress.com/growing-product-people" class="btn pink-btn books__cta">Sign Me Up</a>
</div>
</div>
<div class="books__section">
<div class="books__image-wrapper books__image-wrapper--3">
<img src="images/books-book-3.png" alt="An image of the cover of the book, Designing Social Interfaces, set in front of a set of fun and unique thick dotted brushstrokes that serve as a frame for it.">
</div>
<div class="books__description-wrapper">
<h2 class="h3">Designing Social Interfaces</h2>
<p class="books__description-text">Designers, developers, and
entrepreneurs today must grapple with
creating social interfaces to foster user interaction and
community, but grasping the nuances and the building blocks of the
digital social experience is much harder than it appears. Now you
have help.</p>
<p class="books__description-text">In the 2nd edition of this
practical guide, you’ll learn from our
hard-won insights into what works, what doesn’t, and why. With
more than 100 patterns, design principles, and best practices,
you’ll learn how to balance opposing forces and grow healthy
online communities by co-creating your UX with your users.</p>
<p class="books__description-text">Highlights include understand the
overarching principles before
applying tactical design patterns, cultivating healthy
participation in misbehaving users, patterns for adding social
components to an existing site, encouraging users to interact with
eachother, using a rating system to build a social experience
around products or services, exploring numerous examples of each
pattern (with an emphasis on mobile apps) and learning how to
apply social design patterns to enterprise environments.</p>
<a href="https://www.amazon.com/Designing-Social-Interfaces-Principles-Experience/dp/149191985X/ref=sr_1_1?dchild=1&keywords=designing+social+interfaces&qid=1612131126&sr=8-1" class="btn pink-btn books__cta">Buy Now</a>
</div>
</div>
<div class="books__section">
<div class="books__image-wrapper books__image-wrapper--4">
<img src="images/books-book-4.png" alt="An image of the cover of the book, The Power of Many, set in front of a set of fun and unique thick line and round brushstrokes that serve as a frame for it.">
</div>
<div class="books__description-wrapper">
<h2 class="h3">The Power of Many</h2>
<p class="books__description-text">The development of social
networks on the Web touches countless
aspects of our everyday lives. With instant access to people of
similar mindsets, we can readily form partnerships with more
people and in more ways than ever before.</p>
<p class="books__description-text">Through a series of pertinent
case studies and interviews with
leading thinkers and doers in this rapidly evolving field,
Christian Crumlish uncovers universal themes and lessons learned.
He illustrates how we use peer-to-peer technologies--web services,
blogs, mobile phone SMS, and more—to accomplish widespread goals.
He also suggests how we can take even more advantage of these
technologies to connect with people who have similar interests.</p>
<p class="books__description-text">Discover how Howard Dean's
campaign used the Internet to take a
little-known candidate a long way. How activists arrange public
meetings and drive letter-writing campaigns. How individuals find
much-needed help for personal issues. How artists promote and air
their creative genius. How business people and singles seek
potential partners. And much, much more.</p>
<a href="https://www.amazon.com/Power-Many-Transforming-Politics-Business/dp/0782143466/ref=sr_1_1?dchild=1&keywords=the+power+of+many+crumlish&qid=1612131195&sr=8-1" class="btn pink-btn books__cta">Buy Now</a>
</div>
</div>
<!-- Collaboration quote start -->
<div class="collaboration-quote__wrapper">
<p class="collaboration-quote">“A product manager is not the CEO of
the product.”</p>
<span class="collaboration-quote__source">Christian Crumlish,
‘Growing
Product People’</span>
<a href="https://twitter.com/intent/tweet?text=%22A%20product%20manager%20is%20not%20the%20CEO%20of%20the%20product.%22%E2%80%94%C2%A0%40mediajunkie%20www.designinproduct.com&original_referer=https://clicktotweet.com&related=tweetdripapp" class="btn blue-btn collaboration-quote__btn">
<img class="collaboration-quote__btn-icon"
src="images/btn-twitter-icon.svg" alt="twitter icon">
<span>Tweet This</span>
</a>
</div>
<!-- Collaboration quote end -->
</div>
<footer>
<img class="footer-separator" src="images/footer-line-illus.png"
alt="separator">
<img class="footer-logo" src="images/dp-logo.svg" alt="Design in
Product consultancy logo, which looks like a hand-sketched wireframe and DP handwritten next to it in the same style.">
<nav>
<ul class="main-nav__list footer-nav__list">
<li class="main-nav__item product">
<a href="product.html">Product</a>
</li>
<li class="main-nav__item UX">
<a href="ux.html">UX</a>
</li>
<li class="main-nav__item books active">
<a href="books.html">Books</a>
</li>
<li class="main-nav__item contact">
<a href="contact.html">Contact</a>
</li>
<li class="main-nav__item about">
<a href="about.html">About</a>
</li>
<li class="main-nav__item join">
<a href="https://designinproduct.typeform.com/to/H4PqHsVE" target="_blank">Join The Community</a>
</li>
</ul>
</nav>
<span class="footer-copyright">Copyright © 2021 –
<script type="text/javascript">document.write( new Date().getFullYear() );</script>
Design in Product. All rights reserved.
</span>
</footer>
</body>
</html>