SlideShare a Scribd company logo

Designing the Conversation [Concatenate 2018]

•
Aaron Gustafson, profile picture
Aaron Gustafson

The document discusses various aspects of designing conversations and user interfaces, focusing on effective communication strategies, accessibility, and organization in web design. It includes practical examples of using HTML elements and attributes to improve user experience and engagement. Key topics include emphasizing required fields, providing context, connecting content, and validating inputs both in-browser and on the server side.

Internet
1 of 83
Download to read offline
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
Designing the Conversation Aaron Gustafson
 @AaronGustafson slideshare.net/AaronGustafson
@AaronGustafsonDesigning the Conversation I’m <em>really</em> happy to see you.
@AaronGustafsonDesigning the Conversation IPowerful Phrases
@AaronGustafsonDesigning the Conversation I’m <em>really</em> happy to see you. Emphasis
@AaronGustafsonDesigning the Conversation Please fill out the form below to contact us. <strong>All fields are required.</strong> Strong Importance
@AaronGustafsonDesigning the Conversation I’m really happy to see you. Please fill out the form below to contact us. All fields are required.
@AaronGustafsonDesigning the Conversation It's a terrible movie and it made $200 million. <i>Go figure!</i> She is admired for her energy and <i lang="fr">joie
 de vivre</i>. Alternate Voice or Mood
@AaronGustafsonDesigning the Conversation For 12 years and running, over 100,000 companies have adopted the <b>Basecamp</b> way of working. Not just tried, but signed up, said “ah-ha!”, and never looked back. There’s nothing else like <b>Basecamp</b>. Stylistically Offset
@AaronGustafsonDesigning the Conversation A ramp embedded in staircase of Robson Square in Vancouver, <abbr aria-label="British Columbia">BC</abbr>. Abbreviations & Acronyms
@AaronGustafsonDesigning the Conversation There is <span>nothing particularly interesting</span> in this sentence. Generic Phrasing
@AaronGustafsonDesigning the Conversation IIMindful Links
@AaronGustafsonDesigning the Conversation A ramp embedded in staircase of <a href="https:// en.wikipedia.org/wiki/Robson_Square">Robson Square</a> in Vancouver, <abbr aria-label="British Columbia">BC</abbr>. Connecting Content
@AaronGustafsonDesigning the Conversation <a href="…"><b class="hidden">You can </b>finish reading<b class="hidden"> <cite>The Web Should Just Work for Everyone</ cite> in less than 10 minutes</b></a> Connecting Content
@AaronGustafsonDesigning the Conversation To illustrate the concept of layering styles, perhaps it’s best to start at the beginning: with no style applied.
 <a href="#figure-3-3">Figure 3.3</a> shows the lodging article in Safari with only the default browser styles applied. … <figure id="figure-3-3"> … </figure> Connecting Content
@AaronGustafsonDesigning the Conversation <a href="…" hreflang="es"><b class="hidden">Lea esta página en </b>Español</a> Creating Context
@AaronGustafsonDesigning the Conversation <a href="giant.mp4" type="video/mp4">Download this movie</a> Creating Context
@AaronGustafsonDesigning the Conversation <a href="giant.mp4" type="video/mp4" download>Download this
 movie</a> Triggering Actions
@AaronGustafsonDesigning the Conversation <a href="mailto:aaron@easy-designs.net">Send me an email</a> <a href="tel:18009346489">Call Comcast Customer Service</a> Connecting Tools
@AaronGustafsonDesigning the Conversation IIIEffective Organization
@AaronGustafsonDesigning the Conversation
@AaronGustafsonDesigning the Conversation <h1>This is the title of the page</h1> … <h2>This titles a section</h2> … <h3>This titles a subsection</h3> … etc. Headings
@AaronGustafsonDesigning the Conversation <p>This twist is what <a href="https://en.wikipedia.org/wiki/ John_Harsanyi">John Harsanyi</a>—an early game theorist—refers to as the <a href="https://en.wikipedia.org/wiki/ Veil_of_ignorance">“Veil of Ignorance”</a> and what Rawls found, time and time again, was that individuals participating in the experiment would gravitate toward creating the most egalitarian societies.</p> Moving Focus
@AaronGustafsonDesigning the Conversation <p tabindex="0">Please fill out the form below completely. <strong>All fields are required.</strong></p> Moving Focus
@AaronGustafsonDesigning the Conversation Accessible
 Rich Internet Applications
