How to Stay Innovative After Acquisition: Insights from the Former COO of Behance

Header image by Juan Díaz-Faes via Behance
Just over four years ago, William Allen was working as the COO at Behance when Adobe acquired the company. Allen has continued his work at Adobe, now a Senior Director overseeing Behance, 99U and Adobe Portfolio. In the tech world, that kind of commitment to a gig post-acquisition is a rarity, and it’s also a testament to how both companies handled the acquisition and transition. Today, Behance is the leading online platform to showcase and discover creative work.
At SXSW, Allen shared some of the strategies he used to keep his team innovative post-acquisition.

Building Beyond Acquisition
Many believe that a product is at its peak on the day of its acquisition, and things only go downhill from there. However, Allen believes Behance is helping change that perception.
“We’re better and more innovative today as a team operating within Adobe then we ever were before,” he said.
Significant improvements have been made to the Behance site and product offerings since the final acquisition papers were signed. Creatives now have a number of different options to display their work thanks to a complete redesign. Through the development of various apps, this work can also now be consumed seamlessly across different devices and platforms.
The Behance team has gone on to launch two new products. Adobe Talent empowers employers to hire creative talent with ease, and Adobe Portfolio allows creatives to quickly and easily build a portfolio website.
Strategies for Success
It was no accident that the Behance team continues to innovate long after their acquisition. These key strategies have ensured innovation and long-term success for Behance as part of Adobe.
Distance Matters
Behance was located in a loft in New York City at acquisition and Adobe was, and still is, headquartered across the country in San Jose. “The day after acquisition, your new parent company comes in with a long laundry list of things you need to do, and as a start-up it can be completely overwhelming,” said Allen. “You previously controlled your own fate, and now you’re partnered up with teams and departments you didn’t know existed.” By not moving at the outset, it allowed the team to slowly acclimate to a new reality.
However, it was critically important they ultimately moved their team into a shared space. Innovation is born from interactions over lunch, coffee, and off-the-cuff meetings with members of other teams.
The Behance team, and a number of other Adobe employees from across New York, moved into a new Adobe office in Union Square about a year after acquisition.
Assimilate, But Strategically
Every startup has something that makes it special. For Behance it was two things: its philosophy on community and its ability to ship great products. Like any company, there were also things Behance did that ultimately didn’t shape the company, such as managing bank accounts and back-office tools.
“When assimilating into a bigger company, very quickly adapt to things that don’t matter, but hold onto the things that make you special,” said Allen. If that means adopting a different email system, don’t sweat it. That’s not the soul of your company.
By assimilating quickly, you can impact the rest of the company more effectively. “Since you’re now one of them, when the rest of the company sees your team as having a best-practice, they’ll want to adopt it. That’s a huge win for everyone,” said Allen.
Want To Be There
If you want to be innovative and keep building new products, you’re going to have to want to be part of the company that acquires you. After an acquisition, some employees do the bare minimum to get by. “If you go that route, you’ll never ship great products,” said Allen. You have to want to be there, and be fully committed to making an impact in order to do great things.
“We felt like joining Adobe was a continuation of our mission of empowering the creative world,” said Allen. “We weren’t changing the mission or selling out – we were all in.”
Change Your Perspective
When you join a big company, you need to change your perspective. You become one piece of a larger framework. Allen described this with the analogy of Behance as a city, Creative Cloud as a state, and Adobe as a country.
When you make decisions, you need to have the right frame of reference. After acquisition you have new customers, new colleagues, and new employees – you’re making decisions for a new groups of people. Understanding the impact of the decisions you make on the various levels you’re now operating within is imperative.
Be Decisive
When you’re operating a small company, you’re able to make decisions quickly, easily and often. In a big company, it’s harder to do that because the stakes are higher and there’s more information to gather. “Resist that, and keep making decisions like you did before because making decisions is key to keeping progress happening and to building innovative products,” said Allen. In order to do that successfully, follow these two principles:

Make decisions with the highest ethical standards.
Know the level you operate at and stay in your lane – understand the limit of your decision making ability.

Just. Keep. Shipping.
You can’t be innovative and build great products if you can’t get them out the door. “New products get out as fast as we can build them,” said Allen. “That is a fantastic practice because it forces you to be innovative and build the feedback loops you need to have.”
Stay Focused, Stay Innovative
The high water mark of your product shouldn’t be on the day it was acquired. The Behance team has shown how with the right strategies, you can be as innovative as ever.

How Creative Dreams Come True: The 2017 ADAA

The 2017 Adobe Design Achievement Awards have officially kicked off, and whether you’re a creative student, an industry pro, or a seasoned instructor, you’ll want to pay attention to the talent competing for this year’s top prizes.
If you hadn’t already heard (in over a decade of the ADAA’s existence), this is the world’s premier competition for creative students. Connected to industry pros, academic leaders, and top brands, the ADAA is all about launching student careers and creating the next class of creative pros. ADAA competitors earn international exposure, are invited to career bootcamps, and in 2017 will have a shot at an unforgettable winners’ experience at Adobe MAX in Las Vegas with 10,000 creative professionals from around the globe (read more about prizes and benefits here).
The 2017 contest will be teeming with inspirational student stories, creative achievements, career lessons, and (obviously!) stellar entries in categories like Illustration, Photography, Animation/Motion Graphics, and Packaging Design in three different segments: Fine Art, Commercial, and Social Impact.
You can follow the action in the live feed – every entry, in real time – and help cheer talented entrants to the finish line. Students who want to go for it and launch their careers can enter their best work from now until June 12th (with a special Early Bird deadline May 2nd) using the ADAA submission tool, powered by Behance. The ADAA website is also full of great resources to help propel young creatives into the working world, like a career blog and even a mentor matching program for competition entrants.
Whether your career has already launched or you’re just getting started, follow the ADAA on Facebook, Instagram, Twitter, and LinkedIn to join the conversation and see what the next class of creative professionals is bringing to the table.
The ADAA is unlike any competition I’ve been a part of because you
get so much out of it whether or not you win an award.
– Jason Ronzani, ADAA 2015 Winner

