April 25, 2024 9:24 AM
-
andy@notbor.ing
🔊 The Sound of Software
Updates from !Boring including their biggest update to !Weather, speaking at Config 24, a new shirt coming soon, apps recommendation, and the latest !Boring skin, Wireframe.
How to design sound that won't drive you crazy. The Sound of Software How sound design techniques from gaming can elevate software. Sound is a bit of an outcast in Software Design. We embrace the aesthetics of animation and visuals, but sound
April 25, 2024 9:24 AM
-
andy@notbor.ing
🔊 The Sound of Software
Updates from !Boring including their biggest update to !Weather, speaking at Config 24, a new shirt coming soon, apps recommendation, and the latest !Boring skin, Wireframe.
How to design sound that won't drive you crazy. The Sound of Software How sound design techniques from gaming can elevate software. Sound is a bit of an outcast in Software Design. We embrace the aesthetics of animation and visuals, but sound
<html><head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"><meta content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1"><style type="text/css">
<!--
p
{margin:10px 0;
padding:0}
table
{border-collapse:collapse}
h1, h2, h3, h4, h5, h6
{display:block;
margin:0;
padding:0}
img, a img
{border:0;
height:auto;
outline:none;
text-decoration:none}
body, #bodyTable, #bodyCell
{height:100%;
margin:0;
padding:0;
width:100%}
.mcnPreviewText
{display:none!important}
#outlook a
{padding:0}
img
{}
table
{}
.ReadMsgBody
{width:100%}
.ExternalClass
{width:100%}
p, a, li, td, blockquote
{}
p, a, li, td, body, table, blockquote
{}
.ExternalClass, .ExternalClass p, .ExternalClass td, .ExternalClass div, .ExternalClass span, .ExternalClass font
{line-height:100%}
a[x-apple-data-detectors]
{color:inherit!important;
text-decoration:none!important;
font-size:inherit!important;
font-family:inherit!important;
font-weight:inherit!important;
line-height:inherit!important}
#bodyCell
{padding:10px;
border-top:0}
.templateContainer
{max-width:600px!important;
border:0}
a.mcnButton
{display:block}
.mcnImage, .mcnRetinaImage
{vertical-align:bottom}
.mcnTextContent
{word-break:break-word}
.mcnTextContent img
{height:auto!important}
.mcnDividerBlock
{table-layout:fixed!important}
body, #bodyTable
{background-color:#ffffff}
#bodyCell
{border-top:0}
.templateContainer
{border:0}
h1
{color:#202020;
font-family:'Helvetica Neue',Helvetica,Arial,Verdana,sans-serif;
font-size:48px;
font-style:normal;
font-weight:bold;
line-height:100%;
letter-spacing:-1px;
text-align:center}
h2
{color:#202020;
font-family:'Helvetica Neue',Helvetica,Arial,Verdana,sans-serif;
font-size:18px;
font-style:normal;
font-weight:bold;
line-height:150%;
letter-spacing:normal;
text-align:center}
h3
{color:#202020;
font-family:'Helvetica Neue',Helvetica,Arial,Verdana,sans-serif;
font-size:20px;
font-style:normal;
font-weight:bold;
line-height:200%;
letter-spacing:normal;
text-align:left}
h4
{color:#202020;
font-family:'Helvetica Neue',Helvetica,Arial,Verdana,sans-serif;
font-size:18px;
font-style:normal;
font-weight:bold;
line-height:125%;
letter-spacing:normal;
text-align:left}
#templatePreheader
{background-color:#ffffff;
background-image:none;
background-repeat:no-repeat;
background-position:center;
background-size:cover;
border-top:0;
border-bottom:0;
padding-top:9px;
padding-bottom:9px}
#templatePreheader .mcnTextContent, #templatePreheader .mcnTextContent p
{color:#656565;
font-family:'Courier New',Courier,'Lucida Sans Typewriter','Lucida Typewriter',monospace;
font-size:12px;
line-height:150%;
text-align:left}
#templatePreheader .mcnTextContent a, #templatePreheader .mcnTextContent p a
{color:#656565;
font-weight:normal;
text-decoration:underline}
#templateHeader
{background-color:#ffffff;
background-image:none;
background-repeat:no-repeat;
background-position:center;
background-size:cover;
border-top:0;
border-bottom:0;
padding-top:0px;
padding-bottom:20px}
#templateHeader .mcnTextContent, #templateHeader .mcnTextContent p
{color:#202020;
font-family:'Courier New',Courier,'Lucida Sans Typewriter','Lucida Typewriter',monospace;
font-size:12px;
line-height:150%;
text-align:center}
#templateHeader .mcnTextContent a, #templateHeader .mcnTextContent p a
{color:#007C89;
font-weight:normal;
text-decoration:underline}
#templateBody
{background-color:#ffffff;
background-image:none;
background-repeat:no-repeat;
background-position:center;
background-size:cover;
border-top:0;
border-bottom:2px solid #EAEAEA;
padding-top:0px;
padding-bottom:9px}
#templateBody .mcnTextContent, #templateBody .mcnTextContent p
{color:#696969;
font-family:'Helvetica Neue',Helvetica,Arial,Verdana,sans-serif;
font-size:16px;
line-height:200%;
text-align:left}
#templateBody .mcnTextContent a, #templateBody .mcnTextContent p a
{color:#696969;
font-weight:normal;
text-decoration:underline}
#templateFooter
{background-color:#ffffff;
background-image:none;
background-repeat:no-repeat;
background-position:center;
background-size:cover;
border-top:1px none #ff0000;
border-bottom:1px none;
padding-top:64px;
padding-bottom:24px}
#templateFooter .mcnTextContent, #templateFooter .mcnTextContent p
{color:#656565;
font-family:'Courier New',Courier,'Lucida Sans Typewriter','Lucida Typewriter',monospace;
font-size:12px;
line-height:125%;
text-align:center}
#templateFooter .mcnTextContent a, #templateFooter .mcnTextContent p a
{color:#656565;
font-weight:normal;
text-decoration:underline}
@media only screen and (min-width:768px){
.templateContainer
{width:600px!important}
}
@media only screen and (max-width: 480px){
body, table, td, p, a, li, blockquote
{}
}
@media only screen and (max-width: 480px){
body
{width:100%!important;
min-width:100%!important}
}
@media only screen and (max-width: 480px){
.mcnRetinaImage
{max-width:100%!important}
}
@media only screen and (max-width: 480px){
.mcnImage
{width:100%!important}
}
@media only screen and (max-width: 480px){
.mcnCartContainer, .mcnCaptionTopContent, .mcnRecContentContainer, .mcnCaptionBottomContent, .mcnTextContentContainer, .mcnBoxedTextContentContainer, .mcnImageGroupContentContainer, .mcnCaptionLeftTextContentContainer, .mcnCaptionRightTextContentContainer, .mcnCaptionLeftImageContentContainer, .mcnCaptionRightImageContentContainer, .mcnImageCardLeftTextContentContainer, .mcnImageCardRightTextContentContainer, .mcnImageCardLeftImageContentContainer, .mcnImageCardRightImageContentContainer
{max-width:100%!important;
width:100%!important}
}
@media only screen and (max-width: 480px){
.mcnBoxedTextContentContainer
{min-width:100%!important}
}
@media only screen and (max-width: 480px){
.mcnImageGroupContent
{padding:9px!important}
}
@media only screen and (max-width: 480px){
.mcnCaptionLeftContentOuter .mcnTextContent, .mcnCaptionRightContentOuter .mcnTextContent
{padding-top:9px!important}
}
@media only screen and (max-width: 480px){
}
@media only screen and (max-width: 480px){
.mcnImageCardBottomImageContent
{padding-bottom:9px!important}
}
@media only screen and (max-width: 480px){
.mcnImageGroupBlockInner
{padding-top:0!important;
padding-bottom:0!important}
}
@media only screen and (max-width: 480px){
.mcnImageGroupBlockOuter
{padding-top:9px!important;
padding-bottom:9px!important}
}
@media only screen and (max-width: 480px){
.mcnTextContent, .mcnBoxedTextContentColumn
{padding-right:18px!important;
padding-left:18px!important}
}
@media only screen and (max-width: 480px){
.mcnImageCardLeftImageContent, .mcnImageCardRightImageContent
{padding-right:18px!important;
padding-bottom:0!important;
padding-left:18px!important}
}
@media only screen and (max-width: 480px){
.mcpreview-image-uploader
{display:none!important;
width:100%!important}
}
@media only screen and (max-width: 480px){
h1
{font-size:48px!important;
line-height:100%!important}
}
@media only screen and (max-width: 480px){
h2
{font-size:36px!important;
line-height:125%!important}
}
@media only screen and (max-width: 480px){
h3
{font-size:30px!important;
line-height:125%!important}
}
@media only screen and (max-width: 480px){
h4
{font-size:24px!important;
line-height:150%!important}
}
@media only screen and (max-width: 480px){
.mcnBoxedTextContentContainer .mcnTextContent, .mcnBoxedTextContentContainer .mcnTextContent p
{font-size:18px!important;
line-height:150%!important}
}
@media only screen and (max-width: 480px){
#templatePreheader
{display:block!important}
}
@media only screen and (max-width: 480px){
#templatePreheader .mcnTextContent, #templatePreheader .mcnTextContent p
{font-size:18px!important;
line-height:150%!important}
}
@media only screen and (max-width: 480px){
#templateHeader .mcnTextContent, #templateHeader .mcnTextContent p
{font-size:24px!important;
line-height:150%!important}
}
@media only screen and (max-width: 480px){
#templateBody .mcnTextContent, #templateBody .mcnTextContent p
{font-size:24px!important;
line-height:150%!important}
}
@media only screen and (max-width: 480px){
#templateFooter .mcnTextContent, #templateFooter .mcnTextContent p
{font-size:24px!important;
line-height:100%!important}
}
-->
</style></head><body style="height:100%; margin:0; padding:0; width:100%; background-color:#ffffff"><span class="mcnPreviewText" style="display:none; font-size:0px; line-height:0px; max-height:0px; max-width:0px; opacity:0; overflow:hidden; visibility:hidden">How to design sound that won't drive you crazy.</span> <center><table align="center" border="0" cellpadding="0" cellspacing="0" height="100%" width="100%" id="bodyTable" style="border-collapse:collapse; height:100%; margin:0; padding:0; width:100%; background-color:#ffffff"><tbody><tr><td align="center" valign="top" id="bodyCell" style="height:100%; margin:0; padding:10px; width:100%; border-top:0"><table border="0" cellpadding="0" cellspacing="0" width="100%" class="templateContainer" style="border-collapse:collapse; border:0; max-width:600px!important"><tbody><tr><td valign="top" id="templatePreheader" style="background:#ffffff none no-repeat center/cover; background-color:#ffffff; background-image:none; background-repeat:no-repeat; background-position:center; background-size:cover; border-top:0; border-bottom:0; padding-top:9px; padding-bottom:9px"></td></tr><tr><td valign="top" id="templateHeader" style="background:#ffffff none no-repeat center/cover; background-color:#ffffff; background-image:none; background-repeat:no-repeat; background-position:center; background-size:cover; border-top:0; border-bottom:0; padding-top:0px; padding-bottom:20px"></td></tr><tr><td valign="top" id="templateBody" style="background:#ffffff none no-repeat center/cover; background-color:#ffffff; background-image:none; background-repeat:no-repeat; background-position:center; background-size:cover; border-top:0; border-bottom:2px solid #EAEAEA; padding-top:0px; padding-bottom:9px"><table border="0" cellpadding="0" cellspacing="0" width="100%" class="mcnImageBlock" style="min-width:100%; border-collapse:collapse"><tbody class="mcnImageBlockOuter"><tr><td valign="top" class="mcnImageBlockInner" style="padding:0px"><table align="left" width="100%" border="0" cellpadding="0" cellspacing="0" class="mcnImageContentContainer" style="min-width:100%; border-collapse:collapse"><tbody><tr><td class="mcnImageContent" valign="top" style="padding-right:0px; padding-left:0px; padding-top:0; padding-bottom:0; text-align:center"><a href="#" title="" class="" target="_blank" style=""><img align="center" alt="" src="https://mcusercontent.com/79c386ef2006585494187c173/images/dc62c6ff-ef1e-4362-eafb-fe770790294c.png" width="600" class="mcnRetinaImage" style="max-width:1200px; padding-bottom:0px; vertical-align:bottom; display:inline!important; border-radius:0%; border:0; height:auto; outline:none; text-decoration:none"> </a></td></tr></tbody></table></td></tr></tbody></table><table border="0" cellpadding="0" cellspacing="0" width="100%" class="mcnTextBlock" style="min-width:100%; border-collapse:collapse"><tbody class="mcnTextBlockOuter"><tr><td valign="top" class="mcnTextBlockInner" style="padding-top:9px"><table align="left" border="0" cellpadding="0" cellspacing="0" width="100%" class="mcnTextContentContainer" style="max-width:100%; min-width:100%; border-collapse:collapse"><tbody><tr><td valign="top" class="mcnTextContent" style="padding-top:0; padding-right:18px; padding-bottom:9px; padding-left:18px; word-break:break-word; color:#696969; font-family:'Helvetica Neue',Helvetica,Arial,Verdana,sans-serif; font-size:16px; line-height:200%; text-align:left"><h1 class="null" style="text-align:center; display:block; margin:0; padding:0; color:#202020; font-family:'Helvetica Neue',Helvetica,Arial,Verdana,sans-serif; font-size:48px; font-style:normal; font-weight:bold; line-height:100%; letter-spacing:-1px">The Sound of Software</h1> <p style="text-align:center; margin:10px 0; padding:0; color:#696969; font-family:'Helvetica Neue',Helvetica,Arial,Verdana,sans-serif; font-size:16px; line-height:200%"><font size="6">How sound design techniques from gaming can elevate software.</font><br> </p><p style="margin:10px 0; padding:0; color:#696969; font-family:'Helvetica Neue',Helvetica,Arial,Verdana,sans-serif; font-size:16px; line-height:200%; text-align:left">Sound is a bit of an outcast in Software Design. We embrace the aesthetics of animation and visuals, but sound is different. It’s intrusive. Unlike visuals on a screen, you can’t look away or ignore it. It’s enough to make you rip the batteries out of a toy or frisbee an iPad across the room (speaking from experience).</p><p style="margin:10px 0; padding:0; color:#696969; font-family:'Helvetica Neue',Helvetica,Arial,Verdana,sans-serif; font-size:16px; line-height:200%; text-align:left">And yet, play a video game without sound and its powerful punch lands with no force. Without music, once moving moments in a film become dull, even comical. Sound holds an immense power to elevate any experience—including the most boring of software.</p><p style="margin:10px 0; padding:0; color:#696969; font-family:'Helvetica Neue',Helvetica,Arial,Verdana,sans-serif; font-size:16px; line-height:200%; text-align:left">Sound in software isn’t inherently bad. It’s just been really badly designed. Headphones on for this one…</p> <h3 class="null" style="text-align:center; display:block; margin:0; padding:0; color:#202020; font-family:'Helvetica Neue',Helvetica,Arial,Verdana,sans-serif; font-size:20px; font-style:normal; font-weight:bold; line-height:200%; letter-spacing:normal"><a href="#" target="_blank" style="text-decoration:none; color:#696969; font-weight:normal"><span style="background-color:#272727; border-radius:8px; box-shadow:4px 4px #ffb200,8px 8px #26B7FF,12px 12px #FFA3A9; color:#ffffff; padding:16px 32px 16px 32px">Read Essay</span></a></h3><h3 style="display:block; margin:0; padding:0; color:#202020; font-family:'Helvetica Neue',Helvetica,Arial,Verdana,sans-serif; font-size:20px; font-style:normal; font-weight:bold; line-height:200%; letter-spacing:normal; text-align:left"> </h3><h2 style="text-align:center; display:block; margin:0; padding:0; color:#202020; font-family:'Helvetica Neue',Helvetica,Arial,Verdana,sans-serif; font-size:18px; font-style:normal; font-weight:bold; line-height:150%; letter-spacing:normal"> </h2><h3 class="null" style="text-align:center; display:block; margin:0; padding:0; color:#202020; font-family:'Helvetica Neue',Helvetica,Arial,Verdana,sans-serif; font-size:20px; font-style:normal; font-weight:bold; line-height:200%; letter-spacing:normal"><br><span style="font-size:30px">A Few !Boring Updates</span></h3> <h3 class="null" style="text-align:center; display:block; margin:0; padding:0; color:#202020; font-family:'Helvetica Neue',Helvetica,Arial,Verdana,sans-serif; font-size:20px; font-style:normal; font-weight:bold; line-height:200%; letter-spacing:normal">1.</h3><div style="text-align:left">Currently working on our biggest update to !Weather with more interactivity and data. <a href="#" target="_blank" style="color:#696969; font-weight:normal; text-decoration:underline">Join the community</a> to follow work in progress and <a href="#" target="_blank" style="color:#696969; font-weight:normal; text-decoration:underline">join our Beta</a> for a chance to test drive it early.</div><h3 class="null" style="text-align:center; display:block; margin:0; padding:0; color:#202020; font-family:'Helvetica Neue',Helvetica,Arial,Verdana,sans-serif; font-size:20px; font-style:normal; font-weight:bold; line-height:200%; letter-spacing:normal">2.</h3>I don't give talks often, but I'll be speaking at <a href="#" target="_blank" style="color:#696969; font-weight:normal; text-decoration:underline">Config '24</a> in June about how and why we build the way we do. If you come, say hello. <h3 class="null" style="text-align:center; display:block; margin:0; padding:0; color:#202020; font-family:'Helvetica Neue',Helvetica,Arial,Verdana,sans-serif; font-size:20px; font-style:normal; font-weight:bold; line-height:200%; letter-spacing:normal">3.</h3>Our first edition of <a href="#" target="_blank" style="color:#696969; font-weight:normal; text-decoration:underline">Super!Boring Work Shirts</a> sold out in less than a week. If you're someone who wanted one but missed out, we have a new shirt coming soon. Each design is a one-time limited run, so once they're gone, they're gone forever. Super members will get early access (and a discount). <h3 class="null" style="text-align:center; display:block; margin:0; padding:0; color:#202020; font-family:'Helvetica Neue',Helvetica,Arial,Verdana,sans-serif; font-size:20px; font-style:normal; font-weight:bold; line-height:200%; letter-spacing:normal">4.</h3>Apps I'm loving: <a href="#" target="_blank" style="color:#696969; font-weight:normal; text-decoration:underline">My Mind</a> has a new iOS app that makes it easy to save anything and find it later. <a href="#" target="_blank" style="color:#696969; font-weight:normal; text-decoration:underline">Retro</a> is the one new social app that's stuck for me. <a href="#" target="_blank" style="color:#696969; font-weight:normal; text-decoration:underline">Clear</a> relaunched after a 10-year hiatus to regain the crown as the most fun todo app. <h3 class="null" style="text-align:center; display:block; margin:0; padding:0; color:#202020; font-family:'Helvetica Neue',Helvetica,Arial,Verdana,sans-serif; font-size:20px; font-style:normal; font-weight:bold; line-height:200%; letter-spacing:normal">5.</h3>If haven't seen our latest skin, <a href="#" target="_blank" style="color:#696969; font-weight:normal; text-decoration:underline">Wireframe</a>, it's a goddamn treat and my new daily driver for all !Boring apps. </td></tr></tbody></table></td></tr></tbody></table><table border="0" cellpadding="0" cellspacing="0" width="100%" class="mcnTextBlock" style="min-width:100%; border-collapse:collapse"><tbody class="mcnTextBlockOuter"><tr><td valign="top" class="mcnTextBlockInner" style="padding-top:9px"><table align="left" border="0" cellpadding="0" cellspacing="0" width="100%" class="mcnTextContentContainer" style="max-width:100%; min-width:100%; border-collapse:collapse"><tbody><tr><td valign="top" class="mcnTextContent" style="padding:0px 18px 9px; color:#202020; font-family:"Courier New",Courier,"Lucida Sans Typewriter","Lucida Typewriter",monospace; font-size:14px; font-style:normal; font-weight:normal; line-height:150%; text-align:center; word-break:break-word"><div width="300px"><br><br>BEST,</div>ANDY<br> <div width="300px"><a href="#" target="_blank" style="color:#696969; font-weight:normal; text-decoration:underline"><img align="center" data-file-id="2247341" height="64" src="https://mcusercontent.com/79c386ef2006585494187c173/images/01d0e0ad-a585-d369-bd4b-b3b1de27efc4.png" width="128" style="width:128px; height:64px; margin:0px; border:0; outline:none; text-decoration:none"></a></div> <div width="300px"><br>► <a href="#" target="_blank" style="color:#696969; font-weight:normal; text-decoration:underline">FOLLOW ON TWITTER</a> ◀︎<br>► <a href="#" target="_blank" style="color:#696969; font-weight:normal; text-decoration:underline">JOIN US ON DISCORD</a> ◀︎<br><br> </div></td></tr></tbody></table></td></tr></tbody></table><table border="0" cellpadding="0" cellspacing="0" width="100%" class="mcnDividerBlock" style="min-width:100%; border-collapse:collapse; table-layout:fixed!important"><tbody class="mcnDividerBlockOuter"><tr><td class="mcnDividerBlockInner" style="min-width:100%; padding:18px"><table class="mcnDividerContent" border="0" cellpadding="0" cellspacing="0" width="100%" style="min-width:100%; border-top-width:2px; border-top-style:solid; border-top-color:#EAEAEA; border-collapse:collapse"><tbody><tr><td style=""><span></span></td></tr></tbody></table></td></tr></tbody></table><table border="0" cellpadding="0" cellspacing="0" width="100%" class="mcnTextBlock" style="min-width:100%; border-collapse:collapse"><tbody class="mcnTextBlockOuter"><tr><td valign="top" class="mcnTextBlockInner" style="padding-top:9px"><table align="left" border="0" cellpadding="0" cellspacing="0" width="100%" class="mcnTextContentContainer" style="max-width:100%; min-width:100%; border-collapse:collapse"><tbody><tr><td valign="top" class="mcnTextContent" style="padding:0px 18px 9px; color:#646464; font-family:"Courier New",Courier,"Lucida Sans Typewriter","Lucida Typewriter",monospace; font-size:8px; line-height:200%; text-align:center; word-break:break-word"><div style="text-align:center"><span style="font-size:14px"><span style="font-family:courier new,courier,lucida sans typewriter,lucida typewriter,monospace"><a href="#" target="_blank" style="color:#696969; font-weight:normal; text-decoration:underline">OPEN IN BROWSER</a><br>NOT BORING SOFTWARE LTD. / WEST SEATTLE, USA<br>YOU'RE RECEIVING THIS BECAUSE YOU SIGNED UP AT <a href="#" target="_blank" style="color:#696969; font-weight:normal; text-decoration:underline">NOTBORING.SOFTWARE</a><br>NOT A MEMBER? ➔ <a href="#" target="_blank" style="color:#696969; font-weight:normal; text-decoration:underline">SUBSCRIBE</a><br>BORED? ➔ <a href="#" style="color:#696969; font-weight:normal; text-decoration:underline">UNSUBSCRIBE</a></span></span></div></td></tr></tbody></table></td></tr></tbody></table></td></tr><tr><td valign="top" id="templateFooter" style="background:#ffffff none no-repeat center/cover; background-color:#ffffff; background-image:none; background-repeat:no-repeat; background-position:center; background-size:cover; border-top:1px none #ff0000; border-bottom:1px none; padding-top:64px; padding-bottom:24px"></td></tr></tbody></table></td></tr></tbody></table></center><img src="https://works.us17.list-manage.com/track/open.php?u=79c386ef2006585494187c173&id=db7bcc8167&e=772a868297" height="1" width="1" alt=""> </body></html>
Try
More From
!Boring
Similar Emails
Who What Wear
It's going to be the summer of cool-girl elegance—29 pieces destined to sell out
Content Sharing
Other
National Geographic
Our Top 10: Corpse flowers; a supersized shark mystery; Brad Pitt's face problem; why voices change with age
Content Sharing
Books & Publishing
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Save to Board
This is some text inside of a div block.
This is some text inside of a div block.
1 selected
DoneYou have reached your plans limit
To create or access more boards you need to upgrade.