Managing Sketch for iOS Dev

Sketch.app workflow for iOS development


Sketch 3 updated article is here:

Let’s begin

Nowadays there are lots of articles about Sketch and its analysis. And I think we should write more about “Tips and tricks” to share not a feature to use but the workflow to discuss and follow.

I have been designing for iOS with Sketch a lot and want to share my working process and the way we cooperate in a team. I’ve been using Sketch from version 2.1.1 and I don’t think it’s perfect. Sketch still has some gaps I want them be fixed here, but anyway it’s the most awesome tool for iOS development I’ve even tried.

Note that we will be using Symbols. It’s a plugin for Sketch that will create a magic workflow for us. Be sure to know how to use it.

How to wireframe

There is a great article to help you with fonts, colours and icons. But the first question you should ask yourself is do we want to use one .sketch file with a lot of Artboards or just go for separate. For wireframing I use a single Sketch template(similar to this) because:

  • Linking styles will help us to highlight components(we do not use Symbols for wireframing because there is no need to play with shape or content on this stage).
  • Usually we don’t need to share wireframes with developers. You know even Sketch files can become large and I usually prefer not to delete old Artboards to remember why I’ve chosen a particular way to implement a feature.
  • We can use a bit of “inline prototyping” with Sketch Mirror that is based on Artboards.

How does inline prototyping works? If you place your Artboards in the right sequence you can test how user will iterate through your app. The process is simular to playing Lego: prepare bricks and then combine them to give a shape to idea.

If you’ve done wireframing you should export all you screens(Export — Create Slices from Artboards — Export all). Then place exported pngs into the new .sketch file where you can manage the flow of the app. I actually use App-name-Wireframe.sketch and App-name-Sequences.sketch files for this technics. Note, Sketch Mirror goes though the Artboards from bottom to top.

Bricks are on the left, user’s flow is on the right
Sequence you will get in Sketch Mirror

You can configure the flow by placing Artboards in the necessary way. For Artboards’ naming I use numbers-description mask. Numbers represent the type of scenario and description gives assistance to operations with states.


Please, do not try to use Sketch everywhere. This “inline prototyping” matters only during the initial period. If you are day-to-day user of online services you can bravely go for them.


Design

File management and UIKit

I would recommend to divide your design for single .sketch files for each logical part of the app. It means every action takes place on the current screen should be placed into the corresponding parent .sketch. For example, I am working with the list of songs for music player, same file should include “empty” screens, popups, on-click/swipe states, subviews(add song to a playlist), etc.

If you are close to Xcode I will suggest you to think you divide your app for ViewControllers. Every state of its life cycle should be placed in one file to ease navigation for developer. So if developer gets a mockup and there is no “empty” state for a screen he will produce it himself. Will you enjoy it?
My example of the app structure

If you use this way of file management you should prepare yourself for using about 20-30 .sketch files per app. How will we able to live without linking styles? How will we slice icons from such bunch of files? My answer is UIKit and Symbols plugin(for my Macbook Air this plugin crashes while processing large .sketch files, but this workflow easily tricks the limitation).

Bug or feature? Begin the name of Artboard with “../” and it won’t be exported. Very useful if you are a fan of “Create Slices from Artboards”, but have no necessity to cover them all.
UIKit is prepared for syncing with other files

UIKit includes every state for each icon, button, swipe, etc. I suggest you to do slicing from UIKit and let other files operate with “Create Slices from Artboards” only.

Don’t store any images in UIKit to hold it lightweight. All components should be prepared for Symbols (“name : class” mask). So if you’ve changed an element you can copy group to another .sketch file and sync Symbols(“cmd+E” by default).

It’s easy to hold your mockups up-to-date with syncing. One time I had to change the view of table cells. This kind of cells were connected to dozen of .sketch files. It took me a minute for reason that developer can get or update all the icons just with two clicks.

In UIKit it is easier to find layer to export

If we look at the icons’ slicing more deeply we shouldn’t forget about grid(simply group of rectangles). If you have one-level-logic icons build a grid for them and locate every icon in its own rectangle. It will be friendly for us to export and helpful for developer to code.

UIKit is the most obvious way to slice from

Cascade Symbol syncing

I call technics this way because it is the approach to sync your groups from bottom(icons and elements) to top(screens). I would like to explain it by the example of Side menu.

Syncing order

The first column of Artboards is used to tune separate icons. Drop here the icon from UIKit or create a new one. Next sync groups of icons with the second column.

The second column is to prepare a group representing whole side menu. Now we can use it to sync with third and forth.

The third column shows our previews for top and bottom parts of side menu. It’s convenient because they can be exported into pngs for online prototyping tools. It also means that you can work with just one large Artboard(the second column) and then just sync that screen to everywhere.

The forth column can stand for screens with popups. Works with 3,5-inch and 4-icnh screens as well. So we are able to stay up-to-date not only on level of buttons or icons(with syncing from UIKit) but on level of screens across the whole logical part of the app.

Finally, we see that first two columns are our assets and the last two are prepared to export. And we don’t want to frustrate our developer with dozens of supporting files, yes? So it’s time to talk about…


Naming

Don’t you use appropriate names for shapes? If you made use of Symbols plugin you do or have to, but let me start with Artboards. You can use paths for their names to construct folder’s structure during the export. Note the meaning not the form or certain words. My conventions for Artboards are:

  • /main/ is a folder I use to export 4-inch previews from Sketch. You can use /4-inch/ as well.
  • /classic/ is the way I operate with 3,5-inch screens. Design Artboard for 3,5-inch iPhone only if you can show something useful there. Developers don’t need the same image with less height because they will try to find differences, don’t waste their time. And your time!
  • /assets/ is a bin for UIKit slicing: icons, buttons, etc. I don’t recommend you to name it /xcassets/ because developers usually prefer their own way of naming, but try to ask yours.
  • ../temp/ or ../delete/ is the name to have screens determined as for design-and-preview purposes only. Although if Artboards have names starting with two dots they won’t be exported but don’t forget to tell the developer that this Artboard is “read only”(chmod 100).