@AaronGustafsonDesigning the Conversation <div id="nav" role="navigation"> <ul> <li> <a href="/about/"><b class="hidden">A Bit </b>About<b class="hidden"> Me</b></a> </li> … </ul> </div> Navigation Region
@AaronGustafsonDesigning the Conversation ๏banner ๏navigation ๏search ๏main ๏complementary ๏contentinfo ARIA Landmark Roles
@AaronGustafsonDesigning the Conversation
@AaronGustafsonDesigning the Conversation <header class="banner" role="banner" id="top">
 <h1 class="banner_logo"><a href="/" rel="home">
 24 ways <span>to impress your friends</span></a></h1> </header>
@AaronGustafsonDesigning the Conversation <main role="main"> … </main>
@AaronGustafsonDesigning the Conversation <nav class="navigation" role="navigation" id="menu">
 <h1 class="hidden">Browse 24 ways</h1>
 <ul class="nav nav-topics"> <li class="nav_item"><a href="/topics/business/"
 data-icon="&#x2655;">Business</a></li> … </ul>
 … </nav>
@AaronGustafsonDesigning the Conversation <footer class="contentinfo" role="contentinfo"> <p class="contentinfo_copyright"> <small>&#169; 2005-2016 24 ways and our authors.
 <a href="/about/#colophon">Colophon</a></small> </p> <p class="contentinfo_social"> <a href="http://feeds.feedburner.com/24ways"
 rel="alternate">Grab our RSS feed</a> <a href="https://twitter.com/24ways" rel="me">Follow us
 on Twitter</a> <a href="/newsletter">Subscribe to our newsletter</a> </p> </footer>
@AaronGustafsonDesigning the Conversation ๏banner - first header element not inside a sectioning element ๏navigation - nav ๏search ๏main - main ๏complementary - aside ๏contentinfo - first footer element not inside a sectioning element HTML Landmarks
@AaronGustafsonDesigning the Conversation <div> This is simply a generic division of content. </div>
@AaronGustafsonDesigning the Conversation ๏p - a paragraph ๏ol - a list of items whose order matters ๏ul - an list of items whose order doesn’t matter ๏li - an item in a list ๏dl - a list of items and their associated descriptions ๏dt - terms to be described within a dl ๏dd - description data within in a dl ๏figure - referenced content (images, tables, etc.) ๏figcaption - caption for a figure Alterna-divs
@AaronGustafsonDesigning the Conversation ๏article - a piece of content that can stand on its own ๏section - a section of a document or article ๏header - preamble content for a document, article, or section ๏footer - supplementary information for a document, article, or section ๏main - the primary content of a document ๏nav - navigational content ๏aside - complementary content Alterna-divs
@AaronGustafsonDesigning the Conversation IVFriendly Forms
@AaronGustafsonDesigning the Conversation What’s your first name? <input name="first_name">
@AaronGustafsonDesigning the Conversation <label for="first_name">What’s your first name?</label> <input id="first_name" name="first_name">
@AaronGustafsonDesigning the Conversation <label> What’s your first name? <input name="first_name"> </label>
@AaronGustafsonDesigning the Conversation <label for="first_name"> What’s your first name? <input id="first_name" name="first_name"> </label>
@AaronGustafsonDesigning the Conversation <label for="first_name">What’s your first name?</label> <input id="first_name" name="first_name">
@AaronGustafsonDesigning the Conversation Use the right
 field type
@AaronGustafsonDesigning the Conversation <label for="first_name">What’s Your First Name?</label> <input type="text" id="first_name" name="first_name"> Free Response
@AaronGustafsonDesigning the Conversation <label for="email">What’s Your Business Email Address?</label> <input type="email" id="email" name="email"> Free Response: Email Appearance Native Validation Text Field Maybe
@AaronGustafsonDesigning the Conversation Browsers ignore what they don’t understand
@AaronGustafsonDesigning the Conversation Progressive Enhancement
@AaronGustafsonDesigning the Conversation SHAMELESS PLUG! Crafting Rich Experienceswith Progressive Enhancement SECOND EDITION ADAPTIVEWEBDESIGN by Aaron GustafsonForeword by Jeremy Keith Read Free at http://is.gd/awd1st 25 Copies
 free to good homes
