Experience Design Manager Matt Snow provides a behind-the-scenes look at the Adobe XD Mobile and Devices team, and demos several applications currently under development. Transcript.
Julie Campagna: Hi. I'm Julie Campagna. I manage the Edge newsletter. Today, we're going to go behind the scenes with the Experience Design, Mobile and Devices team.
Julie: Hey, Matt.
Matt Snow: Hey, Julie.
Julie: Where are you?
Matt: I am waiting patiently in the cafeteria.
Julie: I'm in the cafeteria, too.
Julie: Matt. So, Matt, the last time we did an Edge featured video together, you were actually art directing the Edge, and now you're in a totally different role. Tell us about it.
Matt: Yeah, sure. I manage the Experience Design, Mobile and Devices team. We're a group of designers, developers, and user researchers.
Julie: And what kind of projects do you work on?
Matt: Well, we work with content providers, like Sony, MTV, and Disney; device manufacturers, like Samsung; and operators, like DoCoMo and Verizon; to design and create compelling mobile experiences that work on non-PC devices..
Julie: Well, are you going to show us what you guys have been up to?
Matt: I certainly am.
Julie: All right. Let's go.
Matt: All right.
Matt: Hey, Dave.
Dave: Oh. Hey, Matt.
Matt: Oh. Got the YouTube video.
Dave Zuverink: Yeah. So this is a YouTube demo application, put together by employee Devashish Paul. The great thing about this is that it's using the same content that you'd find on the web with YouTube, but it's optimized with a mobile-specific interface.
So I can drill down, and, say I wanted to go to the all-time top-rated video. This will come up with the thumbnails of these videos, and I can easily navigate through these and view those thumbnails, with nice transitions between them. And if I want to watch one of these videos, I'll either select it. It starts playing right in context. I can adjust the video volume, right here. And if I want to watch it in full-screen, I can continue watching it just like that.
Matt, you made a Sony Pictures demo with some video in it as well, didn't you?
Matt: I sure did... So this is for inside Sony Pictures. Sony, for their application, wanted to give you some previews of the content that they have out there. And I'm going to select one of these movie trailers.
And I'm going to go and start watching this movie trailer and turn the volume down on this. And you notice that the volume comes over the movie itself. And that's one thing we can do in Flash is have these overlays on top of the movie. It gives us some great ability to do some custom masking and controls over the video.
We have a typical pause/play toggle here. Rewind. Full-screen mode. And you can see here that the movie is now playing in full-screen.
So, going back to the movie. So, if I'm watching this trailer and I really like what I see and wanted to go to the movie, I could select "show times." Then I could see, potentially, where this movie's playing in relation to where I live.
I could also, if you notice in the bottom, select a restaurant that's nearby the movie theater. So I'm going to select the first one, Tandoori Palace, and we'll go into that. You can see that there's a map, and it tells me how close the restaurant is to the movie theater.
So that's it for this application. But there is one application I would love to show you. Hey, Julie.
Julie Yoo: Hey.
Matt: Can you show us SpongeBob?
Julie Yoo: So, what you're looking at is the home screen for my phone. You can see that we have basic phone functions, such as signal strength, battery level, clock, and menus. But we also have a weather feed integrated as a data service.
This home screen also features deeper data service. So, when it comes active, you see that pineapple house, and inside the pineapple house, it has more data service that the user can access on demand. So I'll just navigate to the video of the day. And you will see it can play right in the context of the home screen.
So, finally, they offer its TV schedule, integrated into home screen. And then you can even select a show and set a reminder. And then it returns me back to the ideal screen, and you will notice a reminder icon by the battery indicator in the top right.
Here is an example. If I missed some calls or had a voice mail notification, if I want to actually view the call log, then I can see that as well. Again, this is call-log data displayed in a custom-branded user interface.
Julie Campagna: Julie, that was awesome.
Matt: That was awesome. But I have to let her get back to work.
Julie: All right. Well, thanks again.
Julie Yoo: Thank you.
Matt: Thank you.
Julie: Well, Matt, thanks so much for taking the time to show us behind the scenes of the XD Mobile and Devices team.
Matt: You're welcome.
Julie: Is there any place where people can go to find information on how to design great experiences for mobile and devices?
Matt: Absolutely. You can go to the Mobile and Devices Developer Center. You can also go to adobe.com/go/4it.
Julie: Great. Well, thanks again.
Matt: You're welcome.
Julie: And that's it. I hope you enjoy this edition of the Edge.