API tools faq
paste
Advertisement
Guest User

Charlotte email

a guest
Feb 2nd, 2017
202
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 19.64 KB | None | 0 0
raw download clone embed print report
  1. Original Message
  2.  
  3. Message ID <f4ac0d71bb42e638943be7b138bb3978@swift.generated>
  4. Created at: Thu, Feb 2, 2017 at 2:33 PM (Delivered after 2 seconds)
  5. From: Charlotte White via Bipsync <auto-email@bipsync.com>
  6. To: chalkiechi@googlemail.com
  7. Subject: UX&D Recommendations for Subsciptions (by Dylan Thomas)
  8. SPF: PASS with IP 192.254.115.113 Learn more
  9. DKIM: PASS with domain bipsync.com Learn more
  10.  
  11.  
  12. Download Original Copy to clipboard
  13. Delivered-To: chalkiechi@gmail.com
  14. Received: by 10.28.63.151 with SMTP id m145csp892wma;
  15. Thu, 2 Feb 2017 06:33:29 -0800 (PST)
  16. X-Received: by 10.84.139.36 with SMTP id 33mr12794933plq.61.1486046002153;
  17. Thu, 02 Feb 2017 06:33:22 -0800 (PST)
  18. Return-Path: <bounces+1505396-05c2-chalkiechi=googlemail.com@sg.bipsync.com>
  19. Received: from o1.sg.bipsync.com (o1.sg.bipsync.com. [192.254.115.113])
  20. by mx.google.com with ESMTPS id y190si22428150pfy.194.2017.02.02.06.33.21
  21. for <chalkiechi@gmail.com>
  22. (version=TLS1_2 cipher=ECDHE-RSA-AES128-GCM-SHA256 bits=128/128);
  23. Thu, 02 Feb 2017 06:33:22 -0800 (PST)
  24. Received-SPF: pass (google.com: domain of bounces+1505396-05c2-chalkiechi=googlemail.com@sg.bipsync.com designates 192.254.115.113 as permitted sender) client-ip=192.254.115.113;
  25. Authentication-Results: mx.google.com;
  26. dkim=pass header.i=@bipsync.com;
  27. spf=pass (google.com: domain of bounces+1505396-05c2-chalkiechi=googlemail.com@sg.bipsync.com designates 192.254.115.113 as permitted sender) smtp.mailfrom=bounces+1505396-05c2-chalkiechi=googlemail.com@sg.bipsync.com
  28. DKIM-Signature: v=1; a=rsa-sha1; c=relaxed/relaxed; d=bipsync.com; h=subject:from:reply-to:to:mime-version:content-type:list-unsubscribe; s=s1; bh=pw6tAYYs0DYHSsbBSre60mXsGVY=; b=VaPs8iIbeVS/MRDH3uByrV3 YKb2RVxmL1qBg1Qb4fAqwxXYTWgzbqGMna0cibHT2QgaPe1CkK82giXcW49NewAK bX3rdKoOeXf53rT/41MKerlvOAK6ONy2DAljUzDRN/75+i0tO1np39dBjawIwahS 7gYqC33wbohOgBbtUQhQ=
  29. Received: by filter0529p1mdw1.sendgrid.net with SMTP id filter0529p1mdw1-14545-58934330-39
  30. 2017-02-02 14:33:20.691337078 +0000 UTC
  31. Received: from [127.0.0.1] (localhost [52.203.215.174]) by ismtpd0006p1iad1.sendgrid.net (SG) with ESMTP id sdMwbJJCSVSx3UouFCtmTw for <chalkiechi@googlemail.com>; Thu, 02 Feb 2017 14:33:20.599 +0000 (UTC)
  32. Message-ID: <f4ac0d71bb42e638943be7b138bb3978@swift.generated>
  33. Date: Thu, 02 Feb 2017 14:33:20 +0000
  34. Subject: UX&D Recommendations for Subsciptions (by Dylan Thomas)
  35. From: Charlotte White via Bipsync <auto-email@bipsync.com>
  36. Reply-To: qa+replies-588b1039b1537630018b5087@bipsync.com
  37. To: chalkiechi@googlemail.com
  38. MIME-Version: 1.0
  39. Content-Type: multipart/mixed; boundary="_=_swift_v4_1486046000_67f71244eb8220e01218a84f8e9dda47_=_"
  40. List-Unsubscribe: <>
  41. X-SG-EID: YoVK2L98BFxjKYdZzxkXtkTASUN1vNb0dOhS3YbzNNWKbQqxMJalC4n9o4TrN6KNy/hs1g+BtwQ4Ov eWjzCFFXIrHCOTNB7CpSt8zSQO1jdEqLujc3YcfGGuNzEayC21oLBigfCtDrS8k8aRFnpzJn95oDuo 7moLuBvW9I3RN1jUwICqNUkgTgMC1spmn5yExGknoCESEoQRQVEMdwwAiiGbiTf1/BDCJwngwcV5uQ 5FyEbN183OTWEQHS1amqG9
  42.  
  43. --_=_swift_v4_1486046000_67f71244eb8220e01218a84f8e9dda47_=_
  44. Content-Type: multipart/alternative; boundary="_=_swift_v4_1486046000_13713911044bd55faed7bad2fc45b088_=_"
  45.  
  46. --_=_swift_v4_1486046000_13713911044bd55faed7bad2fc45b088_=_
  47. Content-Type: text/plain; charset=utf-8
  48. Content-Transfer-Encoding: quoted-printable
  49.  
  50. UX&amp;D Recommendations for Subsciptions
  51. ---
  52. Some suggested improvements to polish the experience (after the Weiss launc=
  53. h) The spinners when opening the subscriptions section can be a bit much. C=
  54. an we do something easier on the eye. Maybe have one overall spinner or pro=
  55. gress bar for the first load? If we stick with the spinners, it'd be great =
  56. to have a better designed one that fits with our style. Something animated =
  57. with the bull logo perhaps? The animations on this page are not quite 'slic=
  58. k' enough. The animation on hide should be smoother - currently it fades, p=
  59. auses, then all the columns jump There's also a delay when you click on the=
  60. hide button. Can we prioritise the animation and clean up in the backgroun=
  61. d? There needs to be an undo on the notification when a user unsubscribes. =
  62. When a user hides a column, it'd be good if we could pulse the relevant ite=
  63. m in the LHC Renaming subscriptions There needs to be some elipses when sho=
  64. rtening a long title When the user clicks into the heading, it should look =
  65. like an input field. Unsubscribing to 'custom' subscriptions deletes them r=
  66. ather than unsubscribing them. Do we need to message the user about this? O=
  67. r change &quot;unsubscribe&quot; to &quot;delete&quot;? We need to look at =
  68. this... Shouldnt be able to open multiple conversations. The config box ble=
  69. nds with the selected state. User shouldn't be able to have more than one i=
  70. n a selected state. New comments pushes all subscriptions to the right, so =
  71. if you click on a subscription that's off the page, the subscriptions scrol=
  72. ls accross, but when you click &quot;new comment&quot; the subscription is =
  73. pushed to the right again
  74.  
  75.  
  76.  
  77. -------------------------------------------------------------------
  78. * Created : 27 Jan 2017
  79. * Tags :=20
  80.  
  81.  
  82. -------------------------------------------------------------------
  83.  
  84.  
  85. ___________________________________________________________________
  86. Charlotte White (charlotte@bipsync.com) sent this to you from Bipsync.
  87. If you received this message in error, email us at info@bipsync.com
  88. Opt-out of all future emails:=20
  89.  
  90. ---
  91. Bipsync Ltd, 205 E 42nd St, New York, NY 10017
  92.  
  93.  
  94. --_=_swift_v4_1486046000_13713911044bd55faed7bad2fc45b088_=_
  95. Content-Type: multipart/related; boundary="_=_swift_v4_1486046000_6f2f77a6bb08cc6e1341357faa3ce8c4_=_"
  96.  
  97. --_=_swift_v4_1486046000_6f2f77a6bb08cc6e1341357faa3ce8c4_=_
  98. Content-Type: text/html; charset=utf-8
  99. Content-Transfer-Encoding: quoted-printable
  100.  
  101. <!DOCTYPE html>
  102. <html><head><meta http-equiv=3D"Content-Type" content=3D"text/html; charset=
  103. =3Dutf-8"><style type=3D"text/css">
  104. .ExternalClass {
  105. width:100%;
  106. }
  107. =20
  108. table {
  109. border-collapse: collapse;
  110. padding: 0;
  111. margin: 0;
  112. border: 0;
  113. }
  114. =20
  115. table td {
  116. border-collapse: collapse;
  117. padding: 0;
  118. margin: 0;
  119. mso-table-lspace: 0pt;
  120. mso-table-rspace: 0pt;
  121. mso-line-height-rule: exactly;
  122. }
  123. =20
  124. p.footerParagraph {
  125. margin:0;
  126. padding:0;
  127. }
  128. =20
  129. h1, h2, h3, h4, h5, h6 {
  130. color: #202024;
  131. line-height: 100%;
  132. }
  133. =20
  134. a,
  135. a:link {
  136. text-decoration: none;
  137. color: #447FCE;
  138. }
  139. =20
  140. a:hover {
  141. text-decoration: underline;
  142. }
  143. =20
  144. body,
  145. #body_style {
  146. color: #202024;
  147. font-size: 14px;
  148. font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
  149. line-height: 1.5;
  150. margin: 0;
  151. padding: 25px;
  152. max-width: 100%;
  153. -webkit-font-smoothing: antialiased;
  154. -webkit-text-size-adjust:none;
  155. -ms-text-size-adjust:none;
  156. }
  157. =20
  158. .outerTable {
  159. width: 100%;
  160. max-width: 900px;
  161. margin-bottom: 20px;
  162. }
  163. =20
  164. .contentHeader {
  165. font-size: 11px;
  166. line-height: 14px;
  167. color: #666667;
  168. font-weight: bold;
  169. padding-bottom: 10px;
  170. }
  171. =20
  172. .content {
  173. padding-bottom: 35px;
  174. }
  175. =20
  176. blockquote {
  177. border-left: 2px solid #c3f3c3;
  178. margin: 5px 0 4px;
  179. padding: 0.1em 0 0.1em 0.8em;
  180. }
  181. =20
  182. .notificationList {
  183. padding-left: 20px;
  184. }
  185. =20
  186. .notificationList li {
  187. margin-bottom: 8px;
  188. }
  189. =20
  190. .notificationList li h2 {
  191. font-size: 14px !important;
  192. margin-bottom: 0 !important;
  193. }
  194. =20
  195. .notificationList .researchComment .replyLink,
  196. .notificationList .researchMention .replyLink {
  197. font-size: 0.8em;
  198. font-weight: bold;
  199. }
  200. =20
  201. p.fields {
  202. font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
  203. line-height: 1.5;
  204. color: #666667;
  205. font-size: 11px;
  206. padding: 10px 0 0 0;
  207. margin: 20px 0 0 0;
  208. border-top: 1px solid #DEDEDF;
  209. }
  210. =20
  211. .userMessage {
  212. padding: 0 0 10px 0;
  213. margin: 0 0 20px 0;
  214. border-bottom: 1px solid #DEDEDF;
  215. font-size: 11px;
  216. }
  217. =20
  218. .bodyHtml,
  219. .contentFull {
  220. color: #202024;
  221. font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
  222. padding-bottom: 20px;
  223. }
  224. =20
  225. h1.emailTitle,
  226. .bodyHtml h1,
  227. .bodyHtml h2,
  228. .bodyHtml h3,
  229. .bodyHtml h4,
  230. .bodyHtml h5,
  231. .contentFull h1,
  232. .contentFull h2,
  233. .contentFull h3,
  234. .contentFull h4,
  235. .contentFull h5 {
  236. font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
  237. background: none;
  238. margin: 0 !important;
  239. padding: 0 !important;
  240. line-height: 1.2em;
  241. margin-bottom: 7px !important;
  242. font-weight: 700;
  243. }
  244. =20
  245. h1.emailTitle, .bodyHtml h1, .contentFull h1 { font-size: 18px !imp=
  246. ortant; }
  247. .bodyHtml h2, .contentFull h2 { font-size: 16px !important; }
  248. .bodyHtml h3, .contentFull h3 { font-size: 14px !important; }
  249. .bodyHtml h4, .contentFull h4 { font-size: 14px !important; opacity=
  250. : 0.7; }
  251. .bodyHtml h3, .contentFull h3 { font-size: 14px !important; }
  252. =20
  253. h1.emailTitle {
  254. margin: 12px 0 !important;
  255. }
  256. =20
  257. .bodyHtml img,
  258. .bodyHtml table,
  259. .contentFull img,
  260. .contentFull table {
  261. margin-bottom: 1em;
  262. }
  263. =20
  264. .contentFull h1.noteTitle {
  265. padding-bottom: 0.5em !important;
  266. border-bottom: 1px solid #ddd;
  267. margin-top: 1.5em !important;
  268. margin-bottom: 0.5em !important;
  269. }
  270. .contentFull img {
  271. height:auto !important;
  272. max-width:600px !important;
  273. }
  274. .contentFull table td,
  275. .contentFull table th {
  276. border: 1px solid #ddd;
  277. vertical-align: top;
  278. padding: 2px 5px;
  279. }
  280. .contentFull .highlightText {
  281. background: #fffb8e;
  282. }
  283. =20
  284. a.callToAction,
  285. a.callToAction:link,
  286. a.callToAction:visited {
  287. font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
  288. border-top-width: 5px;
  289. border-bottom-width: 5px;
  290. border-right-width: 15px;
  291. border-left-width: 15px;
  292. border-style: solid;
  293. border-color: #2f76c6;
  294. background-color: #2f76c6 !important;
  295. color: #F7F7F9 !important;
  296. text-shadow: 0 1px 0 #39698B;
  297. font-size: 14px;
  298. height: 23px;
  299. line-height: 23px;
  300. padding: 0;
  301. border-radius: 3px;
  302. text-align: center;
  303. cursor: pointer;
  304. text-decoration: none;
  305. display: inline-block;
  306. }
  307. =20
  308. a.callToAction:hover,
  309. a.callToAction:active {
  310. text-decoration: none;
  311. }
  312. =20
  313. .footer {
  314. font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
  315. border-top: 1px solid #DEDEDF;
  316. line-height: 14px;
  317. font-size: 11px;
  318. padding: 10px 0;
  319. }
  320. =20
  321. .logocell {
  322. width: 82px;
  323. padding-right: 20px;
  324. }
  325. =20
  326. #logo {
  327. position: relative;
  328. width: 82px;
  329. height: 26px;
  330. margin: 0;
  331. border: 0;
  332. padding: 0;
  333. display: block;
  334. }
  335. =20
  336. .smallprint {
  337. padding-top: 2px;
  338. color: #565657;
  339. line-height: 14px;
  340. font-size: 11px;
  341. }
  342. =20
  343. .reason {
  344. padding-top: 10px;
  345. }
  346. =20
  347. .address {
  348. color: #868687;
  349. }
  350. =20
  351. @media only screen and (max-device-width: 736px) and (-webkit-min-d=
  352. evice-pixel-ratio: 2) {
  353. =20
  354. .outerTable {
  355. max-width: 100%;
  356. height: auto;
  357. }
  358. =20
  359. .note div > table {
  360. display: block;
  361. overflow-x: auto;
  362. width: 100% !important;
  363. height: auto;
  364. }
  365. =20
  366. img {
  367. max-width: 100%;
  368. height: auto;
  369. }
  370. }
  371. =20
  372. </style></head><body yahoo=3D"fix" style=3D"-ms-text-size-adjust: none;=
  373. -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none; color=
  374. : #202024; font-family: Helvetica Neue, Helvetica, Arial, sans-serif; font-=
  375. size: 14px; line-height: 1.5; margin: 0; max-width: 100%; padding: 25px;">
  376. <table class=3D"outerTable note" cellpadding=3D"0" cellspacing=3D"0" border=
  377. =3D"0" style=3D"border: 0; border-collapse: collapse; margin: 0; padding: 0=
  378. ; margin-bottom: 20px; max-width: 900px; width: 100%;"><tr><td class=3D"con=
  379. tent" style=3D"border-collapse: collapse; margin: 0; mso-line-height-rule: =
  380. exactly; mso-table-lspace: 0pt; mso-table-rspace: 0pt; padding: 0; padding-=
  381. bottom: 35px;">
  382.  
  383. <h1 class=3D"emailTitle" style=3D"color: #202024; line-height: =
  384. 1.2em; background: none; font-family: Helvetica Neue, Helvetica, Arial, san=
  385. s-serif; font-weight: 700; margin: 12px 0 !important; margin-bottom: 7px !i=
  386. mportant; padding: 0 !important; font-size: 18px !important;">UX&amp;D Reco=
  387. mmendations for Subsciptions</h1>
  388. <div class=3D"bodyHtml" style=3D"color: #202024; font-family: H=
  389. elvetica Neue, Helvetica, Arial, sans-serif; padding-bottom: 20px;"><p></p>=
  390. <div>Some suggested improvements to polish the experience (after the Weiss =
  391. launch)</div><div><br></div><ul><li>The spinners when opening the subscript=
  392. ions section can be a bit much.<ul><li>Can we do something easier on the ey=
  393. e. Maybe have one overall spinner or progress bar for the first load?</li><=
  394. li>If we stick with the spinners, it'd be great to have a better designed o=
  395. ne that fits with our style. Something animated with the bull logo perhaps?=
  396. </li></ul></li><li>The animations on this page are not quite 'slick' enough=
  397. .<ul><li>The animation on hide should be smoother - currently it fades, pau=
  398. ses, then all the columns jump</li><li>There's also a delay when you click =
  399. on the hide button. Can we prioritise the animation and clean up in the bac=
  400. kground?</li></ul></li><li>There needs to be an undo on the notification wh=
  401. en a user unsubscribes.</li><li>When a user hides a column, it'd be good if=
  402. we could pulse the relevant item in the LHC</li><li>Renaming subscriptions=
  403. <ul><li>There needs to be some elipses when shortening a long title</li><li=
  404. >When the user clicks into the heading, it should look like an input field.=
  405. </li></ul></li><li>Unsubscribing to 'custom' subscriptions deletes them rat=
  406. her than unsubscribing them. Do we need to message the user about this? Or =
  407. change "unsubscribe" to "delete"?</li></ul><div><hr></div><div><br></div><d=
  408. iv>We need to look at this...</div><ul><li>Shouldnt be able to open multipl=
  409. e conversations.</li><li>The config box blends with the selected state.</li=
  410. ><li>User shouldn't be able to have more than one in a selected state.</li>=
  411. </ul><div><img src=3D"cid:6617c86b6a195c82f30610954d5b1ebf@swift.generated"=
  412. style=3D"margin-bottom: 1em;"></div><ul><li>New comments pushes all subscr=
  413. iptions to the right, so if you click on a subscription that's off the page=
  414. , the subscriptions scrolls accross, but when you click "new comment" the s=
  415. ubscription is pushed to the right again</li></ul></div>
  416.  
  417. <p class=3D"fields" style=3D"border-top: 1px solid #DEDEDF; col=
  418. or: #666667; font-family: Helvetica Neue, Helvetica, Arial, sans-serif; fon=
  419. t-size: 11px; line-height: 1.5; margin: 20px 0 0 0; padding: 10px 0 0 0;">
  420. <strong>Created</strong> : 27 Jan 2017
  421. =C2=A0=C2=A0|=C2=A0=C2=A0 <strong>Tags</strong> :=
  422. =20
  423. </p>
  424. </td>
  425. </tr><tr><td class=3D"footer" style=3D"border-collapse: collapse; margi=
  426. n: 0; mso-line-height-rule: exactly; mso-table-lspace: 0pt; mso-table-rspac=
  427. e: 0pt; padding: 10px 0; border-top: 1px solid #DEDEDF; font-family: Helvet=
  428. ica Neue, Helvetica, Arial, sans-serif; font-size: 11px; line-height: 14px;=
  429. ">
  430. <table class=3D"innerFooter" cellpadding=3D"0" cellspacing=3D"0=
  431. " style=3D"border: 0; border-collapse: collapse; margin: 0; padding: 0;"><t=
  432. r><td class=3D"logocell" style=3D"border-collapse: collapse; margin: 0; mso=
  433. -line-height-rule: exactly; mso-table-lspace: 0pt; mso-table-rspace: 0pt; p=
  434. adding: 0; padding-right: 20px; width: 82px;"><a href=3D"https://www.bipsyn=
  435. c.com" style=3D"color: #447FCE; text-decoration: none;"><img id=3D"logo" sr=
  436. c=3D"cid:90cb2c0d3e3f537cf9753f9120590845@swift.generated" alt=3D"Bipsync" =
  437. style=3D"border: 0; display: block; height: 26px; margin: 0; padding: 0; po=
  438. sition: relative; width: 82px;"></a></td>
  439. <td class=3D"smallprint" style=3D"border-collapse: coll=
  440. apse; margin: 0; mso-line-height-rule: exactly; mso-table-lspace: 0pt; mso-=
  441. table-rspace: 0pt; padding: 0; color: #565657; font-size: 11px; line-height=
  442. : 14px; padding-top: 2px;">
  443. <p class=3D"footerParagraph" style=3D"margin: 0; pa=
  444. dding: 0;">
  445. =20
  446. Charlotte White (charlotte@bipsync.com) sent th=
  447. is to you from <a href=3D"https://www.bipsync.com" style=3D"color: #447FCE;=
  448. text-decoration: none;">Bipsync</a>.<br>
  449. =20
  450. If you received this message in error, <a href=
  451. =3D"mailto:info@bipsync.com" style=3D"color: #447FCE; text-decoration: none=
  452. ;">let us know</a>.<br><span class=3D"address" style=3D"color: #868687;">Bi=
  453. psync Ltd, 205 E 42nd St, New York, NY 10017</span>
  454. </p>
  455. <p class=3D"footerParagraph" style=3D"margin: 0; pa=
  456. dding: 0;">
  457. <a href=3D"" style=3D"text-decoration: none;col=
  458. or: #447FCE;">Opt-out</a> of all future emails.
  459. </p>
  460. </td>
  461. </tr></table></td>
  462. </tr></table></body></html>
  463.  
  464.  
  465. --_=_swift_v4_1486046000_6f2f77a6bb08cc6e1341357faa3ce8c4_=_
  466. Content-Type: image/png; name=image.png
  467. Content-Transfer-Encoding: base64
  468. Content-ID: <6617c86b6a195c82f30610954d5b1ebf@swift.generated>
  469. Content-Disposition: inline; filename=image.png
  470.  
  471.  
  472. --_=_swift_v4_1486046000_6f2f77a6bb08cc6e1341357faa3ce8c4_=_
  473. Content-Type: image/png; name=logo_email.png
  474. Content-Transfer-Encoding: base64
  475. Content-ID: <90cb2c0d3e3f537cf9753f9120590845@swift.generated>
  476. Content-Disposition: inline; filename=logo_email.png
  477.  
  478.  
  479. --_=_swift_v4_1486046000_6f2f77a6bb08cc6e1341357faa3ce8c4_=_--
  480. --_=_swift_v4_1486046000_13713911044bd55faed7bad2fc45b088_=_--
  481. --_=_swift_v4_1486046000_67f71244eb8220e01218a84f8e9dda47_=_
  482. Content-Type: image/png; name="Screen Shot 2017-01-27 at 11.12.00.png"
  483. Content-Transfer-Encoding: base64
  484. Content-Disposition: attachment; filename="Screen Shot 2017-01-27 at 11.12.00.png"
  485.  
  486.  
  487. --_=_swift_v4_1486046000_67f71244eb8220e01218a84f8e9dda47_=_--
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!