For basic shapes and groups it’s enough then you haven’t got “Rectangle 3219”. If you want a group to sync follow the *name* : *class-state* mask. Furthermore I would advice you to start the name with “[export]” if the layer or group is going to be sliced.


Finishing tips

  • Replace visible blur layers with exported pngs but store original files in the same group. It will improve speed and sensitivity of the app.
  • Sometimes you want to present various states of an element on one Artboard. Switching group on and off is nice to compare but it breaks the flow. In my opinion it’s better to create a new Artboard(even with png as a background) or put another state into UIKit(for switchers or buttons).
  • Use guides carefully! Guides are not responsible for resizing and moving shapes. It is worth rely on “Arrange — Make Grid” function. But guides can be beneficial to developers! Obtain them just before you share the files.

Summary

I really have fallen in love with Sketch. I am looking forward to see my apps in the App Store(approximately late summer). And this workflow helped me a lot but I am really curious to discover others’. Feel free to share your tips!

Next Story — All your memes are belong to us
Currently Reading - All your memes are belong to us

Such meme. Very wow. (Illustration by Harry Malt for The Washington Post)

All your memes are belong to us

The top 25 memes of the web’s first 25 years

By Gene Park, Adriana Usero and Chris Rukan

For more of The Web at 25, visit The Washington Post.

Memes didn’t begin with the Web, but you’d be forgiven for thinking so. The evolutionary biologist Richard Dawkins coined the term in his 1976 book, “The Selfish Gene,” to describe something that already existed. A meme, from the Greek “mimeme” (to imitate) was “a unit of cultural transmission, or a unit of imitation.” This encompassed phenomena from Martin Luther’s “95 Theses” to the famous graffiti drawing “Kilroy Was Here,” which dates to the beginning of World War II.

But the Web has proved to be the most fertile ground, and the site Know Your Meme has confirmed more than 2,600 of them. Below, 25 definitive memes from the Web’s first 25 years.

[1] Dancing Baby

1996: Considered the granddaddy of Internet memes, the baby shuffling to Blue Swede’s “Hooked on a Feeling” filled inboxes and prime-time airwaves, appearing in several episodes of “Ally McBeal.” The file was originally included with early 3D software. LucasFilm developers modified it before it was widely shared, and it was finally compressed into one of the first GIFs.

[2] Hampster Dance

1998: Proving that GIFs were meant for stardom, a Canadian art student made a webpage with 392 hamster GIFs as a tribute to her pet rodent. The infectious soundtrack was a sped-up, looped version of “Whistle Stop” by Roger Miller.

[3] Peanut Butter Jelly Time

2001: A Flash animation featuring an 8-bit dancing banana, “Peanut Butter Jelly Time” became an Internet phenomenon in the early 2000s. The catchy song was written and performed by the Buckwheat Boyz, a rap group.

[4] All Your Base Are Belong to Us

2001: A meme that would echo across the gaming community for years to come, “All your base are belong to us” originated in a cut scene in the Japanese video game “Zero Wing.” The poorly translated quote has persisted as an Internet catchphrase.

[5] Star Wars Kid

2002: Arguably the first victim of large-scale cyberbullying, Ghyslain Raza unwillingly became a meme based on a video of him swinging a golf ball retriever as a weapon, reminiscent of Darth Maul in “Star Wars: The Phantom Menace.” It was an early sign that Internet privacy was not guaranteed for anyone.

[6] Spongmonkeys

2003: Before they became spokesthings for Quiznos, two singing Spongmonkeys catapulted to viral stardom after being featured in a newsletter for b3ta, an early link- and image-sharing site. Their opening line: “We like the moon.”

[7] Numa Numa

2004: The eyebrow lift. The arm pumping when the beat drops. The song (by Moldovan boy band O-Zone). Gary Brolsma, sitting at his desk, showed us all what it means to “dance like no one’s watching.”

[8] O RLY

2005: Originating on the community site 4chan, the wide-eyed owl was used to show sarcasm, becoming a precursor to other reaction memes.

[9] Chuck Norris Facts

2005: Chuck Norris was the Internet’s first “most interesting man in the world,” crowned the avatar for mythical men with impossible strength, attitude and swagger. “There is no theory of evolution,” as one “fact” says. “Just a list of creatures Chuck Norris allows to live.”

[10] I Can Has Cheezburger?

2007: Animal-based memes are a dime a dozen, but the “I Can Has Cheezburger” blog, whose mascot is a surprised, hungry British shorthair cat, brought them into the mainstream. The blog was created by Eric Nakagawa and Kari Unebasami.

Rickroll and Deal With It collide to form an uber-meme

[11] Rickroll

2007: Before there was clickbait, there was the Rickroll. Popularized on 4chan, the gag — springing a Rick Astley video on an unsuspecting victim — has appeared during a session of the Oregon legislature and even on the White House’s Twitter feed.

[12] Success Kid

2007: Based on a photo that Sammy Griner’s mother, Laney, posted to Flickr when he was 11 months old, the meme describes something that goes better than expected. In 2015, Sammy’s fame helped his family raise more than $100,000 to offset the costs of a kidney transplant for his father, Justin.

[13] Dramatic Chipmunk