#CreativeImpact | Q&A with Animator Maya Penn

Maya Penn is a 17-year-old designer, animator, illustrator, and girl-wonder who is using her work to inspire a better world. We spoke to her about her creative process, role models, inspiration, and her new environmentally-driven animated series, “The Pollinators.”
What led you to become an animator? Why animation, and how did you get started?
Animation has always been my favorite form of storytelling. I’ve always loved animated shows and films – every time I finished watching an animated movie, I immediately wanted to know how it went from concept to final film. I watched every behind-the-scenes interview that I could find to hear from the movie’s animators. Those were my biggest teacher. When most kids at a young age realize that their favorite animated characters aren’t “real,” and are just the product of animators, writers, voice actors, etc., it can ruin the magic in a way. But for me, it made all of my favorite cartoons and movies even more magical because I realized I could create my own characters, worlds, and stories.
Do you believe art can drive social change?
Art is and always will be a form of expression, so it only makes sense that artists use their creativity to tackle the social issues they’re passionate about. Art shares a message and tells a story in a way unlike anything else, and it can have an extremely profound impact on people. Being exposed to powerful art can shape the person you are and what perspective you continue to see the world in.
I have always been a women’s rights and environmental activist. I hope to create awareness about social/environmental issues through my animation and inspire others to make a positive impact in the world.
We love that “The Pollinators” focuses on the environment and how young people can make a difference. What inspired you to take action on this issue?
It’s so crucial for youth to be aware of what’s happening in the environment and to take steps towards a more eco-friendly world. We need to take action now to preserve this world for future generations. Environmental issues tend to be very daunting, but presenting the importance of environmental responsibility through animation takes away some of that pressure and gets youth inspired and excited about doing something to make a difference.

You wrote “The Pollinators” to include several strong female leads. Where did you find the inspiration for these characters?
Since I first started animating, it has been evident to me that animation is a very male-dominated field. When I was younger, I couldn’t name one single woman that worked in animation. It was really odd for me to see zero representation of female animators, and especially any women of color in the field of animation. I wanted to create characters who could fill those gaps, who could be those role models.
There are a lot of strong and relatable female characters in “The Pollinators,” and a lot of their personality traits stem from the female role models in my family and my life. I hope that girls who watch the series will be able to learn a lot from these characters and see bits of themselves in them.

Animation is a very layered medium. You’re designing characters, backgrounds, writing, illustrating — and that’s all before anything moves! What is your workflow like? Walk us through your process.
When I get an idea for an animation, the concept either comes first in the form of the story or the character(s). If there is a strong plot I’ll usually begin writing that out first. Along with the storytelling I also really enjoy world building, adding details, depth, and lore to the world to make the environment the characters live in more believable. From there I like to go into character design, which is just me drawing the character(s) over and over again, changing bits and pieces as I go, until I feel content with the design and the complexity level of animating it.
I learn a lot about the personalities of my characters as I continue to draw them, which is why I write info/bios about the characters after I’ve drawn them and studied them for a bit. From there I storyboard, add in voice acting, go through multiple passes of animation, coloring, adding backgrounds and final visual effects, tweaking sound, and make final adjustments. This doesn’t include the dozens of times I watch it as I go to catch anything I might have missed when looking at details. It’s a long process, but it’s so much fun! It’s so rewarding knowing I made something completely from scratch.
To see more of Maya’s incredible work, follow her on Instagram @mayasideas.

제로 UI: 스크린리스 상호작용을 위한 디자인

포스트 스크린 시대의 일상이 펼쳐지고 있습니다. 스마트한 상황 인식 디바이스의 출현은 사람들이 콘텐츠와 상호 작용하는 방식을 바꾸고 있습니다. 데이터는 사람들이 처한 물리적 환경 및 디지털 환경 상황에 대한 연결 상태를 보여주는 스냅샷입니다. 디자이너는 사용자 가치를 창출하는 데이터 및 알고리즘 기반의 스크린 없는 경험을 제작해야 할 필요성을 깨닫게 될 것입니다.
의미적으로 제로 UI는 기존의 그래픽 유저 인터페이스(GUI)로 인식되던 개념에서 벗어난 것으로 햅틱 피드백, 상황 인식, 주변 분위기, 제스처, 음성 인식 등의 자연스러운 상호 작용을 사용하는 것입니다.
“가장 좋은 인터페이스는 인터페이스가 아예 없는 것이다.”
– 골든 크리슈나(Golden Krishna)
햅틱 피드백
햅틱(또는 운동 감각 커뮤니케이션)은 움직임 또는 진동 기반의 피드백을 제공합니다. 세가(Sega)의 모토크로스 비디오 게임은 컨트롤러를 통해 햅틱 피드백을 적용하여 화면에서 다른 플레이어와 충돌하는 경험의 스릴을 높였습니다. 닌텐도는 햅틱 기술을 홈 콘솔에 적용한 럼블 팩 액세서리를 제공하고 있습니다. 오늘날 우리는 작은 터치 스크린과 상호 작용 시에 흔하게 햅틱 기술을 경험하고 있습니다. 햅틱 기술은 현재 착용자에게 알림 메시지를 제공하는 피트니스 추적기와 스마트 워치에 사용되고 있습니다. 햅틱 피드백이 의류 분야로 확대되는 한편, 초음파 또는 울트라햅틱 기술이 가상 현실(VR)과 운동 스타일의 게임에 추가되고 있습니다. 최소한의 햅틱 기술을 유지하면서 과용을 막는다면 사용자에게 향상된 피드백 가치를 제공할 수 있습니다.
상황 인식
상황 인식을 기반으로 추가 상호 작용의 필요성을 제거한 디바이스와 앱은 사용자의 요구를 미리 예상하여 디지털 경험과 물리적 경험을 간소화합니다. 개인화를 통해 선제적으로 대처하고 예측 가능하며 능동적으로 반응하는 제로 UI 디바이스와 애플리케이션을 만들 수 있습니다. 도미노피자(Domino)의 제로 클릭 앱은 고객이 피자 배달을 원하므로 앱을 실행한다는 가정에서 작동됩니다. 10초 내에 앱을 닫아야만 피자 배달이 처리되지 않습니다.

