Search results for 'IT Tech/UX'

아토믹 디자인(Atomic Design) 적용해볼까?

2020. 5. 17. 22:34

이 글은 아토믹 디자인(Atomic Design)이 무엇인가에 대한 글은 아닙니다. 아토믹 디자인 컨셉을 활용해 본 후기입니다.

아토믹 디자인은 아래 블로그에서 자세히 확인하실 수 있습니다.

Brad Frost의 아토믹 디자인 컨셉

 

아토믹 디자인이라는 용어를 접한 건 작년 2019년 입니다. 아토믹 디자인은 쉽게 말해서 화면을 구성할 수 있는 아주 작은 단위의 요소부터 디자인 시스템을 만들어가는 방법론이라고 볼 수 있습니다.

놀랍게도 2013년도부터 이 용어가 쓰여졌는데요. 2016년에는 책도 쓰였으니 꽤나 오래된 개념이라고 볼 수 있겠네요. 제가 이 용어를 접하게 된 계기는 재미있게도 디자인이 아닌 개발 효율화 측면이었습니다. 비슷한 모양의 비슷한 기능을 하는 스타일코드와 스크립트들이 중복하여 존재하는 프로젝트가 있었습니다. 이를 개선할 방법은 중복 코드의 제거를 통한 효율화인데 프로젝트의 오너는 비개발자여서 이를 더 멋지게 설명할 그럴듯한 단어가 필요하여 아토믹 디자인을 발견하게 되었습니다. 최신 웹 개발 프레임워크(Angular, React, Vue 등)들이 컴포넌트 단위의 개발을 지원하기에 아토믹 디자인과 디자인시스템의 도입은 개발 측면에서도 상당한 이득을 가져다 줄 수 있었습니다.

여기까지가 머리 속에서 그린 청사진이지요. 안타깝게도 현실은 만만치가 않습니다. 머리 속에서 그렸던대로 흘러가지 않았습니다. 제가 마주한 어려움들 몇 가지를 공유하며 아토믹 디자인을 적용하기 위한 전제에 대해 적어봅니다.

1. 아토믹 디자인은 모든 팀원이 이해하고 시작해야 합니다.
어떤 방법론이든 참여자들의 이해를 기반하여 성과가 나온다는 것은 명확합니다. 아토믹 디자인은 특히나 기획/디자인/개발 역할자 모두가 아토믹 디자인이 어떤 식으로 흘러가는지 이해할 필요가 있습니다. 일반적인 작업 방식과 순서부터가 다릅니다. 전체적인 그림을 그리고 부분적으로 채워가는 Top-Down 방식이 아닌 가장 작은 요소부터 만들어가는 Bottom-Up 방식으로 만들어집니다. 요즘은 애자일이라 부르고 짧은 일정에 디자인과 개발이 병렬적으로 수행되는 경우가 많은데 이런 상황에서는 기획/디자인이 Top-Down 방식으로 가는 이상 개발에서 아토믹 디자인을 적용하기 상당히 어렵습니다. 논의를 통해 공통요소를 도출하고 적어도 스타일 가이드는 만들어가야 그나마 흉내는 낼 수 있죠. 다만 상당히 고생할 수 밖에 없습니다.

2. 이미 정의된 아토믹 요소를 공유할 체계가 필요합니다.
프로젝트는 여러 사람이 함께합니다. 아토믹한 요소들에 대해 모두가 숙지하고 있다면 좋겠지만 큰 프로젝트의 경우 스타일 가이드를 완성해가는 사람들과 실제 화면을 디자인해가는 사람들이 다릅니다. 따라서 디자인의 근간이 되는 요소들이 실시간으로 공유될 체계가 잡혀있어야합니다. Zeplin이든 Sketch Library든 또는 코드가 포함된 Style Guide든 (PatternLab, Storybook, Fractal 등) 눈으로 쉽게 확인할 수 있는 방법과 무엇이 언제 왜 업데이트가 되는 지에 대한 내용이 문서이든 협업 도구든(Slack, Jira, Confluence, Wiki 등) 잘 기록되고 관리되어야합니다. 아무 체계 없이 가다가는 혼란스러울 뿐입니다.