2007: A simple, five-second video clip of a chipmunk — ahem, actually a prairie dog — suddenly turning its head, from the Japanese TV show “Hello Morning.” The maneuver is set to an exaggerated bit of music from 1974’s “Young Frankenstein.”

[14] Philosoraptor

2008: This portmanteau meme was an early example of an “advice animal,” depicting the vicious dinosaur deep in introspection, and pondering wordplay and life’s general paradoxes.

[15] Deal With It

2010: In this GIF, sunglasses slide onto a smug canine’s face. It was around as an emoticon on the SomethingAwful forums for a while, then became a meme when the site Dump.fm held a contest encouraging users to create their own versions, with sunglasses sliding onto various faces and objects.

[16] Hide Your Kids, Hide Your Wife

2010: “So y’all need to hide your kids, hide your wife and hide your husband ’cause they’re raping everybody out here,” Antoine Dodson emphatically told a TV reporter after an intruder attempted to assault his sister. The clip spread quickly on YouTube, leading to Auto-Tuned versions and remixes.

Nyanyanyanyanyanyanyare you going insane yet?

[17] Nyan Cat

2011: The combination of an animated 8-bit cat (originally dubbed “Pop-Tart Cat”) with the insanely catchy tune “Nyanyanyanyanyanyanya!” blew up on YouTube, becoming the site’s fifth-most-viewed video of 2011 and inspiring fan illustrations, designs and games.

[18] Ermahgerd

2012: Originally uploaded as “Gersberms . . . mah fravrit berks” and later “BERKS!,” the text superimposed on this meme mimics the garbled speech of a person with a retainer.

[19] Bad Luck Brian

2012: Takes goofy yearbook photo. Gets face plastered all over the Internet. His real name is Kyle Craven, and he’s Internet famous thanks to his friend Ian Davies, who uploaded the photo to Reddit with the text “Takes driving test . . . gets first DUI.”

[20] Grumpy Cat

2012: The original photo of Tardar Sauce (that’s her name) racked up 1 million views on Imgur in its first two days. The meme has since spawned books, a comic book, an endorsement deal with Friskies cat food and a made-for-TV Christmas movie, “Grumpy Cat’s Worst Christmas Ever,” with Aubrey Plaza voicing Grumpy Cat.

[21] Ridiculously Photogenic Guy

2012: Uploaded to Reddit on April 3, the photo of the handsome runner quickly garnered 40,000 upvotes. Derivatives include Ridiculously Photogenic Metalhead, Ridiculously Photogenic Syrian Rebel, Ridiculously Photogenic Prisoner and Ridiculously Photogenic Running Back.

[22] Doge

2013: In February 2010, a kindergarten teacher in Japan uploaded pictures of Kabosu, her adopted shiba inu, to her personal blog, and a meme was born. It usually features broken English phrases in the comic sans font, representing an inner monologue.

[23] Crying Michael Jordan

2014: The basketball great got a little emotional during his 2009 Hall of Fame induction speech. Around 2014, meme-makers started using an Associated Press photo, superimposing Jordan’s face over failures of all sorts.

[24] Ice Bucket Challenge

2014: While the origins of this one are unclear — people have been doing cold-water challenges for years — the results weren’t. The ALS Association raised more than $100 million in a month, compared with $2.8 million over the same period the previous year.

[25] Left Shark

2015: During the Super Bowl XLIX halftime show, Katy Perry performed with two dancing sharks. One shark stuck to the routine. The other, well, did his own thing — and became an Internet sensation.

And if you’re not over memes like the Internet isn’t over Harambe, we’ve compiled a Spotify meme-themed playlist for you to follow and take with you on the go.

Did we miss your favorite internet meme? Tell us about it — and why it’s so great — in the comments.

Next Story — The Apple-Google shift
Currently Reading - The Apple-Google shift

The Apple-Google shift

In the last couple of years, two very distinct things have happened — or, to be more precise, been happening — in the world of consumer tech, in my opinion. A shift has occurred: Apple, once the definition of innovation, has become stale, content to rest on its laurels; while Google, once ugly and disparate, has continually pushed forward with new and better products that are a delight to use.

The result is two-fold: firstly, from a software perspective, Google-authored apps have all but replaced Apple’s defaults on my iPhone; secondly, for the first time ever, I find myself potentially choosing a Google phone over an Apple phone — a choice that represents not just a one-off hardware purchasing decision, but a first tentative step outside of Apple’s ecosystem and, as a result, a break in unashamed Apple fanboy-ism.

Okay, so I’m considering a switch to Android. No big deal. I’m following in the footsteps of many, many, many others. But what I find interesting outside of my own personal decision is that there seems to be a growing discontent with Apple — especially amongst former so-called fanboys/girls — and, at the same time, a growing appreciation of what Google have been doing, especially from a design perspective. In many ways it’s unwise to compare these two companies alone, but few would disagree that these days they’re the two sides of one coin.

So I thought I’d try and pick this apart. What’s actually changed?

It’s not that Apple no longer creates great products, but there’s just not that spark there anymore, is there? Remember when a new MacBook or iMac would launch? Or the iPhone? Or pretty much any new product? The buzz was palpable; the hype almost always justified. For years and years, Apple constantly innovated, whether it was with entirely new product lines or updates to existing ones, but recently everything has just felt a little… well, meh, hasn’t it?

Could this feeling because Apple is now so ubiquitous, no longer the underdog? Possibly. And could this be down to some very shrewd business decisions, with Apple deciding to refine and hone rather than experiment, as evidenced by the longer life cycles of designs for their phones and computers? Very likely.