구글 플레이에서 다운로드 가능한 도미노피자 제로 클릭 앱
사용자 요구를 충족하기 위한 앱 또는 디바이스 설정과 상호 작용해야 할 필요성이 전반적으로 줄어들면서 상황 인식 기술이 디바이스에 통합되고 있습니다. 언뜻 보면 신형 애플 에어팟이 단순한 무선 이어폰처럼 보이지만 실상은 사용자에게 연관성 있고 맞춤화된 경험을 제공합니다. 한쪽 에어팟을 귀에서 빼면 음악 재생이 모노로 바뀝니다. 양쪽을 모두 빼면 재생이 멈추고 사용자가 다시 귀에 꽂으면 음악이 재생됩니다.

애플 에어팟
네스트 써모스탯 등의 다른 디바이스는 사용자의 기대 요구에 부응하여 사용량 및 상호 작용에 대한 데이터 수집을 주로 담당합니다. 디바이스에 부착된 센서나 위치 데이터를 활용함으로써 디자이너는 명시적 상호 작용이 아닌 불분명한 상황적 경험을 디자인할 수 있습니다. 사용자가 어떤 상황에 처해 있는지, 디바이스 사용 상황이 어떤지에 따라 백그라운드에서 실행되는 일시적인 상호 작용을 설계하고 디자인할 필요가 있습니다.
“인터페이스의 실제 문제는 앞을 가로막고 있는 인터페이스 그 자체다.”
– 돈 노먼(Don Norman)
한눈에 분위기 파악
앰비언트 디바이스는 애플리케이션을 실행하거나 알림 메시지를 확인할 필요 없이 한눈에 파악한다는 원칙으로 작동되는 디바이스입니다. 한눈에 파악하는 기능이란 벽 시계나 일일 달력처럼 필요한 정보 또는 상황을 사용자에게 제공하는 것이어야 합니다. 나바즈탁 토끼는 토끼 귀의 불빛 색상과 위치 변화의 조합으로 한눈에 파악 가능한 경험을 제공하던 길잡이 같은 디바이스였습니다. 첨비(Chumby)가 위젯을 통해 간략한 정보를 보여주는데 그친 반면에 앰비언트 디바이스의 기본 전제는 물리적 공간과 디지털 공간에서 매끄러운 연결 고리를 생성하는 것이었습니다. 이러한 상호 작용은 브라우저 없이 연결된 경험입니다. 언급한 디바이스는 둘 다 변화하는 기술과 사용자의 정보에 대한 요구에 대응하지 못해 오래 가지 못했습니다.

나바즈탁 토끼. 이미지 출처: 씨넷(CNET)
제스처 기반의 상호 작용
제스처는 쉽게 터득하고 반복할 수 있어야 합니다. 제스처의 문제점 중 하나는 시스템이 3차원 공간에서 물리적 동작(흔들기, 위에 놓기, 밀어넘기기)을 인식하게 하는 것입니다. 제스처 입력에 대한 시스템 반응은 사용자가 여러 개의 제스처를 동시에 사용해 시스템을 반응하게 하려고 할 때 문제를 일으킬 수 있습니다. 성공적으로 완료된 동작과 기능에 대해 필요한 제스처를 교육하는 일과 피드백을 제공하는 일에 있어서 균형을 이뤄야 합니다. 제스처를 디자인하려면 반응 속도가 뛰어나야 하며 시스템의 한계(처리 속도)와 카메라의 초점 거리 내에서 작업해야 하고 상호 작용 발생을 위해 화면 및 카메라의 최소 및 최대 거리를 설정해야 합니다. 구글의 프로젝트 솔리(Project Soli)는 레이더가 미세한 움직임을 감지하도록 함으로써 “손을 유일한 인터페이스”로 만들었습니다. UI 레이어와 상호 작용은 모션이 피로감을 쉽게 줄 수 있으므로 사용자의 신체로부터 과도하게 확장되어서는 안 됩니다. 제스처는 동작이 작고 자연스러워야 합니다.