3. 적당한 경계를 잘판단해야 합니다.
가장 어려운 단어인 '적당한'이 등장 합니다. 어디까지가 표준이고 공통이며 어디부터가 변용인지 명확한 경계가 없습니다. 팀원들이 잘 정해나가야하죠. 표준이 너무 강하면 디자인의 자유도가 떨어지고, 변용이 너무 강하면 표준이 의미가 없어집니다. 브랜딩인지 마케팅인지 성능인지 사용성인지 방향성을 잘잡고 가야합니다.

주저리 주저리 적어봤지만 너무 추상적이 되어버렸네요. 컴포넌트 단위의 개발, 스타일 가이드, 디자인 시스템이 효율적인 방법론을 제공하는 것은 분명합니다만, 쓸 줄 모르는 도구는 때론 안쓰는 것만 못할 때가 있다라는 더 추상적인 말로 마무리 짓겠습니다.

'IT Tech > UX' 카테고리의 다른 글

전문가로서 가져야할 마음가짐  (0) 2017.06.12

TechTrip IT Tech/UX

전문가로서 가져야할 마음가짐

2017. 6. 12. 21:00

"무엇을 공부해야할지 갈피를 잡지 못하겠다면 마음가짐부터!"라는 취지로 글을 씁니다.


일과 삶에서 성공하기 위해 중요한 것은 스킬보다는 마인드셋입니다.

그럼 마인드셋이란 무엇일까요?


"당신의 마인드셋은 당신이 보고 생각하고 믿는 것이다. ... 그것은 당신이 삶을 살아가면서 보고 느끼는 것에 대한 마음의 렌즈다. 마인드셋은 당신이 보는 모든 것에 영향을 줄 뿐아니라 당신이 하는 모든 것에 영향을 준다." 

- James Reed and Paul G.Stoltz (Put your mindset to work의 저자)


위의 말에서 알 수 있듯이 마인드셋은 생각하는 습관입니다.

당신이 다른 사람과 구별되는 독특한 무언가라고 볼 수 있죠.


"사람은 지속적으로 특별한 방식으로 행동하면서 특별한 사람이 된다."

- 아리스토텔레스


채용 담당자의 96%가 스킬을 갖춘 사람보다는 마인드셋을 갖춘 사람을 뽑는다고 응답합니다.


그렇다면 전문가에게 요구되는 마인드 셋은 무엇일까요?


1. Be Empathetic

다른 사람의 생각을 이해하고 공유하는 능력

다른 사람의 필요와 감정에 집중하는 능력


"만약 성공하기 위한 비밀의 열쇠가 있다면, 그것은 다른 사람의 관점을 이해하고 그 관점을 나의 관점을 더해 세상을 보는 것이다."

- 헨리 포드


2. Be Intuitive

무언가를 의식적인 생각 없이 즉시 이해하는 능력


"직관은 신성한 선물이고, 이성적인 생각은 충실한 하인이다. 우리는 하인에게 영광을 주고 선물은 잊어버린 사회를 만들었다."

- 알버트 아인슈타인


3. Be Creative

기존의 아이디어 혹은 상상을 활용하는 능력


"창의성은 점들의 연결이다. 창의적인 사람들은 자신이 가진 경험들을 연결할 줄 알고, 새로운 것들과 동조할 줄 아는 능력이 있다."

- 스티브 잡스


"창의성은 전염된다."

- 알버트 아인슈타인


4. Be Passionate

강렬히 바라거나 또는 어떤 것에 대해 열광하는 능력