But that doesn’t excuse recent product launches that have (again, in my opinion) fallen flat by their past standards. The MacBook? Well, it’s a lovely little machine (and I’m typing on it right now) and I even took a whole set of photos to capture its beautiful form, but time has revealed it to be irritating in many ways (the keys repeatedly get stuck, for instance, and the removal of a magnetic power connector is genuinely irritating). The Apple Watch? After the initial magic wore off, I came to the conclusion that it’s essentially useless — as did almost every other Apple Watch owner I’ve spoken to. The new Apple TV? A total lack of innovation — both from its previous version and the numerous offerings from competitors. New iPhones aren’t even exciting anymore.

In many ways, I wonder if this all started with the launch of iOS 7: although I was originally one of its supporters when it came out and enraged half the Apple-buying world, when I think about it these days, iOS still doesn’t really encourage interaction. It’s not about flat design versus skeuomorphic design; it’s more about how Apple laid the groundwork for what a great, minimal, mobile operating system could be… and then never really built upon those foundations. The same could be said of their camera technology. The iPhone camera’s noise reduction algorithm has ruined many a photo that would have benefitted from not being put through a paint-like Photoshop filter. Oh, and don’t even get me started on Apple Music. What a mess. Sure, it’s not a total failure from an interaction design point of view, but it’s a sub-par effort from a company that should really be far, far, far better than any other steaming music competitors. That Apple Music has been so successful is only down to the ecosystem they’ve cultivated — not because it offers a superior experience.

Then there’s just all the douche moves Apple has made again and again with proprietary connections — their decision to remove the headphone jack on the forthcoming new iPhone being the latest. All of this has added up to make even this most ardent of Apple fanboys start to question his allegiances.

And all the while this has been going on, Google — which, with each new product launch, whether software or hardware, has become even more of an Apple competitor — has continued to innovate; to make better versions of Apple’s own apps. (I don’t even need to mention Maps, do I? No? Good.) And from a design perspective, Google has well and truly grown up: Material Design offered a lot of promise when it was first announced, and in the time that’s passed since, it’s proven itself to be a strong framework for unifying a the company’s multiple software offerings. Sure, there are times when its incarnation feels a little templated and dry — Google Play Music, for example — and perhaps it’s easy to praise Google for their grown-up new looks when, until recent times, Google web apps were so damn ugly. (Remember how Gmail used to look? For a reminder of that less graceful era, look at the browser version of Google Calendar.) But the difficulty of creating a system that works in so many instances, both in terms of aesthetics and interaction, should not be underestimated.

Beneath all of these apps and interactions and aesthetics, there’s another layer of Google that has become so trusted: its infrastructure. Yes, I get the fears about our data being mined to show us more relevant ads, but who do I trust for reliable cloud syncing: Apple or Google? Who do I trust to backup and share my photo library: Apple or Google? Whose infrastructure do I trust for my emails, documents, calendars, and more: Apple or Google? Granted, the latter could be any service provider vs. Google, but the point is that Google’s infrastructure underpins so much of the internet and our daily lives, it often just doesn’t make sense to let someone else handle what we know Google can handle so well.

(At this point, i’m going to refrain from delving into lengthy praises of particular Google apps and services, but I do want to give a quick mention to the Google Calendar and Google Photos iOS apps. They’re so radically superior to Apple’s equivalents, I’d question anyone’s need to ever open those defaults again.)

All this is to say: if Google can be this good on a competitor’s operating system, how much better can it be in its own environment? This is the question that’s been gaining traction in my head recently.

Android used to be a poor man’s iOS, but it’s obviously grown a lot since then. Unfortunately, fragmentation is a problem that’s plagued Android from the very beginning and is probably the primary factor that’s never allowed me to take switching seriously, but here’s where it gets interesting: with Google making (via OEMs) its own Nexus hardware, it’s possible to use a vanilla version of Android, free of bloat from carrier-installed software. It also removes that weird you-can-only-use-this-particlar-version-of-Android thing that plagues Android phones made by other manufacturers, and, in doing so, puts Google on an evening playing field with Apple: control the hardware and you control the software.It just works.

So it’s this vision of Android — a Google phone in its purest form — that’s making me, and others, consider the switch. And with new Nexus phones rumoured to land (or at least be announced) very soon, the opportunity to do so might be just around the corner.

Or maybe not. The new iPhone is also due very soon. Maybe it’ll be amazing. Maybe it’ll be the best hardware and software combination that exists in the world. Maybe Apple’s core apps, services, and experiences that underpin the entire iOS / macOS / tvOS ecosystem will up their respective games and I’ll look back on this post as blasphemy.

But — sadly — I’m not sure that’s something the Apple of 2016 is capable of.

Next Story — No, Bloomberg, the Olympics didn’t stumble because of Millennials. It stumbled because of NBC.
Currently Reading - No, Bloomberg, the Olympics didn’t stumble because of Millennials. It stumbled because of NBC.

No, Bloomberg, the Olympics didn’t stumble because of Millennials. It stumbled because of NBC.

Bloomberg and NBC want to blame the audience for not participating in their content the way they expected them to. But if the results were not what they expected, perhaps they should consider that maybe the problem is with the product.

On Friday of last week, Bloomberg wrote an insulting piece outlining the viewership stumbling blocks that NBC has faced with the 2016 Olympics in Rio, particularly with the coveted 18–49 age block which dropped 25%. Ok, so way more than Millennials, but I’ll continue to read. The article goes on to loosely blame the regulars like Snapchat and Netflix, with very little (read: none) criticism at NBC’s presentation of the Olympics themselves, from the actual coverage, to the user experience of the platforms.