MS사의 엑스박스 키넥트 제스처: 키넥트 프로그래밍
음성 인식
음성 인식은 1970년 초부터 공상과학의 한 소재로 다루어졌으며, iOS 및 안드로이드 휴대폰에서의 음성 인식 및 검색의 등장과 함께 기술 주류에 합류했습니다. 사용자는 시스템이 쿼리나 명령어를 인식할 수 있다는 생각으로 음절, 단어 및 구문을 또박또박 소리내어 말합니다. 대화형 UI를 디자인하려면 추가적인 사용자 조사를 통해 사용자가 자신의 쿼리나 명령을 구문으로 표현하고 구성하는 방식을 파악해야 합니다. 음성 인식의 가장 어려운 부분 중 하나는 시스템이 지역 사투리와 은어에 적응하도록 만들어야 한다는 데 있습니다. 피자 주문과 같은 간단한 일도 주문에 대한 다양한 변경 조건을 모두 고려할 경우 복잡한 디자인 문제가 될 수 있습니다. 사용자의 요구 및 의도 또는 동기를 이해하면 구문 또는 표현을 결정할 때 도움이 될 수 있습니다.

이미지 출처: 아마존
아마존 에코는 각 명령과 쿼리의 시작 문구를 의무화함으로써 상호 작용을 주위 또는 배경 대화로 제한하고 있습니다.
제로 UI의 미래는 데이터에 기반하여 사용자 의도를 파악해 사용자의 요구와 연관되어 있고 예측 가능한 개인화된 사용자 경험을 디자인하고 이를 구축하는 데 있습니다. 상황 인식 디바이스는 화면을 초월하여 디지털 세상과 물리적 세상을 연결하는 경험을 제공합니다. 대시보드를 최소화하고 한눈에 파악 가능하면서 사용자 가치를 창출하는 정보를 제공해야 한다는 점은 스크린이 없는 상호 작용에서 디자인 작업의 문제를 더욱 가중시킵니다. 앞으로의 사용자 리서치는 사람들이 인터페이스를 사용하는 방식을 초월하여 생활 방식과 일상 생활에서 물리적 사물을 이용하는 방식으로 확대될 것입니다.
디자인. 프로토타입. 공유. 모두가 가능한 하나의 올인원 앱 Adobe XD.
웹사이트 및 모바일 앱을 디자인하고  프로토타이핑하고 공유할 수 있는 최초의 올인원 툴인 Experience Design CC(베타)를 사용하면 아이디어 구상에서 프로토타이핑에 이르는 과정을 신속하게 진행할 수 있습니다. 베타 버전을 테스트해 보시고, 여러분의 피드백을 공유해 주십시오.  다운로드 받기 

저자: 앤드류 스미크
앤드류 스미크(Andrew Smyk)는 어린 자녀를 둔 부모이면서 교육가이고 모바일 디자인에 관심이 많은 UX 디자이너입니다. 또한 그는 커피 마니아이자 열렬한 사이클리스트, 다재 다능한 HTML5 이밴절리스트이기도 합니다. 앤드류는 쉐리던 대학(Sheridan College)에서 인터랙티브 미디어 경영 대학원 프로그램의 코디네이터로 근무하고 있으며 블로그에서 어린이가 기술에 적응하고 활용하는 방식에 대한 글을 게시하고 있습니다. @andrewsmyk를 통해 앤드류를 팔로우할 수 있습니다.

Reflecting on the Globalization Mini-Summit

| Organizing the Summit |
The G11n Innovation and Technology Summit 2017 was held at the Adobe HQ in San Jose on February 9th. The planning committee started with the vision to host an event whereby Adobe business leadership would discuss the steps Adobe is taking to increase revenue in international markets. To get a pulse of the industry, globalization thoughts leaders from Google, Microsoft, Intuit and SalesForce were invited to share their thoughts and global vision for their respective organizations.
The registration was open to all Adobe employees and our sessions quickly became filled. The audience included engineers, product managers, program managers and customer engagement teams from across Adobe offices worldwide.
The summit was dedicated to our dear colleague Warren Peet, who in his engineering manager role was a pillar of our Globalization team and one of the longest tenured employees in the company. He will be deeply missed.

The summit was dedicated to our dear colleague Warren Peet, who in his engineering manager role was a pillar of our Globalization team and one of the longest tenured employees in the company. He will be deeply missed.
| Attending the Summit |
The day started with an interesting keynote from Ajay Pande, VP, Engineering, Cloud Technology, Adobe. He talked about the ability to start at the developers’ code base, localize it with the vendor, and ship for all markets along with the English release. The way we at Adobe are striving to get the customer experience right is by running various experiments and have the global products change incrementally at a faster pace than ever before. He focused on using deep learning and related technologies to use data to get to a level of accuracy and correctness much more than ever in the past.

Ajay then handed it over to Macduff Hughes, Engineering Director, Google Translate, Google.  He discussed the transition of Google translate from Phrase-based Translation to Neural Machine Translations.
There were two plenary discussions focusing on internal and external trends. The internal panel titled “Leaders’ Speak” comprised of :
They talked about what can be done to enhance the global customer experience and what it means to expand international outreach and business.
Meanwhile, the external panel was titled “TED-G” – the panel discussed the top challenges faced by their companies and innovative business models built to meet those challenges in the international markets. Panelists also touched upon topics like, Compliance, Regulations, Market specific features, scalability, Analytics and various best practices. The external panel comprised of :