@AaronGustafsonDesigning the Conversation <label for="url">What’s Your Website’s URL?</label> <input type="url" id="url" name="url"> Free Response: URL Appearance Native Validation Text Field Maybe
@AaronGustafsonDesigning the Conversation Don’t introduce unnecessary complexity
@AaronGustafsonDesigning the Conversation Phone Number:
@AaronGustafsonDesigning the Conversation <label for="tel">What’s Your Business Phone Number?</label> <input type="tel" id="tel" name="business_phone"> Free Response: Telephone Appearance Native Validation Text Field No
@AaronGustafsonDesigning the Conversation We should
 work harder
 so our users
 don’t have to
@AaronGustafsonDesigning the Conversation Help users
 avoid errors
@AaronGustafsonDesigning the Conversation Enable common information to be auto-filled
@AaronGustafsonDesigning the Conversation <label for="name">What’s Your Name?</label> <input id="name" name="name" required aria-required="true"> Keys for Auto-filling
@AaronGustafsonDesigning the Conversation <label for="passport">What’s Your Passport Number?</label> <input id="passport" name="passport"
 required aria-required="true" autocomplete="off" > Don’t Store All Values
@AaronGustafsonDesigning the Conversation ๏ name ๏ honorific-prefix ๏ given-name ๏ additional-name ๏ family-name ๏ honorific-suffix ๏ nickname ๏ username ๏ new-password ๏ current-password ๏ organization-title ๏ organization ๏ street-address ๏ address-line1 ๏ address-line2 ๏ address-line3 ๏ address-level4 ๏ address-level3 ๏ address-level2 ๏ address-level1 ๏ country ๏ country-name ๏ postal-code ๏ cc-name ๏ cc-given-name ๏ cc-additional-name ๏ cc-family-name ๏ cc-number ๏ cc-exp ๏ cc-exp-month ๏ cc-exp-year ๏ cc-csc ๏ cc-type ๏ transaction-currency ๏ transaction-amount ๏ language ๏ bday ๏ bday-day ๏ bday-month ๏ bday-year ๏ sex ๏ url ๏ photo ๏ tel ๏ tel-country-code ๏ tel-national ๏ tel-area-code ๏ tel-local ๏ tel-local-prefix ๏ tel-local-suffix ๏ tel-extension ๏ email ๏ impp Autofill Tokens
@AaronGustafsonDesigning the Conversation <label for="shipping-mobile">Is there a mobile number we can reach you on regarding delivery?</label> <input type="tel" id="shipping-mobile" name="shipping-mobile"
 autocomplete="shipping mobile tel">
@AaronGustafsonDesigning the Conversation Let users know when a field is required
@AaronGustafsonDesigning the Conversation <p>Fields marked with a * are <strong id="required">required</strong>.</p> … <label for="first_name">What’s Your First Name? <b role="presentation" class="required">*</b> </label> <input id="first_name" name="first_name" required aria-required="true" > Required Fields
@AaronGustafsonDesigning the Conversation <p><strong>All of the fields are required.</strong></p> … <label for="first_name">What’s Your First Name?</label> <input id="first_name" name="first_name" required aria-required="true" > Required Fields
@AaronGustafsonDesigning the Conversation <p><strong>All of the fields are required.</strong></p> … <label for="first_name">What’s Your First Name?</label> <input id="first_name" name="first_name" required aria-required="true" > Required Fields
@AaronGustafsonDesigning the Conversation Provide useful hints as to the type of response you’re expecting
@AaronGustafsonDesigning the Conversation <label for="flight">What flight are you looking for?</label> <input id="flight" name="flight" pattern="DLd{2,}" placeholder="e.g. DL5407" > Suggesting a response
@AaronGustafsonDesigning the Conversation Validate
 in the browser
@AaronGustafsonDesigning the Conversation <label for="first_name">What’s Your First Name?</label> <input id="first_name" name="first_name" required aria-required="true" > Browser Validated
@AaronGustafsonDesigning the Conversation <label for="email">What’s Your Business Email Address?</label> <input type="email" id="email" name="email"> Browser Validated
@AaronGustafsonDesigning the Conversation <label for="flight">What flight are you looking for?</label> <input id="flight" name="flight" pattern="DLd{2,}" placeholder="e.g. DL5407" > Browser Validated
@AaronGustafsonDesigning the Conversation
@AaronGustafsonDesigning the Conversation <label for="email">Your Email Address</label> <input id="email" type="email" name="email" required aria-required="true" aria-invalid="true" aria-describedby="email-error" > <strong id="email-error" class="validation-error-message"> Your email address is required</strong> Inline Errors
@AaronGustafsonDesigning the Conversation <label for="email">Your Email Address</label> <input id="email" type="email" name="email" required aria-required="true" aria-invalid="true" aria-errormessage="email-error" > <strong id="email-error" class="validation-error-message"> Your email address is required</strong> Inline Errors
@AaronGustafsonDesigning the Conversation Validate
 on the server