On the opening night of the Olympics, I came home from work and set out to figure out the best way to watch the Opening Ceremony live. As a multimedia professional, the Olympics Opening Ceremony is a wonderland of what’s possible with today’s video and presentation technology, something to marvel at every four years. I’ve been a cord cutter for about 8 years now, so let’s see what what this experience was like for what is a growing segment of the population, particularly in that 18–49 year old demographic Bloomberg was referring to.

Step 1: Apple TV — 20 minutes

Our 4th Generation Apple TV is the staple of our home entertainment experience. I came home to find that my fiancé had installed the NBC Sports app, and was watching the player profiles. I thought our work here was done. But after a uninteresting featurette started playing, we temporarily left the streaming video, and realized we were not watching the live broadcast, but a piece put up on demand. So we went to the Live tab, and again, were greeted with on demand pieces, with no option to actually view live. OK, so lets try and sign in. My company has a few set top boxes I help manage, so I thought I’d give it a shot. The app requested I visit an activation URL from a desktop computer (why it can’t handle it in App is beyond me but possibly a limitation on Apple’s behalf, though I doubt it). After authenticating, I’m informed we don’t have an NBC Sports subscription so the content is not available to me. FINE. But we DO have NBC. So I download NBC’s app, have to go through the authentication process a SECOND time (note: this will be streamlined in the tvOS update this Fall with Single Sign On). This go around is successful, however, NBC’s app does not support streaming, at least in my area. Beaten and frustrated, I move on to the internet.

Step 2: The Web Browser — 20 minutes

I start with the most obvious of locations, the NBC Olympics portal. The design is clunky but seems feature rich overall. Notably missing is a real schedule — I can look up the schedule by event, but it’s clunky at best, and Google’s Olympic schedule bested everything I had seen and converted all of the times automatically to my time zone. +1 for Google.

I finally navigate to the live portal where I’m greeted with the live feed, at least in the NBC Primetime programming sense of the word. Perfect! I’m done! Except there’s a little timer warning me that this is a preview and I need to authenticate in order to watch for an unlimited time. DAMNIT. This is a PUBLIC AIRWAVES BROADCASTING COMPANY! This alone would be enough to turn me off as a Millennial.

As a consumer, if I’m making a decision the day of the Opening Ceremony to view the Olympics, I’m being told by NBC that if I want to watch, I now need to A) Find a cable company I don’t totally despise, B) wait 3–5 days minimum to schedule installation, and C) take a full day off of work so I can be present while the technician plugs in a box into the pre-existing coaxial outlet in my apartment, something I’m fully capable of as an adult that can read simple instructions.

Again, luckily I have access to some minimum subscriptions, including NBC, so I go through the authentication process. But after going through authentication, I’m again told I don’t have the right package. But we do have NBC, so what gives? All I could gather (because useful error messages are a lot to ask for) is it’s either because A) NBC doesn’t stream in my area, or B) I don’t have the NBC Sports package. Fine. Whatever.

Step 3: Over The Air — 20 minutes

The last resort of every cord cutter everywhere is a television antenna, if you even own one. With our monthly bill for Hulu, Netflix, and HBO, our antenna is rarely hooked up outside of Football season, so I set out to get it plugged in, an annoying task for any mounted flat television. I have to google what our local NBC channel is because I have no idea, and when I finally land on it, I now set out to actually get signal because NBC is so weak in our building. After trying for about 10 minutes, I finally get something stable. It still cuts out every two minutes or so, hence my preference for streaming, but it’s tolerable (not exactly the word you want associated with your brand).

Presentation

I’ve been working on this for around an hour, and am really only seeing this through at this point because it’s important to my fiancé. I’m annoyed, I’m tired, but I feel like we’ve finally made it, with about 10 minutes to spare. There’s commercial after commercial playing, but I feel this is an acceptable trade off — I’d much rather prefer NBC front load the commercial experience so I can have a fairly uninterrupted presentation of this culturally significant opening event.

The show starts, and while the commentary is lowest common denominator at best, it’s, again, tolerable. We settle in and relax. The next 20 minutes was some of the worst programming decisions I’ve witnessed in my entire life. My assumption was quickly proved wrong about 5 minutes in, when Matt Lauer informs me we’re going to a commercial break in the middle of the opening. After sitting through the same Nationwide and Chevy spots as I had just 10 minutes ago, we come back to the ceremony, and even though we’re watching the Mountain Standard Time delay feed, we’ve missed parts of the ceremony. We had just settled back into the rhythm of the presentation, when it’s back to commercials. It’s roughly the same ones we just saw, and again we return with time having passed in the ceremony, dropping us back in wherever NBC saw fit. It wasn’t until NBC cut out of “The History of Brazil” piece for yet another commercial break that I finally just turned the TV off.

We weren’t watching the Olympics Ceremony. We were watching advertising that happened to have bits and pieces of the ceremony in between them.

And Finally: The Olympics

Several days later, my fiancé had friends in town that wanted to watch the Olympics at our apartment, so we sat and watched the Swimming and Gymnastics primetime presentation. It opened with Simone Biles and Co., but then, despite being filmed earlier in the day, inexplicably goes from the earlier rounds of Gymnastics to Swimming. Hours pass before we finally get to see the resolution to those Gymnastics rounds, even though Simone Biles and Michael Phelps both easily served as headlines for Primetime. Why they decided to split them up is beyond me.

We had reception issues due to a storm the following night, so I bit the bullet and bought a SlingTV subscription. NBC is included in package description, so I go for it. However, apparently Denver is not part of the “In Select Markets”. That’s fine, now I can finally authorize my account for NBC Sports. Except NBC doesn’t recognize Sling TV as an acceptable Cable subscription, despite being precisely that — a cable subscription. I give up, and we watch the broken up broadcast feed.