These were followed by interesting demos and discussions hosted by Globalization engineers. The topics included:
• Basic NLP services                                                                                                     POS tagging, Dependency tree, Tokenization, Stemming, Decompounding, Lemmatization, etc.
• Advanced NLP services                                                                                  Keyword extraction, Categorization, Named entity extraction, Wikification (entity linking with Wikipedia)
• Multilingual text analysis                                                                            Language detection, Language analyzers for processing multi-lingual text in various languages
• Machine Learning/Deep Learning based solutions                            Sentiment analysis, Spam detection, Semantic similarity, Auto-tagging text using multi-label classification techniques
• Augmented Reality
| Reflecting on the Summit |
After the summit, we received some interesting quotes and feedback from our attendees and speakers:
“The panel discussion showed the passion we all have for our global customers.  It was also a reminder that each of us must question the value of the work we’re doing for our customers.  If we’re translating content that isn’t used, we have to question how our resources could have been better spent to help customers succeed.” – Chris Hall
“It was great to attend the Globalization mini-summit this year. The planning and content of bringing not only people in from across Adobe to speak to various issues, but having external speakers come to talk about their companies and experiences was a brilliant idea.  It made for very interesting sessions.” – Priscilla Knoble
“The summit was a good chance for me to share how Japan teams work with other teams to support local business from G11n perspective, also had a good interaction with other leaders and attendees to discuss how we should work together to achieve Adobe’s strategic goal in coming years. At the same time I learned a lot about how other companies are working on G11n, what are their challenges, how they deal with the issues, etc. “ – Xiang Zhao

Find your UX Happy Place

Best Practices for UX designers working with Adobe Experience Manager
Have you found yourself thrown into the initial discovery phase of a project, navigating a whirlwind of knowledge sharing and introductions? The executive sponsor has the launch deadline already ringing in their ear, and you’ve just found out that you’re responsible for driving the component re-use strategy to make your content authors’ and developers’ lives easier. Wait, what? Chances are, the team is two steps ahead of you starting a project plan, the term ‘lift-and-shift’ is being thrown around, and you’re still murmuring — Why hasn’t the user experience strategy been considered earlier on and instead becomes an after-thought? There’s always risk to identify — this is the reality of any project. But how can we work within these challenges and maintain a successful UX strategy?
“I keep hearing the term lift-and-shift and an emphasis on no redesign, what does this mean?”
Migrating content while redefining technical architecture with a new content management system in mind is no small task — it requires swift team coordination and ample development time. There’s no redesign from a visual design perspective, but HTML cannot just be moved over as-is. The HTML mark-up is going to change in order to accommodate the new template and component breakdown and handle the new flexibility for Experience Manager authoring. It would be wise to take a step back to focus on your content strategy and information architecture. Separating your content from code will allow for more adaptability on components that can be updated later, as your original code may need to be decomposed and reconstructed during the migration process — the breakdown of templates may differ, the number of components may be consolidated into fewer ones, and content might be broke up into several different components breaking style continuity. Additionally, as changes in the URL structure will most likely occur, the relationship between pages may break and CSS will need to be reorganized to accommodate these updates. While your visual designer may have less of a role, there will be more coordination between your front-end developer tasked with creating the HTL markup language and the technical architect leading the back-end development team that is creating the AEM Templates and components.
“There’s no time for prototyping and usability testing.”
Integration between Experience Manager, Adobe Target and Adobe Analytics allow opportunities for user testing as soon as you launch your website. This deeper cross-solution integration provides authors with tools to edit personalized content directly within Experience Manager and discover the most engaging digital experiences through tailored campaigns and testing. Adobe Analytics will help to track page views, engagement, and transaction-level information while providing metrics to monitor where your traffic is coming from. Through Adobe Target, you can import previously-defined audiences and a variety of creative experiences, personalized pages, and even Geo-targeted content. Adobe can help you put together a foundation where you can measure engagement and traffic and optimize the site based on these learnings to delivery the right experience to the right customer with the goal of increasing user adoption.
“Designers need to expedite their process in order for development to move forward.”
As a designer and a front-end developer, I believe that design cycles could be streamlined by considering an Atomic Design methodology rather than creating entire fully-detailed design comps up front. A responsive design system compromised of the building blocks (otherwise known as AEM templates and components) can help define the structure for the global look and feel and various layout alterations without having to design every single page. In addition, when any changes are required, updating a single component style guide can save a huge amount of time in design cycles, version control and file management in order for the team to focus on the implementation effort — thus, expediting the design process to move forward more quickly. A component style guide can also provide the blueprint for your front-end developers to build on-the-fly, re-usable code from global variables and a foundational framework such as Bootstrap. In turn, this can foster collaboration with your SEO expert and validate design decisions with real time frames based on implementation complexity in order to adhere to deadlines and budgets. The aim of atomic design is to be able to establish a set of building blocks to enable your authors to create new pages from a range of re-usable template, component, layout and content type variations. There’s enough flexibility to create what they need, without restricting them into very specific use cases. Adobe’s knowledge of Experience Manager can help you make the right call on what can be designed as OOTB components versus what is a fully custom built component.
With a vast number of variables out of our control, the role of the UX designer can feel like a battle field at times. We should be adaptable as creative problem solvers; Approaching Adobe Experience Manager with a clear head and well informed around the various tools at our disposal can help tweak your design process and approach without compromising the user experience, while making your content authors and developer lives’ easier. Working together, Adobe can help you lead a seamless design solution strategy for a successful marketing cloud experience.

Concurso “Make the Cut”: ¡demuestra lo que vales!

Adobe presenta hoy su concurso “Make the Cut” para celebrar el 25º aniversario de Premiere Pro. Te ofrecemos una oportunidad única en la vida de editar el videoclip de “Believer“, el nuevo sencillo del gran grupo de éxito Imagine Dragons. En el marco de una iniciativa pionera en el sector, Imagine Dragons facilita a sus seguidores acceso pleno a su licencia creativa para que puedas editar tu versión de este vídeo musical con Premiere Pro CC. El ganador del Primer Premio del concurso recibirá 25.000 dólares.
¿Eres la futura gran promesa de la edición de vídeos musicales?