@AaronGustafsonDesigning the Conversation <input type=“hidden” name=“price” value=“399.99”>
@AaronGustafsonDesigning the Conversation <input type=“hidden” name=“price” value=“1”>
@AaronGustafsonDesigning the Conversation Never trust
 the client
@AaronGustafsonDesigning the Conversation Summarize
 server-side errors
@AaronGustafsonDesigning the Conversation
@AaronGustafsonDesigning the Conversation <div role="alert"> <p>There were errors with your form submission:</p> <ol> <li><a href="#message">Message</a> is a required 
 field</li> <li><a href="#name">Name</a> is a required field</li> <li><a href="#email">Email</a> is a required field</li> </ol> </div>
@AaronGustafsonDesigning the Conversation <div role="alert"> <p>There were errors with your form submission:</p> <ol> <li><a href="#message">Message</a> is a required 
 field</li> <li><a href="#name">Name</a> is a required field</li> <li><a href="#email">Email</a> is a required field</li> </ol> </div>
@AaronGustafsonDesigning the Conversation <div role="alert"> <p>There were errors with your form submission:</p> <ol> <li><a href="#message">Message</a> is a required 
 field</li> <li><a href="#name">Name</a> is a required field</li> <li><a href="#email">Email</a> is a required field</li> </ol> </div>
@AaronGustafsonDesigning the Conversation <div role="alert"> <p>There were errors with your form submission:</p> <ol> <li><a href="#message">Message</a> is a required 
 field</li> <li><a href="#name">Name</a> is a required field</li> <li><a href="#email">Email</a> is a required field</li> </ol> </div>
@AaronGustafsonDesigning the Conversation <label for="email">Your Email Address</label> <input id="email" type="email" name="email" required aria-required="true" aria-invalid="true" aria-describedby="email-error" > <strong id="email-error" class="validation-error-message"> Your email address is required</strong> Inline Errors
Thank you! @AaronGustafson aaron-gustafson.com slideshare.net/AaronGustafson

More Related Content

PDF
Designing the Conversation [Beyond Tellerrand 2019]
Aaron Gustafson
 
PDF
Conversational Semantics for the Web [CascadiaJS 2018]
Aaron Gustafson
 
PDF
Predictive analytics: Mining gold and creating valuable product
Brendan Tierney
 
PDF
SQL: The one language to rule all your data
Brendan Tierney
 
PPT
Svetlin Nakov - Cognate or False Friend? Ask the Web!
Svetlin Nakov
 
PDF
Designing the Conversation [SpeechTek 2016]
Aaron Gustafson
 
PDF
Designing the Conversation [Accessibility DC 2018]
Aaron Gustafson
 
PPTX
Presentation2.pptx epidemiology of dental caries
kavithagowda18
 
Designing the Conversation [Beyond Tellerrand 2019]
Aaron Gustafson
 
Conversational Semantics for the Web [CascadiaJS 2018]
Aaron Gustafson
 
Predictive analytics: Mining gold and creating valuable product
Brendan Tierney
 
SQL: The one language to rule all your data
Brendan Tierney
 
Svetlin Nakov - Cognate or False Friend? Ask the Web!
Svetlin Nakov
 
Designing the Conversation [SpeechTek 2016]
Aaron Gustafson
 
Designing the Conversation [Accessibility DC 2018]
Aaron Gustafson
 
Presentation2.pptx epidemiology of dental caries
kavithagowda18
 

Similar to Designing the Conversation [Concatenate 2018] (9)

PDF
Designing the Conversation [Paris Web 2017]
Aaron Gustafson
 
PPTX
Getting Started with Progressive Web Apps [Beyond Tellerrand 2019]
Aaron Gustafson
 
PDF
Fonts in the Age of the Interface
Clint Schnee
 
PDF
Designing the Conversation [SmashingConf 2016]
Aaron Gustafson
 
PPTX
FILTRATION.pptx
JeromeJavier8
 
PPTX
flota vehicular.pptx
ChristianCalderon50
 