NBC: A Post Mortem

I was tempted to shorten this article, but then the lengths of measure I had to take to view something that is available for free over the airwaves show there is clearly a problem. I’m sure NBC were patting themselves on the backs for how easy it would be to watch online this year, but that’s only true for cable subscribers, a slowly shrinking percentage of the US population, especially for Millennials. The reason NBC is losing Millennials to other platforms for entertainment is because all of those platforms have lowered the barriers to enjoy the programming. I can sign up for Hulu, Netflix, and HBO nearly in an instant. Oh, and did I mention they’re all ad free (with a premium on Hulu)?

Had NBC offered the entire Olympic Platform for a small fee (less than $10), they probably would have seen their Millennial numbers skyrocket. Hell, they could have charged $5 more for an “Ad Free” presentation and padded their pockets even more. But instead, they relied on the old dying models of traditional broadcast network and revenue models of years past, and it bit them in the ass. And this doesn’t even touch the philosophical debate of “Why do I need a subscription for a network that broadcasts on public airwaves anyways”? Or “Who the hell cares what Hoda thinks about the Opening Ceremony?” It’s a presentation, it doesn’t need commentary. We can draw our own conclusions, and if we’re curious about something, you can help fill in the gaps during the recap. They sound like idiots trying to speak to idiots. Treat your audience like they’re intelligent and you might improve the overall public discourse.

It’s worth noting that if you want to view any of this content in its entirety on demand, NBC still has a authentication wall up on the Olympics Platform page.

This kind of programming doesn’t work for us. It’s one thing that you don’t have live coverage, even though our phones are buzzing us to notify who the winners of the big events are as they happen. It’s one thing to show an INSANE amount of advertising, usually from the same group of companies, over and over and over again. It’s one thing to inexplicably break up event coverage, even though we’re not watching live and you’ve had plenty of time to repackage the content as you’ve seen fit. Put all of those things together, and it just amounts to a terrible user experience, where the only laughing matter is how NBC could possibly be confused by the outcome.

Bloomberg and NBC want to blame the audience for not participating in their content the way they expected them to. But if the results were not what they expected, perhaps they should consider that maybe the problem is with the product.

Next Story — Terrorizing Ourselves?
Currently Reading - Terrorizing Ourselves?

Terrorizing Ourselves?

I was in Terminal 1 at JFK, and scared at how easily we terrorized ourselves

Imagine receiving a text like this:


The Experience

I was traveling to Malmö, Sweden to give a talk at a conference on “Building an Empathetic Company” by way of Norwegian Air via Copenhagen. It was a red-eye flight scheduled to leave at 9:55 PM.

Since it was the first time I had flown Norwegian and I couldn’t check-in online, I left for the airport with plenty of time. At 7:30 PM on a Sunday night, Terminal 1 was busy but not hectic. Norwegian had a long line and a shorter one for passengers with no bags to check. I had a duffel, so I went to the short line, got my ticket, and made it through Security quickly.

I stopped at a restaurant in-between Gate 4 and Gate 6, had dinner, and read. When 9:15 came around, I paid my bill and walked to Gate 7 to board my flight. The crowd loitered, waiting for instructions, until the gate agents announced the flight would be delayed an hour. So I walked around looking for a seat that didn’t feel claustrophobic.

I’m telling you this, because where I ended up sitting made a difference.

I chose a seat to the far left of the terminal in the last aisle of Gate 8 where there was nothing but open space and a food stand. I figured I should do something productive, and started to write out goals for the upcoming week to share with my team. I was immersed thinking about the week ahead when a piercing alarm filled the terminal.


Lights above the terminal gates started blinking a long pronounced floodlight warning, and lights on the ceiling darted in a hurried blue and white whir. I realized the alarms had been going off as I typed and that they had gotten louder, or it wasn’t until others around me began to notice and react, that their message reached me.

People started to scream.

“What is happening?” I asked myself.

I watched as people darted through the terminal towards me. I put my carry-on on my back and grabbed my duffel with my free hand. Phone in the other, I tried to open the camera app as I backed up against the window a few seats away.

The screaming became deeper, and echoed through the terminal.

I remembered thinking, “Men are screaming too” as I managed to swipe to video, bent down behind a row of seats and began to film.

I did this for exactly 16 seconds, before I realized something was wrong. Very wrong.

Still from the video I shot. You can see the full one on Twitter @MsSapone

The video shows dozens running for the emergency exits. What it does not capture is the scale of what happened next.

I think so few videos were shared from that night, because people were too afraid to even think about filming


As I dropped my phone, a stream of people came at breakneck speed through the terminal.

There was another wave of piercing screams and the echo of people running.

It was a stampede of people. It was like the terminal had been lifted vertically and people were falling like checkers on a Connect Four board, slamming into a pile at the exits.

I let my duffel fall and surveyed the room. I could cross 100 feet to a door where people were crowding, or another 200 feet to either corner of the terminal where dozens more were pushing their way out.

It registered that the last two exits at the end of the terminal were better. They had bigger doors.


Another wave of screams filled the terminal. I dropped to my stomach and slid underneath the aisle of seats. To my right, many people were doing the same. To my left, I watched as a woman hid behind a waste bin. She was bigger than the square recycle/trash canister, and as she banged herself into it, it skid and reverberated.

It was the same reaction a caged animal has when a trap slams down. It wants to get out. Every cell in its body moves at an incredible speed to fulfill this desire. It cannot feel pain as it hits against metal.