"당신의 일은 당신의 삶에서 많은 부분을 차지한다. 따라서 당신이 만족스러운 삶을 살기 위해서는 스스로가 훌륭한 일이라고 믿는 것을 해야한다. 그리고 훌륭한 일을 해내기 위한 유일한 방법은 당신히 하는 일을 사랑하는 것이다."

- 스티브 잡스


5. Be a Life-long Learner

경험과 공부와 교육을 통해 지속적으로 스킬 혹은 지식을 얻는 능력


"배움은 변화에 발맞추는 삶의 긴 과정입니다. 그리고 가장 어려운 일은 사람들에게 어떻게 배우는지 가르치는 일입니다."

- 피터 드러커


"나는 특별한 능력이 없습니다. 나는 열정적으로 궁금해할 뿐입니다."

- 알버트 아인슈타인


아래는 전문가가 팀으로 일할 때 요구되는 마인드셋입니다.


6. Be a Good Listener

다른 사람이 무엇을 말하는지 어떻게 말하는지 정확하게 알아차리고 반응하는 능력


"만약 우리가 듣는 것보다 더 많이 말하도록 태어났다면, 우리는 두개의 혀와 하나의 귀를 가졌을 것이다."

- 마크 트웨인


7. Be Persuasive

다른 사람이 어떤 것을 행하거나 믿도록 하는 능력


"누군가를 설득하려면, 당신은 그를 가르치기보다 먼저 흥미를 유발해야만한다."

- 벤자민 프랭클린


8. Be Responsible and Kind

신뢰할만한 친절하고, 관대하고, 사려깊은 면모


"하루에도 백번씩 나의 삶이 다른 사람들의 노동, 삶과 죽음에 의존하고 있다는 걸 되새긴다. 그리고 나 역시 받은, 그리고 받고 있는 그만큼 기여하기 위해 최선을 다한다."

-알버트 아인슈타인


9. Be a Leader

조직을 이끌어가는 능력


"리더십은 팀원이 더 높은 곳을 바라보게 하는 것이고, 팀원의 능력을 더 높은 곳으로 끌어올리는 것이고, 팀원의 인격을 만들어가는 것이다."

- 피터드러커


아래는 멋진 사람(Human Being)이 되기 위해 당연히 갖추어야할 기본 중의 기본이죠.


10. Be Honest and Have Integrity

정직하고, 도덕적 기준이 높아야 함


"사람을 고용할 때, 3가지 즉, 도덕성, 지성, 그리고 에너지를 봐라. 그리고 도덕성이 없는 사람을 고용한다면 그의 지성과 에너지는 당신을 파괴할 것이다."

- 워렌 버핏


11. Be Courageous

위험과 고통을 감수할 줄 알아야 함


"다른 어떤 누구도 당신의 내면의 소리를 잠재우게 하지 마라. 용기를 가지고 당신의 마음과 직관을 따르는 것이 가장 중요하다."

- 스티브 잡스


12. Be Self-Aware

스스로의 감정과 동기, 그리고 욕망을 인지하고 있어야 함


"당신이 조직에 적용하고 있는 것들 중 모르는 것이 있다고 깨달았을 때, 당신이 모든 답을 알지 못함을 인정하는 것, 실수하는 것, 그리고 가장 중요한 도움을 요청하는 것을 망설이지 말라. 이것들은 지속적으로 배우고 혁신하고 민첩한 기업들의 특성이다."

- Chris Musselwhite (CEO of Inc.com)


위는 UX Matters라는 사이트의 글을 번역한 글입니다.

원글에서는 13가지 였으나 13번째는 12가지를 아우르는 성품이어서 생략합니다.


정보출처:

http://www.uxmatters.com/mt/archives/2014/09/13-human-qualities-you-must-have-to-succeed-in-work-and-life.php



'IT Tech > UX' 카테고리의 다른 글

아토믹 디자인(Atomic Design) 적용해볼까?  (0) 2020.05.17

TechTrip IT Tech/UX