PPTX
2352.pptxPresentasi Kelulusan Sekolah Dasar Bergaya Kreatif Ilustrasi Berwarn...
ansartario10
 
PPT
12 none
SlideShop.com
 
PPTX
presentation on business opportunity in africa.pptx
Ticher Nur
 
Designing the Conversation [Paris Web 2017]
Aaron Gustafson
 
Getting Started with Progressive Web Apps [Beyond Tellerrand 2019]
Aaron Gustafson
 
Fonts in the Age of the Interface
Clint Schnee
 
Designing the Conversation [SmashingConf 2016]
Aaron Gustafson
 
FILTRATION.pptx
JeromeJavier8
 
flota vehicular.pptx
ChristianCalderon50
 
2352.pptxPresentasi Kelulusan Sekolah Dasar Bergaya Kreatif Ilustrasi Berwarn...
ansartario10
 
12 none
SlideShop.com
 
presentation on business opportunity in africa.pptx
Ticher Nur
 
Ad

More from Aaron Gustafson (20)

PDF
Delivering Critical Information and Services [JavaScript & Friends 2021]
Aaron Gustafson
 
PDF
Adapting to Reality [Guest Lecture, March 2021]
Aaron Gustafson
 
PDF
Progressive Web Apps: Where Do I Begin?
Aaron Gustafson
 
PDF
Media in the Age of PWAs [ImageCon 2019]
Aaron Gustafson
 
PDF
Adapting to Reality [Starbucks Lunch & Learn]
Aaron Gustafson
 
PDF
Better Performance === Greater Accessibility [Inclusive Design 24 2018]
Aaron Gustafson
 
PDF
PWA: Where Do I Begin? [Microsoft Ignite 2018]
Aaron Gustafson
 
PDF
Performance as User Experience [AEADC 2018]
Aaron Gustafson
 
PDF
The Web Should Just Work for Everyone
Aaron Gustafson
 
PDF
Performance as User Experience [AEA SEA 2018]
Aaron Gustafson
 
PDF
Performance as User Experience [An Event Apart Denver 2017]
Aaron Gustafson
 
PDF
Advanced Design Methods 1, Day 2
Aaron Gustafson
 
PDF
Advanced Design Methods 1, Day 1
Aaron Gustafson
 
PDF
Exploring Adaptive Interfaces [Generate 2017]
Aaron Gustafson
 
PDF
Progressive Web Apps and the Windows Ecosystem [Build 2017]
Aaron Gustafson
 
PDF
Writing for Engagement [TechReady 22]
Aaron Gustafson
 
PDF
The Features of Highly Effective Forms [SmashingConf NYC 2016]
Aaron Gustafson
 
PDF
Planning Adaptive Interfaces [RWD Summit 2016]
Aaron Gustafson
 
PDF
The Features of Highly Effective Forms [An Event Apart Nashville 2016]
Aaron Gustafson
 
PDF
Planning Adaptive Interfaces [EnhanceConf 2016]
Aaron Gustafson
 
Delivering Critical Information and Services [JavaScript & Friends 2021]
Aaron Gustafson
 
Adapting to Reality [Guest Lecture, March 2021]
Aaron Gustafson
 
Progressive Web Apps: Where Do I Begin?
Aaron Gustafson
 
Media in the Age of PWAs [ImageCon 2019]
Aaron Gustafson
 
Adapting to Reality [Starbucks Lunch & Learn]
Aaron Gustafson
 
Better Performance === Greater Accessibility [Inclusive Design 24 2018]
Aaron Gustafson
 
PWA: Where Do I Begin? [Microsoft Ignite 2018]
Aaron Gustafson
 
Performance as User Experience [AEADC 2018]
Aaron Gustafson
 
The Web Should Just Work for Everyone
Aaron Gustafson
 
Performance as User Experience [AEA SEA 2018]
Aaron Gustafson
 
Performance as User Experience [An Event Apart Denver 2017]
Aaron Gustafson
 
Advanced Design Methods 1, Day 2
Aaron Gustafson
 
Advanced Design Methods 1, Day 1
Aaron Gustafson
 
Exploring Adaptive Interfaces [Generate 2017]
Aaron Gustafson
 
Progressive Web Apps and the Windows Ecosystem [Build 2017]
Aaron Gustafson
 
Writing for Engagement [TechReady 22]
Aaron Gustafson
 
The Features of Highly Effective Forms [SmashingConf NYC 2016]
Aaron Gustafson
 