I looked down at my own hands. My right hand gripped my phone and my left was shaking. “Was I afraid?” I asked myself.


Interrupting this thought a sound filled the terminal.

“POWH. POWH. POWH. POWH. POWH.”

Gunshots.

Or was it clapping for Usain Bolt’s gold-medal victory?

Or was it the sound of line separators that direct traffic at Security, falling in cacophonous succession (all the way back before the gates began)?

Or maybe the sound of joints exploding off a door?

None of these media-suggested alternatives occurred to me.

It was gunfire. To me. To many others.


My brain searched furiously for an explanation. “Where is Security? Where the F#&*! is everyone?” Lying flat on the ground under the seats, I locked eyes with a Filipino man and his young daughter. His eyes were bulging and he uttered one statement on repeat.

“Oh God. Oh God. Oh God,” as he pulled his screaming daughter beneath him.

I looked at his daughter and whispered, “Shhhh… It’s Ok…Shhhh.”

A cacophonous scream erupted in the terminal moments after the shots fired. I looked with others out onto the empty aisle of the Terminal.

We were waiting for the person that had fired to emerge, a group of people even. To make demands, or maybe no demands at all. Maybe just make a point.


People have asked me what it felt like. I think this is the first time I understood what the word “terror” means to so many people who have really experienced it.

Yes it was scary, but that’s not good enough. Imagine being in the desert and a wild animal is chasing you, hell-bent on ripping every limb off. It’s that, and the realization that this animal is not acting on basic predatory instincts. This animal is a human, and it wants to hurt you.

It’s a deeper level of fear because your mind can not comprehend it. It is in complete disbelief. A state of terror.

Your mind goes to 9/11, Orlando, Columbine, what your Military buddy must have felt in Afghanistan. In the moment, you reference these other events.


No security came. No announcement. Just chaos. I had no doubt at the time that in that moment, my life was in my own hands.


Quiet overcame the terminal for a moment. I became aware of the feeling of my stomach against the ground. I surveyed the three exits again and not consciously, but with my feet, made the decision to run for the far right doors. I ran across dropped food; a giant soda cup; ice avalanched; Coke all over the floor. There were hundreds of things everywhere, computers, bags, shoes, jackets. Things were still spinning from the wave of people that had just kicked their way out.


Why did I run? There was an overwhelming feeling of being trapped. There was a window of opportunity, and since I could not see the perpetrator, there was still ambiguity on the outcome, and maybe the opportunity to escape. We were in danger. I felt like a deer bounding across an open field, hoping the hunter was looking the other way.


I ran 150 feet, did a running jump over a row of chairs and ran other 20 feet through open doors.

I ran with others into a wide, cement stairwell. A pilot and two flight attendants crowded in the corner, staring at the running crowd in nonplussed, confusion. They grabbed their wheelie bags close, seemingly unsure what to do as people whizzed by them.

“Go down the stairs!” my brain told me.

I watched a man help another man hop down the stairs, limping and jumping down the steps as if he had sprained a ankle.

Their faces communicated fear, “We are not moving fast enough.” The exit stairwell was wide and people rushed down, toppling, getting up again and running.

Now one floor down, I had a choice. “Get out on this level? Get out here? No. Keep going. Get outside.”


I ran through the doors out onto the airport runway into a crowd of hundreds and hundreds of people. People around me darted across the tarmac. Hundreds of people huddled along the terminal walls as planes landed. I looked around for Security. “What are we doing? What is going on?”.

More people raced onto the tarmac from behind me. I watched people hide in luggage trolleys, under cars, by the wheels of planes. Most of us kept moving, some with rolling bags, many with nothing. Shoes were missing. People were running in torn tights. We made our way in fast procession to the farthest corner of the tarmac near what would have been Gate 1.

The crowd seemed to be asking the same thing, “Are we safe?”.

There were men in yellow, reflective vests who were unsure what to do — “Stay right, keep moving” — one said quietly.

Near the Arrivals door under Gate 1, Port Authority police screamed into their walkie talkies. They gestured for us to wait. I turned my face to my phone and opened Twitter. I had bad reception, but I tried to share an update.

Then the quiet. People crowded. One man near me opened a pack of cigarettes and lit one. People around him jumped at the sight of flame. I took a picture. We waited. Then the cops announced, “Ok, out these doors”.

A crowd waits on the tarmac outside Arrivals in Terminal 1

The crowd started to move forward slowly. It didn’t feel safe yet.

Security had expressly not said, “Everything is under control”. They didn’t know. And this was being communicated in what they said, and what they hadn’t. Letting children and their parent’s go first, I stood next to the man smoking a cigarette; he dropped it to the ground, darted forward, and ran to the top of the line.

Without warning, screaming erupted, and the crowd that was exiting peacefully into the airport, exploded. There was a quick shoving match between a frantic outgoing crowd and the ingoing procession and then instantly, everyone changed direction.

OUT!” People stampeded out the doors, terror on their faces. A woman fell, her knee gushed open. The crowd dispersed along the sides of the tarmac.

Security ran too.

I hid behind the back of a van in the corner. Others huddled around me. A few minutes passed. Crowds started to descend from planes 500 feet away. They were standing and sitting in orderly squares. Slowly, people started to stand up near me as two security guards emerged and told us — once again — to make a line to leave the asphalt tarmac to the ground floor of the Terminal into Arrivals and Customs.

A woman from Sweden with her son, asked the police — “How do you know it’s safe?”. She had just watched people stream out in terror.

Still behind a large Homeland Security van, I stood on the bumper to watch what was happening. People started to file into the terminal.