Internet ha transformado considerablemente el panorama musical en los 20 últimos años. Las descargas y los servicios de emisión en continuo han facilitado el acceso a la música y han puesto a nuestro alcance inmediato millones de canciones. Sin embargo, existen claros inconvenientes, como las frecuentes batallas por los derechos de autor o problemas relacionados con la piratería, y los músicos intentan salvaguardar legítimamente su propiedad intelectual.
Esto hace que nuestro concurso “Make the Cut“, organizado en colaboración con Imagine Dragons, resulte aún más innovador. El grupo facilitará a sus seguidores acceso a imágenes sin cortes grabadas por un destacado director de vídeos musicales para que las editen y trabajen como les parezca, apoyando e impulsando con ello la labor de la comunidad creativa al ofrecer a sus miembros la posibilidad de crear su propio vídeo musical y, lo más importante, de conseguir que se reconozca su trabajo.
Además, este concurso constituye una oportunidad para que Adobe rinda homenaje a las magníficas creaciones de nuestros seguidores y aficionados a la videografía. Para nosotros, lo importante no son solo las herramientas, sino los 25 años de relación que hemos forjado con los miembros de nuestra comunidad. Esperamos seguir facilitándote, en los próximos 25 años, recursos y oportunidades que, como este concurso, te estimulen para crear y mostrar lo que mejor sabes hacer.
Ha llegado el momento de hablar de los premios. Los trabajos presentados al concurso “Make the Cut” serán evaluados por un jurado de figuras destacadas que se encargará de elegir al máximo ganador del Primer Premio de 25.000 dólares. Entre los miembros del jurado, estarán los componentes de la banda, el oscarizado Angus Wall, editor de películas como El club de la lucha, y Vinnie Hobbs, editor de vídeos musicales que trabaja con estrellas como Kendrick Lamar y Kanye. También se concederán accésits dotados con 1.000 dólares cada uno y una suscripción de un año a Creative Cloud a los proyectos ganadores de cuatro categorías especiales: proyecto favorito de los seguidores, proyecto más inesperado, mejor creativo novel y mejor formato abreviado. Asimismo, se otorgará un accésit especial dotado con 2.500 dólares, una suscripción de un año a Creative Cloud y 25 créditos de Adobe Stock al proyecto de edición que mejor uso haya hecho de los vídeos de Adobe Stock facilitados a los participantes.
¡Demuestra lo que vales participando en “Make the Cut”! ¡Esta es tu oportunidad! (Si no eres miembro de Creative Cloud, puedes empezar por descargar una versión de prueba gratuita de Premiere Pro CC).

Adobe Sign and Adobe Experience Manager Accelerate the Customer Journey

Forms – They’re everywhere. Every day, many people still print them, sign them, scan them back into digital format, and then email them. That process has become so confusing that people tend to incorrectly fill out documents, misplace files or even drop off entirely, which results in revenue loss. The digital transformation happening worldwide has made that old paradigm for forms obsolete. It’s no longer good enough, for example, for enrollment forms in financial services, healthcare, and government to be a fragmented mix of paper and digital. The key is keeping the customer journey 100% digital—from the time a potential customer first experiences your brand on their mobile device with a form, to the time they become a customer, not only delivering the best experience but also helping to attract new customers and maximize revenue.
Today, we’re excited to announce enhancements to the integration between Adobe Sign and Adobe Experience Manager Forms that turn complex, forms-based processes into simple, engaging, mobile-optimized digital experiences across the entire customer journey. Key capabilities include adaptive forms, capturing legally binding signatures from one or more signers, and custom dashboards to track and manage forms. With the integrated solution, the entire end-to-end process is completely digital.
Streamlining Digital Enrollment
With Adobe Sign and Adobe Experience Manager Forms, banks, insurance companies, healthcare providers, and government agencies can now enable people to easily find the form they need online, fill it out on any device, electronically sign it, and know that it has been submitted. Here’s an example of what the new integration enhancements can do through the process of applying for a mortgage loan.

Adaptive experiences: The journey starts with a prospective homeowner, Michael, clicking on a bank’s search ad for refinancing loans on his desktop computer. He’s shown a form where he selects the mortgage he’s interested in. After completing a few more steps, Michael stops the process to take a phone call, so he clicks a “Come Back Later” button to have a draft of the form sent to him. When he continues the application process on his mobile phone later, Adobe Sign and Adobe Experience Manager enable a fully responsive viewing and form filling experience automatically adapting to different screen sizes.

Additional signers: Michael then indicates that his wife will be a co-borrower in the form. Adobe Sign and Adobe Experience Manager automatically updates the form with a section for her information. He completes the form, signs it and submits it – all from his mobile device. Once it’s submitted, the form is automatically sent to his wife for her signature.

Intelligent, data-driven dashboard: Back at the bank, the mortgage specialist accesses a custom dashboard created with Adobe Experience Manager Forms displaying all mortgage applications. She sees that the homeowner’s qualifications were automatically evaluated using intelligent data integration, making it fast and easy for her to approve the loan within the dashboard. She confirms both parties have signed the form, and then approves it herself. The mortgage specialist can also review the audit trail for this loan at any time, anywhere.

Connecting the Customer Journey
The explosion of mobile devices and an overreliance on paper has broken the user experience. Brands need better visibility into how their customers are experiencing forms. Adobe Sign and Adobe Experience Manager Forms help companies like this bank create 100% digital customer journeys that connect them with and delight their customers.
Learn more about Adobe Sign and Experience Manager Forms for paperless onboarding here, and read about today’s announcement of Adobe Experience Cloud, including key integrations across Adobe Creative Cloud, Adobe Document Cloud, and Adobe Marketing Cloud.