Planning Adaptive Interfaces [RWD Summit 2016]
Aaron Gustafson
 
The Features of Highly Effective Forms [An Event Apart Nashville 2016]
Aaron Gustafson
 
Planning Adaptive Interfaces [EnhanceConf 2016]
Aaron Gustafson
 
Ad

Recently uploaded (20)

PDF
APNIC Update, presented at PHNOG 2025 by Shane Hermoso
APNIC
 
PDF
UI/UX Developer Guide: Tools, Trends, and Tips for 2025
Penguin peak
 
PPTX
谢尔丹学院毕业证购买|Sheridan文凭不见了怎么办谢尔丹学院成绩单
mookxk3
 
PPTX
dns domain name system history work.pptx
MUHAMMADKAVISHSHABAN
 
PPTX
Google SGE SEO: 5 Critical Changes That Could Wreck Your Rankings in 2025
Reversed Out Creative
 
PDF
PDF document: World Game (s) Great Redesign.pdf
Steven McGee
 
PPTX
B2B_Ecommerce_Internship_Simranpreet.pptx
LipakshiJindal
 
PDF
LOGENVIDAD DANNYFGRETRRTTRRRTRRRRRRRRR.pdf
juan456ytpro
 
PDF
Slides: PDF Eco Economic Epochs for World Game (s) pdf
Steven McGee
 
PPTX
Microsoft PowerPoint Student PPT slides.pptx
Garleys Putin
 
PDF
The Internet of Things (IoT) refers to a vast network of interconnected devic...
chethana8182
 
PPTX
Pengenalan perangkat Jaringan komputer pada teknik jaringan komputer dan tele...
Prayudha3
 
PDF
Cybersecurity Awareness Presentation ppt.
banodhaharshita
 
PPTX
Black Yellow Modern Minimalist Elegant Presentation.pptx
nothisispatrickduhh
 
PPTX
办理方法西班牙假毕业证蒙德拉贡大学成绩单MULetter文凭样本
xxxihn4u
 
PDF
KIPER4D situs Exclusive Game dari server Star Gaming Asia
hokimamad0
 
PPTX
Blue and Dark Blue Modern Technology Presentation.pptx
ap177979
 
PPTX
AI ad its imp i military life read it ag
ShwetaBharti31
 
PPT
1965 INDO PAK WAR which Pak will never forget.ppt
sanjaychief112
 
PPTX
Different Generation Of Computers .pptx
divcoder9507
 
APNIC Update, presented at PHNOG 2025 by Shane Hermoso
APNIC
 
UI/UX Developer Guide: Tools, Trends, and Tips for 2025
Penguin peak
 
谢尔丹学院毕业证购买|Sheridan文凭不见了怎么办谢尔丹学院成绩单
mookxk3
 
dns domain name system history work.pptx
MUHAMMADKAVISHSHABAN
 
Google SGE SEO: 5 Critical Changes That Could Wreck Your Rankings in 2025
Reversed Out Creative
 
PDF document: World Game (s) Great Redesign.pdf
Steven McGee
 
B2B_Ecommerce_Internship_Simranpreet.pptx
LipakshiJindal
 
LOGENVIDAD DANNYFGRETRRTTRRRTRRRRRRRRR.pdf
juan456ytpro
 
Slides: PDF Eco Economic Epochs for World Game (s) pdf
Steven McGee
 
Microsoft PowerPoint Student PPT slides.pptx
Garleys Putin
 
The Internet of Things (IoT) refers to a vast network of interconnected devic...
chethana8182
 
Pengenalan perangkat Jaringan komputer pada teknik jaringan komputer dan tele...
Prayudha3
 
Cybersecurity Awareness Presentation ppt.
banodhaharshita
 
Black Yellow Modern Minimalist Elegant Presentation.pptx
nothisispatrickduhh
 
办理方法西班牙假毕业证蒙德拉贡大学成绩单MULetter文凭样本
xxxihn4u
 
KIPER4D situs Exclusive Game dari server Star Gaming Asia
hokimamad0
 
Blue and Dark Blue Modern Technology Presentation.pptx
ap177979
 
AI ad its imp i military life read it ag
ShwetaBharti31
 
1965 INDO PAK WAR which Pak will never forget.ppt
sanjaychief112
 
Different Generation Of Computers .pptx
divcoder9507
 

Designing the Conversation [Concatenate 2018]