“Ok. I can go too.” I thought. I jumped off the bumper to the right of the van and began to make my way to the door when screaming erupted and for a second time, dozens came running out the door stampeding into the exiting crowd. I hit the floor again, and shuffled under the van.

Others would ask me why I choose to go under the van. “Was it smart? What if a cop suspected me?”All I can say is in that moment, I had watched people run for their lives in five separate waves.

There was no feeling of calm, or evacuation.

This wasn’t a fire drill.

I remember looking down and watching a large ant walk past me. I stretched my feet and lay them flat on the ground, pressed my hands against the gravel like a pose in yoga, ready to push out from under the car. It still wasn’t safe — people ran around me. It got quiet again, and I sent texts to several people including a friend who was a Navy Seal inside the terminal, who would later be quoted in the the New York Times as saying:

“I’ve been to Iraq and Afghanistan, and I’ve never been in this situation where you’re in a massive crowd and there’s nothing you can do.” -NYT

and in his own blog he wrote:

I was confident that I was in charge of my own destiny at this point. -SOFREP

Many minutes later, a cop flashed a light under the car and asked me to come out. I obliged, and sat on the curb with others.


I went to Twitter to look for any answers on what was happening. No statement issued seemed to reflect what I was experiencing. Twitter trolls were out and active.

It surprised me that as I was currently still experiencing what was happening at JFK, people continued to tweet at me that “there was was no event”. Another twenty minutes went by before we walked through the doors of Arrivals. Baggage Claim and Customs where mobbed.

Who knows how many people went through Customs without showing their passports? Passengers would later recount watching a stream of people, at least 40 people, running through Customs to the curb of Arrivals. This is significant, but not reported.

Bags and shoes were scattered throughout Baggage Claim. People started to line up again, but there was no real order, or clear direction. One guard asked me what flight I was on and led me to the front of the line at Customs. The white-faced security guard asked my name. He typed on his computer, seemed to look at a manifest, and waved me through, not making eye contact.


Inside the terminal

It seemed like we were free to leave. The Navy Seal texted me that he was already home in the city. My bag was still in the terminal, and passengers whispered to each other that flights were still leaving. Eventually a guard asked us to stand in line to go through Security.

Terminal 1 TSA stared the crowd down. They spoke amongst themselves, and cracked a joke or two to release the tension. They tried to ignore passengers asking them what was happening. An airport security guard or gate agent told us to form a line. I waited in one line or another for four hours, waiting to retrieve my bag from the terminal. I would get home from the airport at 5 AM.

Exhausted. Adrenaline. Waiting in those lines, I watched Twitter and the media form a perception of what had happened.

There was no mention of Terminal 1 — as if everything you just read was a figment of my imagination. Passengers were exhausted. I think most people were too in shock to exchange experiences. The terminal was very, very quiet.

Many of the media reports that night and in the following days used the word hysteria. I would describe the feeling differently.It was a feeling that did not end until 11:48PM for me. More than 90 minutes after this all began. Internalize that.

For 1 hour and 30 minutes, I and others in this major American airport, in 2016, were in a true state of terror.

Did We Terrorize Ourselves?

If you saw the news, the headlines and message communicated “no big deal, move along”. That was not my experience. It was a big deal to me and hundreds of fellow passengers at JFK that night.

I shared my experience because I think it’s important to put it out there. It should make people uncomfortable.

And not because it was scary, but because it’s scary how much of a discrepancy it is to what was officially reported.

At the end of the day, I went home and then got on my flight the next day — exhausted and a little shaken — but just 24 hours later, I was back to living my life.

We live in one of the greatest, safest places that’s ever been and it’s our responsibility to uphold that greatness and safety.

We do that by demanding better journalism — real stories. Reading long form. Opting out of pablum, and listicles, and puffery on blog sites. The cursory reporting that came out on this event simply wasn’t good enough, and people didn’t ask enough questions before playing Monday morning quarterback on the social sphere.

We are our own editors these days and if we only read “How to Launch a Startup in 3 Easy Steps” we start to lack empathy for the world as it really is.

In fact, I believe our reactive behaviors on social media — drowning ourselves in opinions, knee-jerk reactions, insults, and trolling even by would-be-presidents — are eroding our safety more than any single bad actor can.

We can’t let feelings, unsubstantiated by true facts, grow into into a toxic force that pulls the fabric of our society

We must learn together. We have to set a higher bar for ourselves and our institutions.

We can’t let fear stop clear and transparent communication from authorities to the public. Suppressing, downplaying, or avoiding isn’t the safe or smart move. We can be thoughtful and positive. I do not expect our institutions to be perfect, but we need to learn. Let’s make a plan to fix the clear failure in the response.

The media should not let the story fade away.

How is it possible that with so many people in the airport, no account like this has been shared outside of the New York Magazine piece?

Reporting is a noble job — I hope it continues to attract great people to take on the challenge.

Finally we have to be better humans, please.

Get off the junk food diet of cursory reporting, PR masked as news, and non fact-checked opinion threads. The people that control the news, control perception. In many ways we are more in control than we’ve ever been. The papers of yesterday may not be able to afford deep reporting, so we need to do it ourselves and demand better with our attention and wallets.

There is a raw, exposed nerve in the public from the divisiveness of our discourse. America is great, when it acts greatly.

And to take it full circle. We all need to practice a hell of a lot more empathy for others and ourselves.

We have to be active in our society. We have to vote. To stand up for what is right. Next time it could be life and death — as it easily could have been this time.

If we don’t learn from this experience, we have in fact terrorized ourselves.

You can find me on twitter @MsSapone

Sign up to continue reading what matters most to you

Great stories deserve a great audience

Continue reading