この記事はXD Essentials: Best Practices for Animated Progress Indicators(著者:Nick Babich)の抄訳です

プル操作による更新 画像著作権 : Behance
プログレスインジケーターは、アプリからユーザーに、ユーザーのアクション処理に更に時間がかかることを知らせます。プロセスインジケーターのもっとも単純な形式は indeterminate (不確定タイプ)です。ユーザーに何かが終わるまで待つように求めますが、どのくらい待たせるかを示しません。
無限ループのアニメーションはシステムが動作していることをフィードバックするが、ユーザーの待機時間に関する情報は提供しない 画像著作権 : Behance
一般的なルールとして、2~10 秒の処理のときにこの種のインジケーターを使用すべきです。回り続けるスピナーや無限に続くアニメーションをこれ以上凝視させると、サイトからの離脱率の増加やアプリを閉じる原因となるでしょう。
別の種類のプログレスインジケーターは determinate (確定タイプ)と呼ばれ、処理に必要な時間を伝えます(おおよそ、もしくは正確に)。この種のインジケーターは、現在の進行状況、どこまで進んだか? どれだけ残っているか? を示す、有益なアニメーションによるフィードバックを提供します。完了に向けて進行するインジケーターは、ユーザーを安心させ、待つ意欲を高めます。
不確定タイプのインジケーターは待ち時間の不明な状態を表し、確定タイプのインジケーターは処理の終了までの時間を視覚化する 画像著作権 : Material Design
ループアニメーションの大半は不確定タイプであり、長い物も含め様々な種類の遅延に対して使用されます。そのため悪いいイメージを持たれがちです。例えば、Apple iOS標準の読み込み中を示すアイコン(中心点から放射状に並ぶ灰色の線が並んでいる輪が回転する)は、デバイスの起動から、ネットワークへの接続、データ読み込みなどの様々なシステムの機能の状態を示すために使われます。そのため、ユーザーはただ回転するだけで進捗を示さないスピナーを好きにはなれません。
回り続ける輪を見るのは針の止まった時計を見ているようなもの。時間が停止したように感じられる 画像著作権 : appance
線形の達成率を示すインジケーター 画像著作権 : Adobe Stock
円形の達成率を示すインジケーター 画像著作権 : Adobe Stock
Apple iOSのソフトウェア更新の予測
画像著作権 : Behance
画像著作権 : Behance
画像著作権 : Behance
画像著作権 : Vimeo
丁寧なアニメーションは訪問者の気をそらし、長い読み込み時間を忘れさせる 画像著作権 : Behance

동영상 콘텐츠와 디지털 마케팅

스마트폰의 대중화로 인해 가장 주목받는 콘텐츠가 있다면 바로 ‘동영상’일 것입니다. 언제 어디서나 간편하게 감상할 수 있고, 누구나 쉽게 촬영할 수 있게 되면서 동영상의 수요와 공급은 크게 증가했습니다. 이 같은 이유로 일부 지역은 2016년부터 모바일 동영상 광고 매출이 데스크톱을 앞질렀다고 하니, 2017년 더욱 주목해야 할 마케팅 트렌드가 아닐 수 없습니다.
마케팅에서 ‘동영상’이 필요한 진짜 이유
마케터들이 동영상에 주목해야 하는 이유는 효과적으로 마케팅 메시지를 전달할 수 있다는 점입니다. 기존 사진과 텍스트로만 구성된 콘텐츠를 뛰어넘어 이성과 감성을 아우르는 메시지를 전달할 수 있는 콘텐츠이기 때문입니다.
이러한 점에서 많은 기업은 다양한 마케팅 상황에서 동영상 활용을 주목하고 있습니다. 최근에는 실시간 인터넷 방송, 웹 드라마 및 예능 등 기존에 없던 새로운 포맷이 등장하면서 다양한 형태로 동영상을 시청할 수 있습니다. 이를 활용해 기업에서는 제품부터 브랜드 이미지에 이르기까지 다양한 내용의 영상을 효과적으로 전달 할 수 있게 되었습니다.
동영상 콘텐츠는 콘텐츠 몰입도를 높일 뿐 아니라 매출에도 영향을 미칩니다. 동영상 콘텐츠를 마케팅에 활용한 업체 중 하나로 소셜커머스 업체 티몬을 꼽을 수 있는데요. 티몬은 홈쇼핑처럼 동영상으로 제품을 소개하는 ‘티비온’ 서비스를 통해 연예인, 셰프, 블로거 등 유명 인플루언서들이 상품을 소개하는 영상으로 소비자들의 구매 욕구를 자극했습니다. 그 결과 글과 사진으로 제품을 설명했을 때보 주문량이 급증한 제품도 있다고 합니다. 이는 동영상이 고객의 행동을 끌어내는데 보다 유리한 콘텐츠임을 보여주는 사례라고 할 수 있습니다.
소셜미디어에도 불어온 ‘비디오 퍼스트’ 열풍
트렌드에 가장 빠르게 반응하는 소셜미디어는 어떨까요? 페이스북은 과거 ‘모바일 퍼스트’를 강조하던 때와 달리 지금은 ‘비디오 퍼스트’를 강조하고 있습니다. 페이스북 라이브, 인스타그램 비디오 등 동영상 서비스를 꾸준히 확장해 가고 있죠. 더불어 유튜브, 스냅챗, 트위터의 페리스코프 등 실시간 스트리밍 방송을 지원하는 소셜미디어가 늘어나면서 동영상은 소비자들의 삶에 한층 더 깊숙이 자리 잡게 되었습니다.
늘어난 것은 동영상 플랫폼만이 아닙니다. 동영상 기술의 발전으로 영상으로 표현할 수 있는 범위 또한 넓어졌습니다. 가장 대표적인 것이 바로 360도 영상입니다. 360도 영상은 기존과 다른 각도에서 영상을 표현할 수 있는 데다가, VR 기기에 연결하면 실제 그 자리에 있는 것처럼 생생한 영상을 볼 수 있다는 점에서 주목받고 있습니다. 페이스북과 인스타그램도 360도 카메라로 촬영한 영상을 업로드할 수 있게 되었습니다. 대표적인 동영상 편집 프로그램인 어도비 프리미어 프로 CC에서도 VR 영상을 편집할 수 있는 기능을 지원하고 있습니다.
동영상 크리에이터의 부상과 국내 MCN 환경
동영상 열풍에 있어 빼놓을 수 없는 것은 바로 1인 미디어입니다. 기업뿐 아니라 개인 또한 뛰어난 콘텐츠를 제작, 유통하고 있습니다. 경쟁력 있는 콘텐츠로 높은 인기를 얻게 된 인플루언서들은 많은 광고 수익을 창출했을 뿐만 아니라 새로운 산업이 등장하는 배경을 제공하게 되는데요. 바로 MCN(Multi Channel Network)입니다.
MCN은 1인 미디어가 수행하기 어려운 콘텐츠 기획, 파트너십, 저작권 관리 등의 전문적인 업무를 제공해주는 일종의 소속사 역할을 하고 있습니다. 이러한 기업의 도전은 1인 미디어가 중국, 미국을 비롯한 해외시장에 진출할 수 있는 발판이 되어주고 기업과의 연계 가능성을 열어 주기도 합니다.
CJ E&M은 2013년 MCN 사업에 첫 진출해 대도서관, 씬님 등 150만 명이 넘는 구독자 수를 보유하는 유명 인플루언서를 영입한 국내 최대의 MCN입니다. 최근에는 자사 크리에이터 그룹을 ‘다이아TV(Digital Influencer & Artist TV)’로 변경하고, MCN 방송을 전문적으로 다루는 다이아TV를 런칭하기도 했습니다. 이외에도 트레져헌터, 비디오빌리지, 쉐어하우스 등 다양한 MCN 기업들이 유명 인플루언서들을 보유하고 있습니다.
유튜브, 페이스북, 인스타그램 … 동영상 마케팅에 적합한 소셜미디어는?
2017년 마케팅 키워드가 동영상이라는데 이의를 제기할 수는 없을 것입니다. 하지만 트렌드를 제대로 쫓아가기 위해서는 유통하려는 동영상 채널의 성격을 잘 파악해야 합니다. 채널에 따라 타깃의 성별, 연령을 비롯해 선호하는 영상의 길이, 소비자 광고 민감도 등 성격이 각기 다양하므로 소비자의 호응을 얻으려면 꼼꼼한 사전 조사가 필요합니다.
유튜브는 세계 최대의 동영상 사이트이지만 검색을 기반으로 하고 있으므로 소비자들에게 동영상이 노출된다기보다 발견되는 것에 가깝습니다. 그러다 보니 광고를 통해 원하는 동영상을 노출하는 경우가 많습니다.
반대로 페이스북은 새로운 콘텐츠들이 기존의 콘텐츠를 끊임없이 밀어내기 때문에 약 2주가 지나면 콘텐츠 발행 효과가 줄어든다고 합니다. 효과적인 동영상 마케팅을 원한다면 지속적으로 새로운 콘텐츠를 발행해 상위에 노출 시킬 수 있어야 합니다.
인스타그램의 주 사용층은 10대 후반에서 20대로 그 폭이 넓지 않기 때문에 타깃의 연령대를 잘 살피는 것이 중요합니다. 인스타그램은 페이스북에 비해 광고 콘텐츠에 민감하게 반응하는 경향이 있어, 마케팅 메시지를 노골적으로 드러내는 콘텐츠는 거부감을 유발할 수 있으므로 주의가 필요합니다. 최근 업데이트된 ‘인스타그램 스토리’는 피드의 최상단에 노출되므로 이 점을 잘 활용한다면 효과적으로 동영상 콘텐츠를 노출할 수 있습니다.
성공적인 동영상 콘텐츠 마케팅을 위한 제언
지금까지 소셜미디어와 MCN을 중심으로 최근 동영상 콘텐츠 마케팅 트렌드를 살펴보았습니다. 동영상 콘텐츠를 활용한 마케팅 활동이 많아지고 있지만, 동영상 콘텐츠 마케팅이 항상 성공을 보장해 주는 것은 아닙니다. 사진이나 텍스트로 구성된 콘텐츠보다 동영상 제작에 비용이 많이 소요되는 만큼 오히려 비용 대비 성과가 좋지 않은 경우도 있습니다.
동영상 콘텐츠 마케팅을 성공시키기 위해 소비자의 눈길을 끄는 영상을 제작하는 것과 잘 짜인 마케팅 플랜은 필수입니다. 그리고, 좋은 기획과 마찬가지로 중요한 것이 바로 ‘분석’인데요. 동영상 콘텐츠의 성과를 측정하고, 영상을 통해 브랜드 메시지를 접한 타깃을 분석해 실제 매출로 이어질 수 있도록 행동을 유도하는 모든 단계에 정교한 분석이 필요합니다. 매력적인 기획과 정밀한 분석을 통해 동영상 콘텐츠 마케팅을 성공적으로 이끌어 보세요.