안녕하세요 대학4학년때 구독했는데 지금은 주니어 ux디자이너네요ㅋㅋ.. 지금 팀장한테 초기제품의 어느 페이지를 이번 스프린트에 디자인해달라는 요구를 받았는데.. 뭔가 맥락이 안 잡히고 어떻게 시작할지 감이 안잡히더라구요. 결국 낑낑대며 리서치하다가 이 채널을 또 찾게됐네요. 이 영상 덕분에 제가 할 업무가 좀 명확해진거 같아요. IA를 세우고 그 페이지가 어떤 맥락에서, 관점에서 설계되어야하는지까지 해가야겠어요.. 감사합니다!
한국에서 현직 개발자 입니다. 저는 visual design 하시는 분들과 상품기획파트 분들과 혼란을 피하기 위해서 자처해서 UX기획(라고는 하지만 배치되어야할 컨트롤과 정보들 나열 정도이고 나머지를 조합하여 visual designer 분들이 진행) , IA, flowchart, 개발 설계까지 혼자하고 있었고 이런 부분까지 개발자가 개입되어야'만' 혼란이 없어질거라는 착각을 하고있었네요 놀랍습니다. 많이 배웁니다.
혼란을 피하기 위해서 UX 기획을 직접 하신다니 대단하세요. 개발하시기도 시간 빠듯하실텐데.. 프러덕트(상품 기획)팀과 디자인 팀에서 해야할 일을 직접 다 하시다니..대단하세요. 회사마다 책임지고 하는 분야일이 다 다르겠지만.... 제가 비슷하게 겪었던 경험이 있는데 ..예전에 다녔던 회사에서 시니어 개발자 한분이 Taekyung 님처럼 대개 꼼꼼하셨어요. 그리고 경험이 많아서 어떤 식으로 일을 해야지 프러덕트가 개발되는지도 전체 개발 사이클도 너무 잘 알고있었죠. 그 분이 프러덕 매니저를 ㅎㅎ 잡는 듯 가르쳤어요. 이것은 당신 일이다! 개발자로써 본인이 제안은 할 수 있지만, 이것은 원래 니가 해서 전달해야하는 정보들이다. 하면서 얘기하더라구요. 그리고 본인이 디자인팀에서는 개발하기 위해 어떤 정보가 필요한지까지.. 이야기 해줬었던 기억이 나요. 어쩌면 지금 제가 하고 있는 이 모든 프로세스들이 그때 경험에서 만들어 진 과정일 수도 있어요. 그때 그 프러덕트 매니저는 그 개발자 의견에 다 수긍하고 기획단계를 디자인팀하고 구체화해서 개발자에게 넘기고 그랬던 기억이 나네요.. 진짜 혼자서 Taekyung님께서 먼저 다 정하고 상품 기획팀에 넘기고 디자인팀에 넘기신다는게 더 대단하신거 같아요.
@@uxsun 제공해주신 자료를 살펴보다가 궁금한적이 있어 질문드립니다. figma같은 경우 화면간 네비게이션을 화살표로 표현할때 기본 프로토타입기능이나 atuflow같은 plugin쓰니 원치 않는 방식으로 화살표를 표현하고, 라인+도형 조합으로 그리자니 너무 공수가 큰대 이부분에 괜찮은 유료툴이라던지 팁이 있으신가요? 아니면 직접 라인으로 그리시나요?
@@kindotnet9912 저도 왠만하면 플러그인 써서 써보려고 하는데..작업하다보면 KinDotnet처럼 제가 원하는 대로 표현이 안될때가 많아요. 그래서 저는 직접 그려서 할때가 많아요. 혹시라도 나중에 좋은 플로우 그리는 좋은 플러그인 찾으시면 알려주세요. 저도 알게되면 알려드릴게용~^^
예전에 봤었는데 다시 들어와서 보고 있습니다. 제가 작은 스타트업같은 미국 회사에서 일하면서, UI 디자인을 중심으로 시작했다가 업무상 이번엔 정말 UX 설계가 필요한 큰 프로젝트를 맡게 되었네요. 썬 님 영상 정말 도움됩니다. 이런 정보 상세하게 알려주시고 공유해주셔서 너무 감사해요!
인포메이션 아키텍쳐가 가장 기본인거 같아요. 사용자들이 얼마나 쉽게 앱이나 사이트에 다가갈 수 있는지를 가늠하는 작업이라 정말 중요한거 같아요 썬데이스토리님 말씀대로 만약에 자신이 만든 인포메이션 아키텍쳐를 기본으로 모든 사람들이 같이 작업하고 연구하고..그렇게 되면 너무 뿌듯 할 거 같아요~ 최소화 하는게 중요하다고 말씀하셨는데 정말 저도 공감합니다. 어떤 어플이나 사이트 들어갔을 때 직관적으로 이것 저것 눌렀을 때 진행되는 사이트나 어플이 향후 계속 사용하거나 다시 오게끔 하는데 매우 좌우된다고 보거든요~ 제가 관심 있었던 분야였기에(지금은 다른 일을 하지만요) 계속 UI UX 영상을 보는데요~ 영상을 보면서 느끼지만 너무 재밌게 잘 설명 해 주시는거 같아요!! ^^
어머 나와서 산다님~ 깜짝 놀랬어요. IA 금방 이해하시고 공감해주셔서.. ^^ 저도 나와서 산다님 의견에 다 백프로 동의해요. 맞아요. 제일 중요해요. 사용자 계속 방문하게 하는거! 계속 UI/UX 관심가져주시고 제가 앞으로 올려드릴 영상 쭈욱 보시면서 재미있으시면 한번 나와서 산다님도 사이드 프로젝트로 어플리케이션 디자인 도전?해보세요. 혹시 알아요 기발한 아이디어로 개인 사업하시게 될지도~^^
Sun님 안녕하세요:) 해외에서 UXUI디자인 공부 중인 학생입니다. 혼자 공부하고 있어서 중구난방이 되는 느낌이라 전체적인 프로세스가 너무 궁금했는데 처음부터 끝까지 순서대로, 예시 보여주시면서 설명해주시니 도움이 정말 엄청 엄청 많이 됩니다! 앞으로도 좋은 영상 많이 올려주세요 :D
영상 마지막에 숙제 내주시는 거 너무 좋은 것 같아요! 학교에서는 IA에 대해서 배우기는 했지만 학생 입장에서는 그저 UX flow에 일환으로만 형식적으로 스쳐지나가기만 해서 어떤 장점이 있고, 실질적으로 어떻게 쓰여지는지에 대해서는 잘 몰랐거든요 ㅎㅎ 또, 영상을 보며 IA에 대한 중요성에 대해서는 알았지만 어떻게 활용을 해봐야하나 걱정이였는데 숙제로 제안해주신 대로 한 번 해봐야겠어요! 유튜브는 댓글에 사진 첨부가 안되는게 아쉽네요ㅠ 요리유튜버들은 인스타 테그로라도 본인이 올린 레시피를 구독자들이 진짜 해먹는 걸 보고 뿌듯해하던데 말이죠 ㅎㅎ
아 그러게요 miffy님 의견 넘 감사해요 진짜 어디서 해시태그 달아서 저와 함께 연습하시는 분들 연습 공유하면 참 좋을거 같은데.. 제가 한번 방법 찾아봐야겠어여 ^^*조만간 유저플로우 영상 올라갈거에여 촬영 끝내서 담에 올라갈 영상안에는 숙제를 못넣었어영 제가 다다음 영상에는 숙제 함께 연습할 수 있는 방법도 꼭 넣어보도록 하겠습니다^^*
리나님~안녕하세요. 올해 땡스기빙은 좀 썰렁하게 보내겠어요. 밖에 자유롭게 돌아다닐 수 없으니.. 네게 틈틈히 좋아하시는 앱들은 메뉴, 페이지 구성이 어떻게 되었는지 사이트맵처럼 만드셔서 조사한 앱들에 공통적으로 들어간 구조도 찾아보시고 특이한 구조도 찾아보시고 잘되어있는 구조도 찾아보세요. 그렇게 연습하면서 인포메이션 아키텍처 익히는게 그냥 글로 읽는것 보다 더 빨리 파악하기 쉽지 않을까해요~ 오늘도 제 영상 봐주시고 연습까지 해주신다고 해주시고 감사해요^^*
저는 비전공자인데 한국에서 소비자 마케팅 경력을 오래 가지고 있다가 가족 문제로 해외로 나오게 되었어요. 나이도 있고, 경력 단절이라 조금 막막했는데 잡 싸이트 보던 중 UX 분야에 대해 알게됐어요.. 경력과 연결시켜 새로 공부해보려고 하던 중 써니 님 채널을 접했습니다 :) 전달력이 좋으셔서 비전공자임에도 이해가 잘 되네요 웹디자인 경력자이신 것 같은데 지금 계시는 회사에는 앱/웹 UI디자이너는 그럼 따로 있는건가요? 다른 영상보니 UI 디자인까지 전부 담당하시는 것 같기두 해서요.. 아직 용어들이 생소해서 모르는 부분이 많은데 아낌없이 공유해주시는 소스들, 그리고 다른분들 댓글에 정성스럽게 써주시는 코멘트 모두 감동입니다. 앞으로도 잘 볼게요! 고맙습니다.
리나님 안녕하세요. 리나님 생각하신 대로 저는 앱/웹 디자인 둘 다 해요. 와이어 프레임부터 비주얼 디자인까지 다 하는데요. 이게 요즘 제가 일하는 지역, 미국에서 일하는 유엑스 디자이너들의 트렌드?에요. 디자인 에이전시에서는 와이어 프레임 만드는 사람, 유아이 디자인하는 사람 따로따로 있는 거 봤는데.. 저처럼 인 하우스로 한 회사에서 소속되어 있는 경우에는 포괄적으로 디자이너들이 많이 하는 추세에요. 그리고 어떤 플랫폼으로 디자인할지 모르기 때문에, 앱 기반의 프로덕인지 인지, 웹 베이스로 한 프로 덕인지 어떤 프로덕을 만들지 모르기 때문에 리나님께서 지금 유엑스를 준비하신다면 두 가지다 공부하시길 추천드려요. 그래야지 취업할 수 있는 문의 기회가 넓어져요. 저는 작년에는 애플리케이션, 웹 기반 디자인 둘 다 했었고요. 지금 현재는 웹 기반 대시보드 디자인 지금 회사에서 새로운 프로젝트로 맡아서 디자인하고 있어요. 이렇게 한 회사 안에서 일해도 언제 어떤 플랫폼 기반으로 한 프로덕을 할지 몰라서 둘 다 공부하시길 추천드려요. 지금 용어들 다 생소하셔도 제 영상 보시면서 리나님 공부하시는데 조금이라도 쉽게 익히실 수 있도록 예제 보여드리면서 새로운 용어들, 익혀두셔야 하는 용어들 함께 설명해 드릴게요. ^^
갓 신입으로 들어온 UX designer입니다~ 이미 와이어프레임 디자인 단계로 들어간 상황인데 IA 만들어둔게 없어서 매니저가 네가 직접 만들어볼래? 하고 맡게되어 열심히 공부중이에요! 8:20 이랑 9:42는 사이트맵처럼 생겼다는 생각도 드는데 IA와 사이트맵은 큰 차이가없나요? 있다면 현존하는 웹사이트의 IA를 build up할때 어떤 요소를 포함시키는게 중요한지도 알고싶어요~
IA를 비주얼적으로 보여줘야 한다면 사이트맵 처럼 보일거에요. 그냥 사이트 맵 만든다고 생각하시면 될거 같아요. 그런데 구지 IA 와 사이트맵의 차이점을 꼽으라면 저는 Sitemap은 한개의 사이트/앱에 대한 전체 페이지들을 나열한 거. 그리고 IA는 여러개의 사이트들을 하나의 프로덕으로 묶어서 보여주는 거 즉, 여러개의 사이트들이 있다면 하나의 IA 속에 다 들어가게 보이게 사이트맵을 만드는 거라고 말씀드릴 거 같아요. 즉, 웹사이트가 하나라면 사이트맵 만드신다고 생각하시고 IA 만드시면 돼요. IA를 만드실 때 꼭 포함되어야 하는 요소라고 한다면 (1) 네비게이션 메뉴들이 우선 제일 먼저 그 사이트맵 안에 들어가 있어야 하고, 유저가 그 메뉴를 클릭했을때 보여주는 (2) 페이지 리스트들을 사이트 맵 속에 들어가게 저는 보통 만들어요. 그리고 그 (3)페이지 안에 크게 메인으로 들어가는 정보들이 있다면 그것도 함께 리스트화해서 보여주세요. 9:42 보시면 제가 페이지 아래에 리스트로 작게 나열한 텍스트들이 그런 정보겠죠..참고용^^: 저는 저렇게 3가지를 IA에 보통 넣어요. 그런데 (3)번 요소는 어떤 사이트맵에 있고 어떤 사이트맵에는 못봤던 거 같아요. 옵션처럼 생각하세요. (1),(2) 내용은 꼭 들어가야 하는 요소구요. 팀원들이 사이트맵만 봐도 어떤 메뉴들이, 어떤 페이지들이 그 사이트 안에 구성 되어있는지 알 수 있게 정리해놓은 차트? 라고 생각하시면 쉽게 이해가 되실런지... 그리고 이건 제가 팀원들이 쉽게 사이트 전체 구조 이해하게 해주려고 할 때 쓰는 저만의 방법인데. 영상에서도 언급했었는데.. 와이어프레임 아니면 유저플로우 만들어지면 저는 사이트 맵에 유저 플로우나 와이어프레임 페이지를 링크 걸어놔요. 그래서 어느 페이지가 디자인 완료되었고 어떤 페이지가 디자인이 안되었는지 알 수 있어서 좋아요. 그리고 그렇게 링크 걸어놓은 사이트맵은 팀원들도 사이트 전체 페이지 이해하려고 할때, 구체적으로 어떤 내용이 그 페이지안에 들어가 있는지 보려고 할때 유용하게 참고하여 각자 맡은 개발, 디자인을 하는데 도움을 주기도 해요. 사이트맵이 엄청 많은 단계로 메뉴 안에 또 다른 메뉴 또 다른 메뉴 이렇게 여러개의 레벨로 내려가면 아무래도 사이트맵이 복잡해지겠죠. 그러면 사용자들도 이용하기 복잡한 구조로 만들어져 가고 있다고 생각할 수 도 있어요. 그러면 다시 한번 더 웹사이트 구조를 생각해야 하는 계기가 될수도 있어요. 그리고 보통 사이트 맵 만들면, 같은 메뉴/페이지가 여기저기 들어가있는 복잡한 페이지 구조를 예방하게도 해줘요. 답변이 도움이 되었는지 모르겠어요. 더 궁금하신 점 있으시면 다시 댓글 남겨주세요.제 경험에서 말씀드리다 보니 체계적으로 말씀을 못드리는 거 같기도 하고;;; 제가 알려드린 방법은 그냥 제 개인 작업 스타일인거 참고해주세요.;
동댕딩님. 기존 앱을 이용해서 IA 만드는게 새 앱의 IA 보다 더 쉽게 작업할 수 있을거 같은데.. 네에 제가 만드는 영상 한번 준비해볼게요. 대신 두가지 질문^^있어요. 동댕님은 어떤 점이 IA를 만드는걸 어렵게 느끼게 하는지 궁금해요~ 그리고 어떤 앱을 이용해서 IA 만들어볼까요? ^^ 지금 당장은 계획되어있는 스텝별 영상들이 올라가야해서..당장 올리지는 못하지만 다음달에 꼭 만들어 볼게요.
@@uxsun 우선 답변 정말정말 감사드립니다 !! 영상 3번정도 반복해서 보고 다른 자료들도 공부해서 이해한 내용은 유저가 앱을 목적에 쉽게 도달할 수 있도록 정보의 계층 구조도를 만드는 것이라고 보면 될까요?? 2. 앱의 기능이 많이 없는 버거킹같은 앱을 예시로 IA를 만드는 걸 보여주시면 저같이 이해력 부족한 사람들도 구체적인 시각자료(앱 화면)를 통해서 이해하기 쉬울 것 같아요.
1. 네에 맞아요 유저들이 쉽게 사용하게 사이트/ 앱구성을 잡는거라고 생각하세요. 관련된 액션들 /기능/메뉴들을 그룹으로 묶고 그걸로 네비게이션 메뉴를 만든다고 생각하세요. 유저들이 네비게이션 메뉴보고 그 안에 들어가 있는 메뉴보고 원하는 기능들을 빨리 찾게 도와주기 위해 사이트 전체 구도 파악하고 이해할때 이 사이트맵이 도움이 될거에여 2. 넹 버거킹 앱 IA 만들어서 영상 한번 만들어볼게여^^*
안녕하세요 아보아보님~ 아 아보아보님 댓글 재밌으면서 저에게도 감동~ 아보아보님 노트 필기 글 보면서 공부하시는 데 도움 될 정도의 정보를 공유해드릴 수 있도록 제가 더 열심히 영상을 만들어야겠다고 모티베이션을 주셔서 감사해요. 가끔은 저도 준비하는 과정이 너무 시간이 모자를 정도로 버거울 때가 있긴 한데.. 그래도 이렇게 아보아보님처럼 도움 된다는 글 들 보면서 진짜 올리고 나서 보람도 느끼고 으쌰 으쌰 힘 겸임 나요. 진짜 감사합니다. 네에 저도 사이드 프로젝트 잘 만들어보고 싶어요 그래서 제 포폴에 넣어보려고요. 페이먼트 디자인, 대시보드 디자인으로만 꽉 찬 제 포트폴리오 바꿔보려고요 ㅎㅎㅎㅎ 저도 기대돼요 ㅎ 제가 뭘 만들지 ~ 쭉 지켜봐 주세요
그때 그때 상황에 따라 저는 IA 구조가 달랐던 거 같아요. 프로젝트가 간단하면 트리구조식으로도 메뉴가 뭐뭐 있고 그안에 어떤 페이지가 있는지 비주얼 적으로 사이트 맵 같이 그냥 참고용으로 만들었는데..복잡한 프로젝트는 트리 구조식 IA가 한계가 있었어요. 그래서 팀 상황에 따라 플랫폼 구성에 따라 모든 팀이 그 프로젝트 이해를 돕기 위해 액셀 박스식으로 나열했던 거 같아요. 그 누구도 IA는 이런식으로 한다고 정의해주는 사람은 없지만, 저희같은 디자이너가 만든 IA로 그 프로젝트가 어떻게 구성되고 돌아가는지 이해도를 돕는 건 동일할 거 같아요. 어떤 구조를 쓰시든 David님이랑 팀 사람들이 모두 이해할 수 있는 방향으로 IA레이아웃/스타일 정하시면 될거예요.프로젝트 규모 / IA 만드는 목적에 따라 그 구조는 바뀔 수 있다고 저는 생각해요. ^^
공부 많이하고 잇고 도움이 너무 많이됩니다!! 실제로 일할때 쓰이고 도움이되는정보를 주셔서 너무 좋네요 ! 인포메이션 아키텍쳐 예를 들면 자주 애용 하는 우버앱 등등 저희가 알고있는 유명한 앱을 예시로 한번 아키텍쳐를 하는영상 올려주시면 어떨까합니다 :) 실제로 나와잇는앱으로 같이 연습를 하는영상이있우면 더욱 와닿을꺼같아요!!
아 저는 기존 앱의 아키텍쳐 만드는 것보다 새로운 앱의 아키텍쳐 만드는게 더 어렵지 않을까해서 제가 아무것도 없는 상태의 프로젝트를 시작해서 처음부터 하는 과정을 보여주려고 했거든요. 그런데 Beauty Monster님처럼 현재 있는 앱을 예로 아키텍쳐를 만드는 모습을 보여달라는 요청을 받은 적이 있어요. 그게 더 이해하기가 쉽나봐용. 제가 한번 기존 앱의 아키텍쳐 만드는 영상 만들어서 올릴게요~ 의견 주셔서 넘 감사해요. 계속 이렇게 의견주세용^^* 넘넘 감사해요
안녕하세요 썬님, 늘 IA가 뭔지 궁금했는데, 정말 유용한 영상입니다. 궁금한게 있어서 댓글 드려요! 그럼 IA가 사이트맵이랑 거의 같은말이라고 봐도 될까요? 그리고 UX 디자이너들이 작업한 화면 보면 대부분 status bar에 나오는 시간, 배터리 이런거 다 표시해놓던데요.. 이 부분은 디자인을 따로 할수 있는 영역이 아니라 OS에 맞추어서 자동으로 들어가는 것 아닌가요? 왜 디자인 시안에 status bar를 그려넣나요?? 행복한 하루 되세요!!
캐나다에서 갓졸업하고 갓 주니어 UX/UI디자이너로 일을 시작했습니다! 정말 하나하나 주옥같은 강의(?)네요! 감사합니다 :') 이거에 이어서 User Flow / Flow Chart / User Journey Map 에 대해서도 궁금한데 혹시 알려주시거나 영상 부탁 드려도 될까요~~ 대략적인것은 알지만 막상 제가 실행 해보려고 하니까 어렵네요 ㅠㅠ 이해도 살~~짝 안되는 부분들도 있구요! 항상 감사드려요~ 좋은 정보 많이 올려주셔서 !
안녕하세요. Angela님 안그래도 다음 스텝으로 User Flow 에 대한 영상을 올려드릴려고 하는데... 회사일 데드라인이 걸리면서 그리고 제 작업 환경도 바뀌고 학교 과제까지 겹칠건 다 겹쳐서 영상 작업을 집중해서 못하고 있어서여.. 최대한 빠른 시일내에 가능하면 이번주 끝나기 전에 유저플로우에 대한 영상 꼭 올릴 수 있도록 노력해볼게요. 조금만 기다려주세요. Angela님 이렇게 댓글로 어떤 부분이 궁금하신지 어려운지 알려주셔서 감사해요.제가 제 영상 만들때 고려해서 최대한 제가 아는 팁 많이 공유해드릴 수 있도록 준비해볼게요.
머리속에 화면 생각하면서도 하고. 새로운 런칭할때.. 어떤 메뉴가 하이레벨 메뉴로 잡을지 생각을 하고 그 아래에 서브 메뉴를 넣을지 .. 아니면 어떤 컨텐츠를 어떤 메뉴에 넣을지를 정하는데... 메뉴 구성 할때 card sorting 하는 걸로 메뉴 구성해도 좋아요. 이 영상 한번 보세요. ua-cam.com/video/oRuxysUxJpM/v-deo.html 조금 도움이 될 수 도 있을 거 같은데..직접 사람들에게 큰 메뉴 이름 주고, 그 아래 어떤 메뉴가 들어갈 거 같은지..분류시키는 테스트로 IA 만들면 유저 중심의 IA가 될거에요.
안녕하세요 와이어프레임 영상도 너무 잘 봤어요 감사합니다 : ) 너무 좋은 방법론 인 것 같아요 회사에서 와이어프레임과 플로우를 어떻게 쉽게 표현 할 수 있을까 항상 고민했는데 SUN님 방식으로 하면 좋을 것 같아요.GUI 디자인을 오래하가가 UIUX 디자이너로 넘어가면서 일하면서 공부하고 있어서 최적의 방법을 찾고 있어요. 그런데 사례로 보여주신 Overal flows 에 좋은 방식 인 것 같은데 구체적으로 좀 알고 싶어요 우선 가로(Dev Portal/Dev Support Portal..) 세로( App Lofe cycle)를 나누신 기준이 어떤 건가요? 그리고 Oracle 검은 쵸시가 있던데 어떤 역할을 하나요? 썬님과 동일한 방식으로 구현해보고 싶습니다
제가 예제로 보여드렸던 저 dev portal 5년전껀데.. 제가 저 스트럭쳐를 만들때는 제가 하고 있던 프로젝트가 하나인 듯 하지만 웹사이트가 4개정도로 나눠져 있었어요. 즉 유저가 다른 웹사이트였죠. 하나는 개발자가 앱을 올리는 사이트, 다른 하나는 개발자가 서브밋한 앱을 검토하는 어드민 사이트, 다른 하나는 개발자가 올린 앱들을 판매하는 사이트, 그리고 다른 하나는 스토어 관리하는 어드민 사이트 들이었어요. 가로로 나열한 것은 사이트 이름들을 나열한 것이었고 세로로 나열한 것은 처음 어떻게 시작하는지..entry point, 온보딩 플로우 (회원가입, 로그인 하는 식)으로 시작해서 그냥 그 사이트 아래 어떤 메뉴들이 있고 그 구성이 어떻게 되었는지로 정렬했었어요. 오라클은..백엔드에 시스템을 저장하고 불러오는 그런거 같은데.. 넘 오래된거라 기억이..^^;;;.
저는 지금 맥 프로 13인치 쓰고있어요. 원래는 13인치 쓰기전에는 17인치 썼었는데..큰 화면이 디자인 작업하기는 좋아요. 그런데, 어쩌다가 13인치를 쓰기 시작했는데..처음에는 스크린이 넘 작다는거에 불만이었어요.그런데, 저는 대부분 모니터를 연결해서 쓰거든요. 그러다보니 랩탑에서의 실질적인 디자인 작업은 이동중이거나 큰 모니터 쓰지 않을때만 쓰는데.. 쓰면 쓸수록 디자인하는데 불편함은 잘 못느껴요. 익숙해져서 그런지 저는 앞으로도 13인치 작은 사이즈 살거같아요. 작은 사이즈가 여기 저기 이동할때 가방에 넣기도 좋고 가벼워서 들고 다니기도 훨씬 좋더라구요. 대부분 메인 디자인 작업은 큰 모니터에 연결해서 그런지 저는 불편한 거 모르겠어요. 그런데 디자이너들 아마 많이 큰 인치 스크린 써요.저처럼 아마 작은 사이즈는 디자인할때 불편할 거 라는 선입견땜에 선호 안하는거 같아요. 디자인 작업하실때 큰 모니터에 연결해서 쓰실거라면 저는 작은 사이즈 추천~ 그런데 큰 모니터 연결안하실거면 큰 사이즈 추천 할게요.
질문이 있습니다. IA를 주로 기획자, 프로덕트매니저, 디자인 총괄하는 분이 주로 한다고 하셨는데, 기획자를 영어로 planner라고 일컫나요? 링크드인에 job position을 뭐라고 검색해야 하나요? 그리고 저는 영상에 소개해주신 것이 '스토리보드'라고 알고있는데 미국은 IA와 동일시하나요? 감사합니다
제가 지금까지 일하면서 봤을때는 IA 는 보통 디자이너가 하던지.. 아님 Product Manager가 주로 만들었어요. 미국은 보통 프로젝트 기획을 Product Manager라는 포지션에서 담당을 해요. Planner라는 표현은 못들어본거 같아요. Product Manager가 IA를 제공하면 디자이너가 수월하게 일을 하게 될것이고 만약 Product 에서 제공하지 않는다면 디자인팀에서 만들어요. 누가 되었든 프로젝트가 굴러가려면 IA가 필요하거든요. 그리고 제가 알고 있는 '스토리보드'는 살짝 만화같이 스토리를 만든 거를 말하는데.. 스토리 텔링같은거..그 스토리보드를 통해서 사람들이 좀 더 쉽게 공감하고 이해하게 해주는 작업으로 아는데..한번 구글에 'Storyboard'라고 검색해보세요. 그리고 이미지 탭 눌러서 이미지들 쭈욱 한번 보세요. IA, Sitemap 이랑 완전 다르다는 거 아시게 될거에요. 그리고 만약, App을 생각하고 스토리보드를 생각하셨다면 구글에 이렇게 storyboard design for app 검색해보세요. 참고할만한 스토리보드들이 많이 나와서 이해하시는데 도움되지 않을까 싶어요.
안녕하세요 앨리스 님~ 요즘에는 많이들 웹 사이트 템플릿 제공해 주는 웹 호스팅 써서 웹사이트 많이들 만드세요. 웹사이트 구축 시간 절약해서 안에 프로젝트의 내용을 튼실하게 하는 시간에 더 투자할 수 있는 장점이 있죠. 그리고 UX/UI 디자인 포폴은 보통 결과물 디자인을 보여주기까지의 디자인 과정을 포폴에 넣어요. 파이널 디자인을 제시하기까지의 그 프로젝트의 문제점이 무엇이었는지.. 그 문제점을 해결하기 위해 어떤 조사를 했는지.. 그리고 어떤 해결점을 찾아내고 제시했는지.. 그리고 그 해결점이 맞는지 아닌지 어떻게 검증했는지 등등.. 제가 포폴 공유하는 영상 만든 적이 있는데. 그 영상 한번 봐주세요 그리고 요즘 제가 앱 디자인 처음부터 만드는 과정, '새 프로젝트 디자인'이라고 해서 스텝별로 조금씩 시리즈 영상을 만들고 있거든요. 이 과정들 거치고 나면 제가 지금까지 영상별로 작업했던 과정들을 제 포트폴리오에 담을 거예요. 이 과정들이 다 포폴 만드는 과정의 샘플이라고 말씀드릴 수 있을거 같아요. 디자이너들 마다 다 포트폴리오 만드는 과정, 방법은 다르겠지만 제 방법은 제 채널에서 앞으로 쭉 더 보시게 될 거예요. 우선 제가 올려드렸던 포폴 영상ua-cam.com/video/UlN_95eJG5U/v-deo.html 한번 봐주시고 거기서 더 궁금하신 거 있으시면 댓글 남겨주세요. 제가 앞으로 영상 만들 때 고려할게요.
오늘도 좋은 정보 감사합니다! 제가 한 IA는 역시 너무 부족한게 느껴지네요 ㅎㅎ 혹시 리서치 팁이나 주의해야 할 것들이 있을까요? 리서치를 개인적으로 할 때 제 주관적으로 제 작업에 데스크리서치가 먼저 필요할 것 같다 이렇게 생각해서 시작하는 편입니다 이러다보면 리서치가 끝이 없는 느낌인거 같기도 하고 원하는 정보를 못 찾는 경우? 라기보단 리서치 전부터 이미 내가 완성하고자 하는 내용들이 머리속에 있어서 (그냥 시작전부터 assumption이 가득합니다 :) ) 필요한정보만 의도한 방향이 안틀어지게끔 리서치를 하는 것 같습니다 ㅜㅜ 시작부터 잘못된 습관이 생기는거 같아요 게으른 생각이 이렇게 나오는거 같기도 합니다 ㅎㅎ 양적조사를 할때에도 정보를 어떻게 하면 잘 찾을 수 있는지도 궁금합니다. *저번에 썬님이 주신 조언으로 포폴잘 수정하고 각국 디자인공부하는 학생들끼리 작업하는 프로젝트에 들어갈 수 있게 되었습니다 독일에서 공부중이라 독일 대표로 나가게 되었어요 ㅎㅎ 작업 시간이 부족해서 팀원끼리 MVP를 정하고 있습니다 썬님이 알려주신 MVP를 여기서 써먹내요 감사합니다!!
다인님~ 반가운 소식 들려주셔서 감사해요.독일 대표로 프로젝트 참여하시고 MVP도 적용하셔서 프로젝트 준비하시고 ^^* 넘 축하드려요~ 결과물 좋은 프로젝트 만드시길 진심으로 바랄게요. 우선 리서치 저도 똑같은 고민 많이했어요. 제가 갖고 있는 이넘의 답정녀! 습관 그리고 선입견! 제일 큰 장애물이죠..UX 디자이너로써..보통 UX 디자이너가 하는 리서치를 사용자 중심으로 하는거죠..하시고 계신 프로젝트의 타겟이 확실하게 정해지면 그 사람들은 어떻게 뭘 언제 이걸 하지.등등의 조사를 하시는데..조사 하실때 정확하게 목표를 정하셔야해요. 안그러면 정말 다인님처럼 데스크 리서치 하실때 끝도 없는 리서치를 하게 되더라구요. 그러다 시간이 없어서 그동안 모았던 자료에서 정보를 억지로 끌어내려고 하기도 하고..딱 리서치를 통해서 얻으려는 목표를 구체화 하셔야 해요. 예를들어, 제가 하고 있는 사이드 프로젝트 "음식물 쓰레기 줄이는 앱" 예를 들게요. 만약 다인님이 음식물 쓰레기 줄이는 앱을 만드는 프로젝트를 한다고 가정했을때, 리서치 하기전에 리서치하는 목표를 팀원들하고 정하세요. "비료만드는거".. 이걸 왜 해야하지..? 도시에 사는사람들이 왜 이걸 해야하지? ..왜??에 포커스를 맞춰서 리서치를 먼저 하세요. 현재 인터넷에 팩트로 나온 데이타는 비료는 음식물 쓰레기로 만들어지고 그리고 이것은 음식물 쓰레기로 인한 환경오염을 줄이는데 큰 역할을 한다.는 답을 가지면, 다음 팀원들과 공유하던지, 아님 다음 단계 리서치로 넘어가는거에요. 다음 단계 리서치 질문 그리고 목표를 정하세요. 예를 들어, 비료가 음식물 쓰레기가 그냥 매립지로 가는 확률을 줄이는것을 알았어요. 그러면, 음식물 쓰레기가 얼마나 안좋길래 사람들에게 내가 왜 음식물 쓰레기를 줄이는데 도움을 줘야하지? 그에 대해 구체적으로 조사해요. 인터넷으로 데이터는 엄청 많이 나오죠. 제가 찾은 샘플 데이터는 제가 영상,그리고 첨부 파일에 공유했어요. 그거 참고해보세요. 그러면 두번째 리서치에 대한 답을 찾게 되실거에요. 이런식으로 리서치를 통해서 찾으려는 목표를 구체적으로 확실하게 찾으세요. 만약, 다인님 머리속에 이미 해결점이 있고 그거에 대한 데이터를 찾으려고 하는건데 못찾는다고 하셨는데..어쩌면 해결점에 대한 근거를 받쳐줄 데이터를 찾을 수도 있어요. 인터넷에서..그러면 그거대로 밀고 나가실 수 있으세요. 데이터가 증명하니까..그런데 보통 그 해결점을 단정짓고 리서치 시작하는건..이건 사용자 중심의 디자인이라고 말하기 힘들어져요. 다인님 중심의 디자인.. 저도 이런 실수많이해요. 가끔은 아직도 그래요..이런 저의 중심의 디자인은 나중에 디자인하고나서 Usability testing이라는거 하면 딱 느껴져요..내 중심의 디자인이였구나 하고..제가 음식물 쓰레기 줄이는 앱을 만들때 처음 리서치 방향은 비료 어플 만드는걸로 리서치 시작했어요..그러다 리서치로 찾은 데이터를 바탕으로 음식물 쓰레기 줄이는 방향이 메인으로 바뀐거죠. 이렇게 리서치 하다보면 얻은 데이터로 다른솔루션을 찾기도 하고 그러기때문에 리서치 단계에서는 어떤 생각도 답으로 정하고 준비하시면 힘들어져요..제가 말을 힘들게 했는지 모르겠어요. 제가 말씀드리고 싶은 포인트는 정확하게 구체적으로 목표 (사용자가 누구, 그 사람들이 왜 , 무엇을 안하는지. 아니면 하는지..뭐를 불편해 하는지. 좋아하는지 등등 구체적으로 리서치 통해서 찾으려는 목표를 정확하게 정해서 리서치해서 펙트로 들이밀만한 데이터를 모으시는걸 추천드려요. 그리고 사실 리서치는 끝이 없어요. 시간 정해놓으시고 비슷한 정보만 계속 모인다 싶으시면 정한 목표에 대한 리서치는 그걸로 충분하다 생각하고 팀원들과 상의하고 다음 리서치 준비 아니면 다음 단계로 넘어가시는게 맞는거같아요. 그리고 양적 조사는 설문 조사같은 숫자로 데이터를 보여주는건데..설문조사에 대해서 물어보신건지?? 아님 질적조사?? 질적조사는 제가 위에 언급한 내용으로 시작해보심이 어떨까해요.말만길고 도움이 안되면 어쩌나..걱정되는데..결론은 리서치 통해서 얻으려는 정확한 목표를 구체적으로 정하시고 시작하셔야지 리서치가 방대하게 가지 않아요^^ 아 이 말한마디면 되는거같은데..쓸데없이 길게 쓴거 같은 느낌이;; 그래도 도움이 조금이라도 되었으면 좋겠네요.
아..제가 포트폴리오 웹사이트에는 아직 올리지 못했는데.. 얼마전 인터뷰 준비할 때 기존 프러덕 문제점 파악하고 리뉴얼 한 과정 인터뷰할때 프레젠테이션으로 준비해서 발표한 적 있거든요. 제가 그 프로젝트 만든 과정을 영상으로 만들어서 보여드려야 겠어요. 의견 감사해요. ^^ 한번 준비해볼게요. 기존 프러덕을 리디자인 한 케이스 만들어볼게요^^
안녕하세요! 얼마전 서비스 기획자로 입사한 신입 기획자 입니다ㅠㅠ 회사에서 조금씩 선배들 작업하는거 서포트하면서 궁금한 점이 많았는데 이렇게 자세하게 설명해주시니 정말 감사합니다! 앞으로도 좋은 영상 많이 많이 올려주세요!!! 그리고 혹시 IA구조도 작성 하실 때, 관점에 따라 구성을 다르게 잡아야 한다고 생각하는데 그런 관점을 기르는 습관에는 무엇이 있는지 궁금합니다!
관점이라면 사용자 관점을 말씀하시는 건지요? 사용자에 따라서 사이트/앱 구성이 달라진다면 그 프러덕트는 다른 프러덕트로 보고 IA 맵이 두개 나와야 겠죠. 만약 사용자 관점에 따라 구성이 달라진다면 그건 사용자 유저 플로우 만들때는 관점에 따라 달라진다는게 맞는거 같구요. 그리고 저는 IA 구조 잡을때 처음 연습할때는 타 사이트/ 앱들 보면서 ..이 메뉴는 어디 메뉴 밑에 들어가 있구나. 저 메뉴는 여기 메뉴 밑에 들어가있구나 라는 식으로 사이트 맵같이 구조를 그리면서 그 프러덕트 전체 그림을 그렸어요. 그리고 전체 그림 그리는데도 꽤 도움이 되구요. 답변이 도움이 되었는지 모르겠어요. 은환님 다른 더 궁금하신 점 있으시면 다시 글 남겨주세요. 원래 답글 최대한 빨리 달아드릴려고 하는데..요즘에 제가 이직 준비하면서 여러 회사 인터뷰를 보고 있어요. 회사마다..보는 기준도 다르고 준비하는 것도 다르고..거의 사이드 잡 수준ㅜㅜ 그래서 유튜브 엄두를 못내고 있어요. 인터뷰 끝나면 꼭 유용한 정보 갖고 올게요 그때까지는 댓글로 소통해요^^* 제가 답글을 늦게 달아도 이해해주세요. 감사합니다.
hoho ha 님 영상 1:42 부분에 저 도형에 대한 간단하게 설명했어요. 저 부분 한번 더 봐주세용 그리고 영상안에서 언급을 안한 부분 다른컬러.. 다른컬러 텍스트는 링크를 걸어놨다고 표시한거에용 그래서 샘플 피그마파일 다운받으셔서 다른 컬러 텍스트 한번 클릭해보세요.관련된 페이지로 넘어가게 링크걸어놨어요. 그럴 때 저는 다른 컬러 사용을 해요.도움이 되셨길 바래용 영상 봐주셔서 감사해요 ^^
어머 제가 잘못눌러서 Kimm 님한테 댓글 남긴게 지워졌어요..--;; 본 댓글 미리 다 읽어보셨길..바라며..여기 제가 전에 남긴 글 다시 간단히 답변해드릴게요. 저는 일러스트, 포토샵 부분 디자인 작업할때 아직도 사용해요. 예를들어, 아이콘, 백터 이미지 작업은 일러스트로, 사진 편집은 포토샵으로 하고 있는 편이에요.거기서 작업한 이미지들을 스케치나 피그마로 불러드려서 작업하고 있어요.
@@jinnykim5274 다행이에요. 답변 미리 확인하셔서,,^^* 그리고~우~~~와. 엄청 반가운 소식이네요.^^* Kimm님 내년에 좋은 소식 생기면 꼬옥~ 저에게도~ 알려주세요. 호호호. 저도 그동안 열심히 영상 업데이트 해서 도와드릴 수 있는 부분은 도와드릴게용~
그냥 작은 스크린에서 자료 내용을 봤을때 스크롤 하지 않고 딱 보이게 하고 싶어서 택한 사이즈에요.;; 큰의미는 없어요. 저건 그냥 제가 모은 자료, 조사한 과정을 모아놓으려고 한거라서 크게 아트보드 사이즈 생각하지 않았어요^^ 만약, 제가 저 자료를 프리젠테이션용으로 쓴다면 아마 프리젠테이션 아트보드 사이즈 선택해서 작업했을 거에요.궁금증이 풀리셨는지 모르겠어요^^ 다른 궁금한 점 있으시면 다시 댓글 달아주세용 영상 봐주셔서 감사해용
한국에서는 어떻게 하는지 공유해 주셔서 감사해요~ 맞아요. 기획자/프로덕 매니저가 맡아서 하는 게 제일 이상적이죠~ 여기 미국도 기획자, 프로덕 매니저가 하는 경우도 많아요. 그런데 가끔 회사별로, 팀별로 저 같은 UX 디자이너가 책임지고해야 하는 경우도 꽤 있더라고요. 디자이너가 만들어도 프로덕 매니저가 있다면 그분과 상의해서 설계해야 해요. 그냥 이렇게 일하는 디자이너도 있구나~ 하고 참고용으로 봐주세요~^^*
![[앱UX/UI디자인] STEP1. UX 디자인을 위한 리서치 / 디자이너가 쉽게 리서치 하는법 / 새 프로젝트 시작할때 저의 리서치 하는 법 공유해드릴게요.](http://i.ytimg.com/vi/ZBwuho9xiEo/mqdefault.jpg)
![[앱UX/UI디자인] STEP1. UX 디자인을 위한 리서치 / 디자이너가 쉽게 리서치 하는법 / 새 프로젝트 시작할때 저의 리서치 하는 법 공유해드릴게요.](/img/tr.png)
![[앱UX/UI디자인] STEP5. UX 디자인 아이디어 스케치 어떻게 하나? / 언제 UX 와이어프레임을 사용하나 / 미국 현지 실무자가 알려주는 팁 / Lo-Fi / Mid-Fi](http://i.ytimg.com/vi/qE1CgAXtROI/mqdefault.jpg)
![[UXUI] 9년차가 알려주는 UI 실무 용어와 용어별 업무 적용 꿀팁까지!ㅣ이게 바로 진짜 실무에서 쓰이는 용어입니다.](http://i.ytimg.com/vi/7vbof7PQUAI/mqdefault.jpg)
![[앱UX/UI디자인] STEP7. UX 디자인 테스트 어떻게? / 좋은 UX 나쁜 UX 평가는 어떻게 하나 / Usability Testing](/img/n.gif)
안녕하세요 대학4학년때 구독했는데 지금은 주니어 ux디자이너네요ㅋㅋ.. 지금 팀장한테 초기제품의 어느 페이지를 이번 스프린트에 디자인해달라는 요구를 받았는데.. 뭔가 맥락이 안 잡히고 어떻게 시작할지 감이 안잡히더라구요. 결국 낑낑대며 리서치하다가 이 채널을 또 찾게됐네요. 이 영상 덕분에 제가 할 업무가 좀 명확해진거 같아요. IA를 세우고 그 페이지가 어떤 맥락에서, 관점에서 설계되어야하는지까지 해가야겠어요.. 감사합니다!
용어가 너무 많아서 어지러웠지만 선님 영상보면서 감잡고 있어요 포트폴리오도 선님 step보면서 해보려구요 감사합니다!
한국에서 현직 개발자 입니다. 저는 visual design 하시는 분들과 상품기획파트 분들과 혼란을 피하기 위해서 자처해서 UX기획(라고는 하지만 배치되어야할 컨트롤과 정보들 나열 정도이고 나머지를 조합하여 visual designer 분들이 진행) , IA, flowchart, 개발 설계까지 혼자하고 있었고 이런 부분까지 개발자가 개입되어야'만' 혼란이 없어질거라는 착각을 하고있었네요 놀랍습니다. 많이 배웁니다.
혼란을 피하기 위해서 UX 기획을 직접 하신다니 대단하세요. 개발하시기도 시간 빠듯하실텐데.. 프러덕트(상품 기획)팀과 디자인 팀에서 해야할 일을 직접 다 하시다니..대단하세요. 회사마다 책임지고 하는 분야일이 다 다르겠지만....
제가 비슷하게 겪었던 경험이 있는데 ..예전에 다녔던 회사에서 시니어 개발자 한분이 Taekyung 님처럼 대개 꼼꼼하셨어요. 그리고 경험이 많아서 어떤 식으로 일을 해야지 프러덕트가 개발되는지도 전체 개발 사이클도 너무 잘 알고있었죠.
그 분이 프러덕 매니저를 ㅎㅎ 잡는 듯 가르쳤어요. 이것은 당신 일이다! 개발자로써 본인이 제안은 할 수 있지만, 이것은 원래 니가 해서 전달해야하는 정보들이다. 하면서 얘기하더라구요. 그리고 본인이 디자인팀에서는 개발하기 위해 어떤 정보가 필요한지까지.. 이야기 해줬었던 기억이 나요. 어쩌면 지금 제가 하고 있는 이 모든 프로세스들이 그때 경험에서 만들어 진 과정일 수도 있어요.
그때 그 프러덕트 매니저는 그 개발자 의견에 다 수긍하고 기획단계를 디자인팀하고 구체화해서 개발자에게 넘기고 그랬던 기억이 나네요..
진짜 혼자서 Taekyung님께서 먼저 다 정하고 상품 기획팀에 넘기고 디자인팀에 넘기신다는게 더 대단하신거 같아요.
진짜 대단하세요. 디자이너와 트러블도 없으실 거 같아요 ^^*
@@uxsun 제공해주신 자료를 살펴보다가 궁금한적이 있어 질문드립니다.
figma같은 경우 화면간 네비게이션을 화살표로 표현할때 기본 프로토타입기능이나 atuflow같은 plugin쓰니 원치 않는 방식으로 화살표를 표현하고, 라인+도형 조합으로 그리자니 너무 공수가 큰대 이부분에 괜찮은 유료툴이라던지 팁이 있으신가요? 아니면 직접 라인으로 그리시나요?
@@kindotnet9912 저도 왠만하면 플러그인 써서 써보려고 하는데..작업하다보면 KinDotnet처럼 제가 원하는 대로 표현이 안될때가 많아요. 그래서 저는 직접 그려서 할때가 많아요. 혹시라도 나중에 좋은 플로우 그리는 좋은 플러그인 찾으시면 알려주세요. 저도 알게되면 알려드릴게용~^^
@@uxsun 네 알겠습니다 공유드릴께요 답변감사합니다
IA 많은 시간 고민해야하는데 도움이 되었습니다. 감사합니다.
0:00 미리보기
0:14 인사말
0:20 영상을 꼭 봐야하는 이유
1:45 인포메이션 아키텍처 (Information Architecture)란
3:23 인포메이션 아키텍처는 주로 누가 만드나
4:42 신입 UX 디자이너를 위한 팁
6:19 인포메이션 아키텍처 샘플
9:54 나만의 인포메이션 아키텍처 활용법
10:47 숙제
이렇게 태그까지 넣어주시고 너무 스윗하시네요 :)
예전에 봤었는데 다시 들어와서 보고 있습니다. 제가 작은 스타트업같은 미국 회사에서 일하면서, UI 디자인을 중심으로 시작했다가 업무상 이번엔 정말 UX 설계가 필요한 큰 프로젝트를 맡게 되었네요. 썬 님 영상 정말 도움됩니다. 이런 정보 상세하게 알려주시고 공유해주셔서 너무 감사해요!
인포메이션 아키텍쳐가 가장 기본인거 같아요. 사용자들이 얼마나 쉽게 앱이나 사이트에 다가갈 수 있는지를 가늠하는 작업이라 정말 중요한거 같아요
썬데이스토리님 말씀대로 만약에 자신이 만든 인포메이션 아키텍쳐를 기본으로 모든 사람들이 같이 작업하고 연구하고..그렇게 되면 너무 뿌듯 할 거 같아요~
최소화 하는게 중요하다고 말씀하셨는데 정말 저도 공감합니다. 어떤 어플이나 사이트 들어갔을 때 직관적으로 이것 저것 눌렀을 때 진행되는 사이트나 어플이
향후 계속 사용하거나 다시 오게끔 하는데 매우 좌우된다고 보거든요~ 제가 관심 있었던 분야였기에(지금은 다른 일을 하지만요) 계속 UI UX 영상을 보는데요~
영상을 보면서 느끼지만 너무 재밌게 잘 설명 해 주시는거 같아요!! ^^
어머 나와서 산다님~ 깜짝 놀랬어요. IA 금방 이해하시고 공감해주셔서.. ^^ 저도 나와서 산다님 의견에 다 백프로 동의해요. 맞아요. 제일 중요해요. 사용자 계속 방문하게 하는거! 계속 UI/UX 관심가져주시고 제가 앞으로 올려드릴 영상 쭈욱 보시면서 재미있으시면 한번 나와서 산다님도 사이드 프로젝트로 어플리케이션 디자인 도전?해보세요. 혹시 알아요 기발한 아이디어로 개인 사업하시게 될지도~^^
진짜 직관적으로 일하시네요. 신세계입니다 :)
Sun님 안녕하세요:) 해외에서 UXUI디자인 공부 중인 학생입니다. 혼자 공부하고 있어서 중구난방이 되는 느낌이라 전체적인 프로세스가 너무 궁금했는데 처음부터 끝까지 순서대로, 예시 보여주시면서 설명해주시니 도움이 정말 엄청 엄청 많이 됩니다! 앞으로도 좋은 영상 많이 올려주세요 :D
혼자서 공부하면서 인강을 봐도 정성적인 설명만 나오고 자세한 예시나 쉬운 이해도의 자료가 없었는데
이 영상을 보고 많이 배웠어요! 비전공자이지만 가르쳐 주신 방법대로 공부해 보겠습니다 🥰
영상 마지막에 숙제 내주시는 거 너무 좋은 것 같아요! 학교에서는 IA에 대해서 배우기는 했지만 학생 입장에서는 그저 UX flow에 일환으로만 형식적으로 스쳐지나가기만 해서 어떤 장점이 있고, 실질적으로 어떻게 쓰여지는지에 대해서는 잘 몰랐거든요 ㅎㅎ 또, 영상을 보며 IA에 대한 중요성에 대해서는 알았지만 어떻게 활용을 해봐야하나 걱정이였는데 숙제로 제안해주신 대로 한 번 해봐야겠어요! 유튜브는 댓글에 사진 첨부가 안되는게 아쉽네요ㅠ 요리유튜버들은 인스타 테그로라도 본인이 올린 레시피를 구독자들이 진짜 해먹는 걸 보고 뿌듯해하던데 말이죠 ㅎㅎ
아 그러게요 miffy님 의견 넘 감사해요 진짜 어디서 해시태그 달아서 저와 함께 연습하시는 분들 연습 공유하면 참 좋을거 같은데.. 제가 한번 방법 찾아봐야겠어여 ^^*조만간 유저플로우 영상 올라갈거에여 촬영 끝내서 담에 올라갈 영상안에는 숙제를 못넣었어영 제가 다다음 영상에는 숙제 함께 연습할 수 있는 방법도 꼭 넣어보도록 하겠습니다^^*
UX디자이너로 첫 출발 전, 개념다지는 느낌으로 정주행 하고 있는데 참 좋은 영상이네요. 정말 감사드립니다:)
^^* 감사합니당~ 방금 또 새 영상 올렸어요~ 시간나실때 한번 봐주세용~
좋은 강의 감사드립니다! 혹시 uxui 일정계획할때 중요한 것들이 있을까요?
UX 디자인 부트캠프 가기전에 써니님 영상 정주행중이에요!!
유익한 영상 만들어주셔서 감사합니다💖👍
Yuri님 부트캠프 시작하셨어요? 부트캠프에서 공부하시는 동안 정말 제 영상이 조금이라도 도움이 되었으면 좋겠어요. 제 영상이 Yuri님 공부에 부스트 역할이 되었으면 좋겠어요.
썬님 혹시 9:54부터 나오는 인포메이션 아키텍처와 유저플로우를 이어서 보여주시는 예시도 나중에 다뤄주실 수 있을까요?!🥺
좋은 영상 감사합니다!^^ 앞으로도 잘 배우겠습니다 !^^
감사합니다. 조만간 새 영상 올릴게요. 조금만 기다려주세요 ^^
기존 앱을 이용해서 IA 만들어보는건 정말 좋을것같아요. 이번 땡스기빙 연휴에 한번 만들어봐야겠어요^^ 감사합니다
리나님~안녕하세요. 올해 땡스기빙은 좀 썰렁하게 보내겠어요. 밖에 자유롭게 돌아다닐 수 없으니.. 네게 틈틈히 좋아하시는 앱들은 메뉴, 페이지 구성이 어떻게 되었는지 사이트맵처럼 만드셔서 조사한 앱들에 공통적으로 들어간 구조도 찾아보시고 특이한 구조도 찾아보시고 잘되어있는 구조도 찾아보세요. 그렇게 연습하면서 인포메이션 아키텍처 익히는게 그냥 글로 읽는것 보다 더 빨리 파악하기 쉽지 않을까해요~ 오늘도 제 영상 봐주시고 연습까지 해주신다고 해주시고 감사해요^^*
오늘도 좋은 컨텐츠 감사합니다 :)
한 번 연습해보겠습니다~
승환님~감사해요~ 연습해보시면서 다른 앱들의 인포메이션 아키텍처 공통적으로 들어간정보(메뉴, 구성)들도 비교해보세요. 저는 다른 타사 제품들 분석 하면서도 많이 배우는거같아요.^^
정말 좋은 컨텐츠 감사합니다! 혼자서 공부하는 저로써 뜻 깊은 영상입니다!
불량불패님 영상 도움이 되었다니 다행이에요. 감사해요.^^*
어쩜 이리 잘 설명해 주시는지 ㅠㅠㅠ 감동 ㅠ
도움이 되었나요? 다행이에요. 얼른 Zoey님 좋아할 만한 새 영상 업데이트 해야겠어요^^* 감사합니다.
유익한 영상 감사합니다 썬데이님 !
안녕하세요 리님~영상 도움되셨다고 해주셔서 감사해요~ 다음 영상도 열심히 만들어볼게용~~~
모든 영상에 감탄!!감동입니다!! 얼른 숙제를 하겠습니다!!
불금 불토인데도 열심히 공부하시는 우리 정임님~ 저도 정임님 응원하는 사람들 중 하나^^ 👏
주니어인데 너무 도움되는 내용이 많은 것 같아요 ㅠㅠ 공부 혼자서 열심히 해볼게용❤️ 항상 좋은 영상 감사합니다 !
수연님~ 감사해요. 혼자 공부하시다가 실무에서 일어나는 궁금한 UX 디자인 있으시면 댓글 남겨주세요. 최대한 제가 경험하고 아는 선에서는 수연님 공부하시는데 도움되도록 정보 공유 많이 하도록 신경쓸게요. 감사합니다.
저는 비전공자인데 한국에서 소비자 마케팅 경력을 오래 가지고 있다가 가족 문제로 해외로 나오게 되었어요.
나이도 있고, 경력 단절이라 조금 막막했는데 잡 싸이트 보던 중 UX 분야에 대해 알게됐어요.. 경력과 연결시켜 새로 공부해보려고 하던 중 써니 님 채널을 접했습니다 :) 전달력이 좋으셔서 비전공자임에도 이해가 잘 되네요
웹디자인 경력자이신 것 같은데 지금 계시는 회사에는 앱/웹 UI디자이너는 그럼 따로 있는건가요? 다른 영상보니 UI 디자인까지 전부 담당하시는 것 같기두 해서요..
아직 용어들이 생소해서 모르는 부분이 많은데 아낌없이 공유해주시는 소스들, 그리고 다른분들 댓글에 정성스럽게 써주시는 코멘트 모두 감동입니다. 앞으로도 잘 볼게요! 고맙습니다.
리나님 안녕하세요. 리나님 생각하신 대로 저는 앱/웹 디자인 둘 다 해요. 와이어 프레임부터 비주얼 디자인까지 다 하는데요. 이게 요즘 제가 일하는 지역, 미국에서 일하는 유엑스 디자이너들의 트렌드?에요. 디자인 에이전시에서는 와이어 프레임 만드는 사람, 유아이 디자인하는 사람 따로따로 있는 거 봤는데.. 저처럼 인 하우스로 한 회사에서 소속되어 있는 경우에는 포괄적으로 디자이너들이 많이 하는 추세에요. 그리고 어떤 플랫폼으로 디자인할지 모르기 때문에, 앱 기반의 프로덕인지 인지, 웹 베이스로 한 프로 덕인지 어떤 프로덕을 만들지 모르기 때문에 리나님께서 지금 유엑스를 준비하신다면 두 가지다 공부하시길 추천드려요. 그래야지 취업할 수 있는 문의 기회가 넓어져요. 저는 작년에는 애플리케이션, 웹 기반 디자인 둘 다 했었고요. 지금 현재는 웹 기반 대시보드 디자인 지금 회사에서 새로운 프로젝트로 맡아서 디자인하고 있어요. 이렇게 한 회사 안에서 일해도 언제 어떤 플랫폼 기반으로 한 프로덕을 할지 몰라서 둘 다 공부하시길 추천드려요. 지금 용어들 다 생소하셔도 제 영상 보시면서 리나님 공부하시는데 조금이라도 쉽게 익히실 수 있도록 예제 보여드리면서 새로운 용어들, 익혀두셔야 하는 용어들 함께 설명해 드릴게요. ^^
굳
^^*
실무하면서 궁금했던 부분들 썬님 영상보면서 사이다처럼 해결하고 있어요! 너무나 큰 도움되었습니다. 복습하면서 다음 영상도 기대할게요! 고퀄아니여도 업무 프로세스 간단간단한 이야기라도 듣고 싶어요. 기획자.pm이 디자이너에게 전달하는 내용들도 궁금해요.
아 나중에 제가 함께 일하는 프러덕트 매니저랑 어떻게 일하는지 프러덕트 매니저들이 디자이너에게 내용 전달을 어떻게 하는지 등등 컨텐츠 만들어서 한번 이야기해볼게요. 의견 주셔서 넘 감사드려용~~^^*
영상 정말 감사합니다 이제 막 접하고 있는데 너무 도움이 됩니다!
^^* 앞으로 더 많은 정보 공유할 수 있도록 노력할게요. 새 영상 올리면 그때 또 봐주세용~^^* 감사합니다.
갓 신입으로 들어온 UX designer입니다~ 이미 와이어프레임 디자인 단계로 들어간 상황인데 IA 만들어둔게 없어서 매니저가 네가 직접 만들어볼래? 하고 맡게되어 열심히 공부중이에요! 8:20 이랑 9:42는 사이트맵처럼 생겼다는 생각도 드는데 IA와 사이트맵은 큰 차이가없나요? 있다면 현존하는 웹사이트의 IA를 build up할때 어떤 요소를 포함시키는게 중요한지도 알고싶어요~
IA를 비주얼적으로 보여줘야 한다면 사이트맵 처럼 보일거에요. 그냥 사이트 맵 만든다고 생각하시면 될거 같아요. 그런데 구지 IA 와 사이트맵의 차이점을 꼽으라면 저는 Sitemap은 한개의 사이트/앱에 대한 전체 페이지들을 나열한 거. 그리고 IA는 여러개의 사이트들을 하나의 프로덕으로 묶어서 보여주는 거 즉, 여러개의 사이트들이 있다면 하나의 IA 속에 다 들어가게 보이게 사이트맵을 만드는 거라고 말씀드릴 거 같아요. 즉, 웹사이트가 하나라면 사이트맵 만드신다고 생각하시고 IA 만드시면 돼요.
IA를 만드실 때 꼭 포함되어야 하는 요소라고 한다면 (1) 네비게이션 메뉴들이 우선 제일 먼저 그 사이트맵 안에 들어가 있어야 하고, 유저가 그 메뉴를 클릭했을때 보여주는 (2) 페이지 리스트들을 사이트 맵 속에 들어가게 저는 보통 만들어요. 그리고 그 (3)페이지 안에 크게 메인으로 들어가는 정보들이 있다면 그것도 함께 리스트화해서 보여주세요. 9:42 보시면 제가 페이지 아래에 리스트로 작게 나열한 텍스트들이 그런 정보겠죠..참고용^^: 저는 저렇게 3가지를 IA에 보통 넣어요. 그런데 (3)번 요소는 어떤 사이트맵에 있고 어떤 사이트맵에는 못봤던 거 같아요. 옵션처럼 생각하세요. (1),(2) 내용은 꼭 들어가야 하는 요소구요.
팀원들이 사이트맵만 봐도 어떤 메뉴들이, 어떤 페이지들이 그 사이트 안에 구성 되어있는지 알 수 있게 정리해놓은 차트? 라고 생각하시면 쉽게 이해가 되실런지...
그리고 이건 제가 팀원들이 쉽게 사이트 전체 구조 이해하게 해주려고 할 때 쓰는 저만의 방법인데. 영상에서도 언급했었는데.. 와이어프레임 아니면 유저플로우 만들어지면 저는 사이트 맵에 유저 플로우나 와이어프레임 페이지를 링크 걸어놔요. 그래서 어느 페이지가 디자인 완료되었고 어떤 페이지가 디자인이 안되었는지 알 수 있어서 좋아요.
그리고 그렇게 링크 걸어놓은 사이트맵은 팀원들도 사이트 전체 페이지 이해하려고 할때, 구체적으로 어떤 내용이 그 페이지안에 들어가 있는지 보려고 할때 유용하게 참고하여 각자 맡은 개발, 디자인을 하는데 도움을 주기도 해요.
사이트맵이 엄청 많은 단계로 메뉴 안에 또 다른 메뉴 또 다른 메뉴 이렇게 여러개의 레벨로 내려가면 아무래도 사이트맵이 복잡해지겠죠. 그러면 사용자들도 이용하기 복잡한 구조로 만들어져 가고 있다고 생각할 수 도 있어요. 그러면 다시 한번 더 웹사이트 구조를 생각해야 하는 계기가 될수도 있어요. 그리고 보통 사이트 맵 만들면, 같은 메뉴/페이지가 여기저기 들어가있는 복잡한 페이지 구조를 예방하게도 해줘요.
답변이 도움이 되었는지 모르겠어요. 더 궁금하신 점 있으시면 다시 댓글 남겨주세요.제 경험에서 말씀드리다 보니 체계적으로 말씀을 못드리는 거 같기도 하고;;; 제가 알려드린 방법은 그냥 제 개인 작업 스타일인거 참고해주세요.;
@@uxsun 이렇게 자세하게 설명해주셔서 감사합니다. 어디서부터 시작해야할지 막막했는데 정말 큰 도움이 됐어요!
혹시 기존 앱을 이용해서 I.A 만들어 보는 거 영상으로 만들어 주실 수 있나요??ㅠ
동댕딩님. 기존 앱을 이용해서 IA 만드는게 새 앱의 IA 보다 더 쉽게 작업할 수 있을거 같은데.. 네에 제가 만드는 영상 한번 준비해볼게요. 대신 두가지 질문^^있어요. 동댕님은 어떤 점이 IA를 만드는걸 어렵게 느끼게 하는지 궁금해요~ 그리고 어떤 앱을 이용해서 IA 만들어볼까요? ^^ 지금 당장은 계획되어있는 스텝별 영상들이 올라가야해서..당장 올리지는 못하지만 다음달에 꼭 만들어 볼게요.
@@uxsun 우선 답변 정말정말 감사드립니다 !! 영상 3번정도 반복해서 보고 다른 자료들도 공부해서 이해한 내용은 유저가 앱을 목적에 쉽게 도달할 수 있도록 정보의 계층 구조도를 만드는 것이라고 보면 될까요??
2. 앱의 기능이 많이 없는 버거킹같은 앱을 예시로 IA를 만드는 걸 보여주시면 저같이 이해력 부족한 사람들도 구체적인 시각자료(앱 화면)를 통해서 이해하기 쉬울 것 같아요.
1. 네에 맞아요 유저들이 쉽게 사용하게 사이트/ 앱구성을 잡는거라고 생각하세요. 관련된 액션들 /기능/메뉴들을 그룹으로 묶고 그걸로 네비게이션 메뉴를 만든다고 생각하세요. 유저들이 네비게이션 메뉴보고 그 안에 들어가 있는 메뉴보고 원하는 기능들을 빨리 찾게 도와주기 위해 사이트 전체 구도 파악하고 이해할때 이 사이트맵이 도움이 될거에여
2. 넹 버거킹 앱 IA 만들어서 영상 한번 만들어볼게여^^*
오랜만에 들어왔는데 앞에 20초 듣고 바로 노트 펼쳤어요~!
피그마 파일도 너무 감동입니다 ㅠㅠ..
회사 다니시면서 사이드 작업까지 하시다니 ..
공유해주신 문서 속 프로덕트도 기대하겠습니다!
안녕하세요 아보아보님~ 아 아보아보님 댓글 재밌으면서 저에게도 감동~ 아보아보님 노트 필기 글 보면서 공부하시는 데 도움 될 정도의 정보를 공유해드릴 수 있도록 제가 더 열심히 영상을 만들어야겠다고 모티베이션을 주셔서 감사해요. 가끔은 저도 준비하는 과정이 너무 시간이 모자를 정도로 버거울 때가 있긴 한데.. 그래도 이렇게 아보아보님처럼 도움 된다는 글 들 보면서 진짜 올리고 나서 보람도 느끼고 으쌰 으쌰 힘 겸임 나요. 진짜 감사합니다. 네에 저도 사이드 프로젝트 잘 만들어보고 싶어요 그래서 제 포폴에 넣어보려고요. 페이먼트 디자인, 대시보드 디자인으로만 꽉 찬 제 포트폴리오 바꿔보려고요 ㅎㅎㅎㅎ 저도 기대돼요 ㅎ 제가 뭘 만들지 ~ 쭉 지켜봐 주세요
@@uxsun 헤헤 아버님이라고 하셔서 깜짝놀랐어요! 오타엿군요
저도 이제 새로운 곳에서 일을 하고있는데 사이드 프로젝트가 꼭 필요하다고 와닿네요! 항상응원합니다~!
🤣🤣🤣🤣 아 진짜 죄송해요;ㅎㅎㅎ 오타 수정요 ㅎ 저도 순간 제 시댁 얘기 아보아보님께 얘기한줄 ㅋㅋㅋㅋ 완전 놀래서 댓글 확인 함 ㅋㅋㅋ
영상 잘봤어요 :D 그런데 어떤 I.A는 업로드해주신것처럼 트리구조식에서 간단한 레퍼런스가 있는 반면에...어떤 I.A는 엑셀에 Depth별로 문자중심으로 되어있는것들이 있는데, 왜 이 두개를 다르게 사용하는지 혹시 알수있을까요?
그때 그때 상황에 따라 저는 IA 구조가 달랐던 거 같아요. 프로젝트가 간단하면 트리구조식으로도 메뉴가 뭐뭐 있고 그안에 어떤 페이지가 있는지 비주얼 적으로 사이트 맵 같이 그냥 참고용으로 만들었는데..복잡한 프로젝트는 트리 구조식 IA가 한계가 있었어요. 그래서 팀 상황에 따라 플랫폼 구성에 따라 모든 팀이 그 프로젝트 이해를 돕기 위해 액셀 박스식으로 나열했던 거 같아요. 그 누구도 IA는 이런식으로 한다고 정의해주는 사람은 없지만, 저희같은 디자이너가 만든 IA로 그 프로젝트가 어떻게 구성되고 돌아가는지 이해도를 돕는 건 동일할 거 같아요. 어떤 구조를 쓰시든 David님이랑 팀 사람들이 모두 이해할 수 있는 방향으로 IA레이아웃/스타일 정하시면 될거예요.프로젝트 규모 / IA 만드는 목적에 따라 그 구조는 바뀔 수 있다고 저는 생각해요. ^^
공부 많이하고 잇고 도움이 너무 많이됩니다!!
실제로 일할때 쓰이고 도움이되는정보를 주셔서 너무 좋네요 ! 인포메이션 아키텍쳐 예를 들면 자주 애용 하는 우버앱 등등 저희가 알고있는 유명한 앱을 예시로 한번 아키텍쳐를 하는영상 올려주시면 어떨까합니다 :) 실제로 나와잇는앱으로 같이 연습를 하는영상이있우면 더욱 와닿을꺼같아요!!
아 저는 기존 앱의 아키텍쳐 만드는 것보다 새로운 앱의 아키텍쳐 만드는게 더 어렵지 않을까해서 제가 아무것도 없는 상태의 프로젝트를 시작해서 처음부터 하는 과정을 보여주려고 했거든요. 그런데 Beauty Monster님처럼 현재 있는 앱을 예로 아키텍쳐를 만드는 모습을 보여달라는 요청을 받은 적이 있어요. 그게 더 이해하기가 쉽나봐용. 제가 한번 기존 앱의 아키텍쳐 만드는 영상 만들어서 올릴게요~ 의견 주셔서 넘 감사해요. 계속 이렇게 의견주세용^^* 넘넘 감사해요
안녕하세요 썬님, 늘 IA가 뭔지 궁금했는데, 정말 유용한 영상입니다. 궁금한게 있어서 댓글 드려요! 그럼 IA가 사이트맵이랑 거의 같은말이라고 봐도 될까요?
그리고 UX 디자이너들이 작업한 화면 보면 대부분 status bar에 나오는 시간, 배터리 이런거 다 표시해놓던데요.. 이 부분은 디자인을 따로 할수 있는 영역이 아니라 OS에 맞추어서 자동으로 들어가는 것 아닌가요? 왜 디자인 시안에 status bar를 그려넣나요?? 행복한 하루 되세요!!
캐나다에서 갓졸업하고 갓 주니어 UX/UI디자이너로 일을 시작했습니다! 정말 하나하나 주옥같은 강의(?)네요! 감사합니다 :')
이거에 이어서 User Flow / Flow Chart / User Journey Map 에 대해서도 궁금한데 혹시 알려주시거나 영상 부탁 드려도 될까요~~
대략적인것은 알지만 막상 제가 실행 해보려고 하니까 어렵네요 ㅠㅠ 이해도 살~~짝 안되는 부분들도 있구요!
항상 감사드려요~ 좋은 정보 많이 올려주셔서 !
안녕하세요. Angela님 안그래도 다음 스텝으로 User Flow 에 대한 영상을 올려드릴려고 하는데... 회사일 데드라인이 걸리면서 그리고 제 작업 환경도 바뀌고 학교 과제까지 겹칠건 다 겹쳐서 영상 작업을 집중해서 못하고 있어서여.. 최대한 빠른 시일내에 가능하면 이번주 끝나기 전에 유저플로우에 대한 영상 꼭 올릴 수 있도록 노력해볼게요. 조금만 기다려주세요. Angela님 이렇게 댓글로 어떤 부분이 궁금하신지 어려운지 알려주셔서 감사해요.제가 제 영상 만들때 고려해서 최대한 제가 아는 팁 많이 공유해드릴 수 있도록 준비해볼게요.
정말 감사합니다 :’) 코로나조심하세요~
ia 작성할때 머릿속으로 화면 생각하면서 작성하시나요? 새로운 서비스 런칭할때 ai를 어떤 기준으로 짜시나요? 아무 화면이 나오지 않은 서비스 제작시 ai 시작을 어떻게 잡아야할지 어려워서 실무하면서 너무 고민입니다.
머리속에 화면 생각하면서도 하고. 새로운 런칭할때.. 어떤 메뉴가 하이레벨 메뉴로 잡을지 생각을 하고 그 아래에 서브 메뉴를 넣을지 .. 아니면 어떤 컨텐츠를 어떤 메뉴에 넣을지를 정하는데... 메뉴 구성 할때 card sorting 하는 걸로 메뉴 구성해도 좋아요. 이 영상 한번 보세요. ua-cam.com/video/oRuxysUxJpM/v-deo.html 조금 도움이 될 수 도 있을 거 같은데..직접 사람들에게 큰 메뉴 이름 주고, 그 아래 어떤 메뉴가 들어갈 거 같은지..분류시키는 테스트로 IA 만들면 유저 중심의 IA가 될거에요.
안녕하세요 와이어프레임 영상도 너무 잘 봤어요 감사합니다 : ) 너무 좋은 방법론 인 것 같아요 회사에서 와이어프레임과 플로우를 어떻게 쉽게 표현 할 수 있을까 항상 고민했는데 SUN님 방식으로 하면 좋을 것 같아요.GUI 디자인을 오래하가가 UIUX 디자이너로 넘어가면서 일하면서 공부하고 있어서 최적의 방법을 찾고 있어요. 그런데 사례로 보여주신 Overal flows 에 좋은 방식 인 것 같은데 구체적으로 좀 알고 싶어요 우선 가로(Dev Portal/Dev Support Portal..) 세로( App Lofe cycle)를 나누신 기준이 어떤 건가요? 그리고 Oracle 검은 쵸시가 있던데 어떤 역할을 하나요? 썬님과 동일한 방식으로 구현해보고 싶습니다
제가 예제로 보여드렸던 저 dev portal 5년전껀데.. 제가 저 스트럭쳐를 만들때는 제가 하고 있던 프로젝트가 하나인 듯 하지만 웹사이트가 4개정도로 나눠져 있었어요. 즉 유저가 다른 웹사이트였죠. 하나는 개발자가 앱을 올리는 사이트, 다른 하나는 개발자가 서브밋한 앱을 검토하는 어드민 사이트, 다른 하나는 개발자가 올린 앱들을 판매하는 사이트, 그리고 다른 하나는 스토어 관리하는 어드민 사이트 들이었어요. 가로로 나열한 것은 사이트 이름들을 나열한 것이었고 세로로 나열한 것은 처음 어떻게 시작하는지..entry point, 온보딩 플로우 (회원가입, 로그인 하는 식)으로 시작해서 그냥 그 사이트 아래 어떤 메뉴들이 있고 그 구성이 어떻게 되었는지로 정렬했었어요. 오라클은..백엔드에 시스템을 저장하고 불러오는 그런거 같은데.. 넘 오래된거라 기억이..^^;;;.
@@uxsun 아 백엔드 내용도 들어있군요! 아 정말 경력이 느껴지는 overall flows 네요 감사합니다 ㅠ 저도 이렇게 만들고 싶은데 ㅠㅜ 쉽지 않은거 같아요
저 블프때 맥북을 살까하는데 혹시 추천해주실수 있을까요? pro를 사야하는건 알겠는데 13인치는 넘 작겠죠? 코로나 잠잠해지면 샌프란으로 부트캠프 계획중이여서 갖고다니기에는 13인치가 좋을것도 같고... 어느정도 사양의 랩탑을 구입해야 할까요.... 어젯밤 코슷코 사이트와 애플공홈을 눈빠지게 봐도 선뜻 결정을 못하고 결국 썬님께 여쭤봅니다. 현역에 계시니 제일 잘 아실것같아서요... 우선은 포트폴리오 만드는 용도입니다^^ 감사합니다
Happy Thanksgiving!!!
저는 지금 맥 프로 13인치 쓰고있어요. 원래는 13인치 쓰기전에는 17인치 썼었는데..큰 화면이 디자인 작업하기는 좋아요. 그런데, 어쩌다가 13인치를 쓰기 시작했는데..처음에는 스크린이 넘 작다는거에 불만이었어요.그런데, 저는 대부분 모니터를 연결해서 쓰거든요. 그러다보니 랩탑에서의 실질적인 디자인 작업은 이동중이거나 큰 모니터 쓰지 않을때만 쓰는데.. 쓰면 쓸수록 디자인하는데 불편함은 잘 못느껴요. 익숙해져서 그런지 저는 앞으로도 13인치 작은 사이즈 살거같아요. 작은 사이즈가 여기 저기 이동할때 가방에 넣기도 좋고 가벼워서 들고 다니기도 훨씬 좋더라구요. 대부분 메인 디자인 작업은 큰 모니터에 연결해서 그런지 저는 불편한 거 모르겠어요. 그런데 디자이너들 아마 많이 큰 인치 스크린 써요.저처럼 아마 작은 사이즈는 디자인할때 불편할 거 라는 선입견땜에 선호 안하는거 같아요. 디자인 작업하실때 큰 모니터에 연결해서 쓰실거라면 저는 작은 사이즈 추천~ 그런데 큰 모니터 연결안하실거면 큰 사이즈 추천 할게요.
질문이 있습니다. IA를 주로 기획자, 프로덕트매니저, 디자인 총괄하는 분이 주로 한다고 하셨는데,
기획자를 영어로 planner라고 일컫나요? 링크드인에 job position을 뭐라고 검색해야 하나요?
그리고 저는 영상에 소개해주신 것이 '스토리보드'라고 알고있는데 미국은 IA와 동일시하나요?
감사합니다
제가 지금까지 일하면서 봤을때는 IA 는 보통 디자이너가 하던지.. 아님 Product Manager가 주로 만들었어요. 미국은 보통 프로젝트 기획을 Product Manager라는 포지션에서 담당을 해요. Planner라는 표현은 못들어본거 같아요. Product Manager가 IA를 제공하면 디자이너가 수월하게 일을 하게 될것이고 만약 Product 에서 제공하지 않는다면 디자인팀에서 만들어요. 누가 되었든 프로젝트가 굴러가려면 IA가 필요하거든요. 그리고 제가 알고 있는 '스토리보드'는 살짝 만화같이 스토리를 만든 거를 말하는데.. 스토리 텔링같은거..그 스토리보드를 통해서 사람들이 좀 더 쉽게 공감하고 이해하게 해주는 작업으로 아는데..한번 구글에 'Storyboard'라고 검색해보세요. 그리고 이미지 탭 눌러서 이미지들 쭈욱 한번 보세요. IA, Sitemap 이랑 완전 다르다는 거 아시게 될거에요. 그리고 만약, App을 생각하고 스토리보드를 생각하셨다면 구글에 이렇게 storyboard design for app 검색해보세요. 참고할만한 스토리보드들이 많이 나와서 이해하시는데 도움되지 않을까 싶어요.
영상 도움 너무 많이돼요!!
항상 잘 보고 있습니다.!!❤️
해외 취업 하시는분들 보니까 웹사이트를 따로 만드셔서 포트폴리오를 넣으시던데 그 과정과 방법들이 궁금합니다ㅠㅠ
안녕하세요 앨리스 님~ 요즘에는 많이들 웹 사이트 템플릿 제공해 주는 웹 호스팅 써서 웹사이트 많이들 만드세요. 웹사이트 구축 시간 절약해서 안에 프로젝트의 내용을 튼실하게 하는 시간에 더 투자할 수 있는 장점이 있죠. 그리고 UX/UI 디자인 포폴은 보통 결과물 디자인을 보여주기까지의 디자인 과정을 포폴에 넣어요. 파이널 디자인을 제시하기까지의 그 프로젝트의 문제점이 무엇이었는지.. 그 문제점을 해결하기 위해 어떤 조사를 했는지.. 그리고 어떤 해결점을 찾아내고 제시했는지.. 그리고 그 해결점이 맞는지 아닌지 어떻게 검증했는지 등등.. 제가 포폴 공유하는 영상 만든 적이 있는데. 그 영상 한번 봐주세요 그리고 요즘 제가 앱 디자인 처음부터 만드는 과정, '새 프로젝트 디자인'이라고 해서 스텝별로 조금씩 시리즈 영상을 만들고 있거든요. 이 과정들 거치고 나면 제가 지금까지 영상별로 작업했던 과정들을 제 포트폴리오에 담을 거예요. 이 과정들이 다 포폴 만드는 과정의 샘플이라고 말씀드릴 수 있을거 같아요. 디자이너들 마다 다 포트폴리오 만드는 과정, 방법은 다르겠지만 제 방법은 제 채널에서 앞으로 쭉 더 보시게 될 거예요. 우선 제가 올려드렸던 포폴 영상ua-cam.com/video/UlN_95eJG5U/v-deo.html 한번 봐주시고 거기서 더 궁금하신 거 있으시면 댓글 남겨주세요. 제가 앞으로 영상 만들 때 고려할게요.
오늘도 좋은 정보 감사합니다!
제가 한 IA는 역시 너무 부족한게 느껴지네요 ㅎㅎ
혹시 리서치 팁이나 주의해야 할 것들이 있을까요?
리서치를 개인적으로 할 때
제 주관적으로 제 작업에 데스크리서치가 먼저 필요할 것 같다 이렇게 생각해서 시작하는 편입니다
이러다보면 리서치가 끝이 없는 느낌인거 같기도 하고
원하는 정보를 못 찾는 경우? 라기보단
리서치 전부터 이미 내가 완성하고자 하는 내용들이 머리속에 있어서 (그냥 시작전부터 assumption이 가득합니다 :) )
필요한정보만 의도한 방향이 안틀어지게끔 리서치를 하는 것 같습니다 ㅜㅜ 시작부터 잘못된 습관이 생기는거 같아요 게으른 생각이 이렇게 나오는거 같기도 합니다 ㅎㅎ
양적조사를 할때에도 정보를 어떻게 하면 잘 찾을 수 있는지도 궁금합니다.
*저번에 썬님이 주신 조언으로 포폴잘 수정하고
각국 디자인공부하는 학생들끼리 작업하는 프로젝트에 들어갈 수 있게 되었습니다
독일에서 공부중이라 독일 대표로 나가게 되었어요 ㅎㅎ 작업 시간이 부족해서 팀원끼리 MVP를 정하고 있습니다 썬님이 알려주신 MVP를 여기서 써먹내요
감사합니다!!
다인님~ 반가운 소식 들려주셔서 감사해요.독일 대표로 프로젝트 참여하시고 MVP도 적용하셔서 프로젝트 준비하시고 ^^* 넘 축하드려요~ 결과물 좋은 프로젝트 만드시길 진심으로 바랄게요. 우선 리서치 저도 똑같은 고민 많이했어요. 제가 갖고 있는 이넘의 답정녀! 습관 그리고 선입견! 제일 큰 장애물이죠..UX 디자이너로써..보통 UX 디자이너가 하는 리서치를 사용자 중심으로 하는거죠..하시고 계신 프로젝트의 타겟이 확실하게 정해지면 그 사람들은 어떻게 뭘 언제 이걸 하지.등등의 조사를 하시는데..조사 하실때 정확하게 목표를 정하셔야해요. 안그러면 정말 다인님처럼 데스크 리서치 하실때 끝도 없는 리서치를 하게 되더라구요. 그러다 시간이 없어서 그동안 모았던 자료에서 정보를 억지로 끌어내려고 하기도 하고..딱 리서치를 통해서 얻으려는 목표를 구체화 하셔야 해요. 예를들어, 제가 하고 있는 사이드 프로젝트 "음식물 쓰레기 줄이는 앱" 예를 들게요. 만약 다인님이 음식물 쓰레기 줄이는 앱을 만드는 프로젝트를 한다고 가정했을때, 리서치 하기전에 리서치하는 목표를 팀원들하고 정하세요. "비료만드는거".. 이걸 왜 해야하지..? 도시에 사는사람들이 왜 이걸 해야하지? ..왜??에 포커스를 맞춰서 리서치를 먼저 하세요. 현재 인터넷에 팩트로 나온 데이타는 비료는 음식물 쓰레기로 만들어지고 그리고 이것은 음식물 쓰레기로 인한 환경오염을 줄이는데 큰 역할을 한다.는 답을 가지면, 다음 팀원들과 공유하던지, 아님 다음 단계 리서치로 넘어가는거에요. 다음 단계 리서치 질문 그리고 목표를 정하세요. 예를 들어, 비료가 음식물 쓰레기가 그냥 매립지로 가는 확률을 줄이는것을 알았어요. 그러면, 음식물 쓰레기가 얼마나 안좋길래 사람들에게 내가 왜 음식물 쓰레기를 줄이는데 도움을 줘야하지? 그에 대해 구체적으로 조사해요. 인터넷으로 데이터는 엄청 많이 나오죠. 제가 찾은 샘플 데이터는 제가 영상,그리고 첨부 파일에 공유했어요. 그거 참고해보세요. 그러면 두번째 리서치에 대한 답을 찾게 되실거에요. 이런식으로 리서치를 통해서 찾으려는 목표를 구체적으로 확실하게 찾으세요. 만약, 다인님 머리속에 이미 해결점이 있고 그거에 대한 데이터를 찾으려고 하는건데 못찾는다고 하셨는데..어쩌면 해결점에 대한 근거를 받쳐줄 데이터를 찾을 수도 있어요. 인터넷에서..그러면 그거대로 밀고 나가실 수 있으세요. 데이터가 증명하니까..그런데 보통 그 해결점을 단정짓고 리서치 시작하는건..이건 사용자 중심의 디자인이라고 말하기 힘들어져요. 다인님 중심의 디자인.. 저도 이런 실수많이해요. 가끔은 아직도 그래요..이런 저의 중심의 디자인은 나중에 디자인하고나서 Usability testing이라는거 하면 딱 느껴져요..내 중심의 디자인이였구나 하고..제가 음식물 쓰레기 줄이는 앱을 만들때 처음 리서치 방향은 비료 어플 만드는걸로 리서치 시작했어요..그러다 리서치로 찾은 데이터를 바탕으로 음식물 쓰레기 줄이는 방향이 메인으로 바뀐거죠. 이렇게 리서치 하다보면 얻은 데이터로 다른솔루션을 찾기도 하고 그러기때문에 리서치 단계에서는 어떤 생각도 답으로 정하고 준비하시면 힘들어져요..제가 말을 힘들게 했는지 모르겠어요. 제가 말씀드리고 싶은 포인트는 정확하게 구체적으로 목표 (사용자가 누구, 그 사람들이 왜 , 무엇을 안하는지. 아니면 하는지..뭐를 불편해 하는지. 좋아하는지 등등 구체적으로 리서치 통해서 찾으려는 목표를 정확하게 정해서 리서치해서 펙트로 들이밀만한 데이터를 모으시는걸 추천드려요. 그리고 사실 리서치는 끝이 없어요. 시간 정해놓으시고 비슷한 정보만 계속 모인다 싶으시면 정한 목표에 대한 리서치는 그걸로 충분하다 생각하고 팀원들과 상의하고 다음 리서치 준비 아니면 다음 단계로 넘어가시는게 맞는거같아요. 그리고 양적 조사는 설문 조사같은 숫자로 데이터를 보여주는건데..설문조사에 대해서 물어보신건지?? 아님 질적조사?? 질적조사는 제가 위에 언급한 내용으로 시작해보심이 어떨까해요.말만길고 도움이 안되면 어쩌나..걱정되는데..결론은 리서치 통해서 얻으려는 정확한 목표를 구체적으로 정하시고 시작하셔야지 리서치가 방대하게 가지 않아요^^ 아 이 말한마디면 되는거같은데..쓸데없이 길게 쓴거 같은 느낌이;; 그래도 도움이 조금이라도 되었으면 좋겠네요.
@@uxsun 정말 많은 도움이 되었습니다! 프로젝트 끝나고 다음 사이트프로젝트 시작하기전에 한번 리서치 전략 IA등등 한번더 잘 다듬어 봐야 겠어요
좋은 하루 되세요~
안녕하세요 영상 항상 잘 보고 있습니다 ^^ 기존 앱의 문제점을 파악하고 앱을 리뉴얼할 때 어떤 프로세스로 진행하시는지 궁금합니다 !
아..제가 포트폴리오 웹사이트에는 아직 올리지 못했는데.. 얼마전 인터뷰 준비할 때 기존 프러덕 문제점 파악하고 리뉴얼 한 과정 인터뷰할때 프레젠테이션으로 준비해서 발표한 적 있거든요. 제가 그 프로젝트 만든 과정을 영상으로 만들어서 보여드려야 겠어요. 의견 감사해요. ^^ 한번 준비해볼게요. 기존 프러덕을 리디자인 한 케이스 만들어볼게요^^
안녕하세요! 얼마전 서비스 기획자로 입사한 신입 기획자 입니다ㅠㅠ
회사에서 조금씩 선배들 작업하는거 서포트하면서 궁금한 점이 많았는데 이렇게 자세하게 설명해주시니 정말 감사합니다!
앞으로도 좋은 영상 많이 많이 올려주세요!!!
그리고 혹시 IA구조도 작성 하실 때, 관점에 따라 구성을 다르게 잡아야 한다고 생각하는데 그런 관점을 기르는 습관에는 무엇이 있는지 궁금합니다!
관점이라면 사용자 관점을 말씀하시는 건지요? 사용자에 따라서 사이트/앱 구성이 달라진다면 그 프러덕트는 다른 프러덕트로 보고 IA 맵이 두개 나와야 겠죠. 만약 사용자 관점에 따라 구성이 달라진다면 그건 사용자 유저 플로우 만들때는 관점에 따라 달라진다는게 맞는거 같구요.
그리고 저는 IA 구조 잡을때 처음 연습할때는 타 사이트/ 앱들 보면서 ..이 메뉴는 어디 메뉴 밑에 들어가 있구나. 저 메뉴는 여기 메뉴 밑에 들어가있구나 라는 식으로 사이트 맵같이 구조를 그리면서 그 프러덕트 전체 그림을 그렸어요. 그리고 전체 그림 그리는데도 꽤 도움이 되구요. 답변이 도움이 되었는지 모르겠어요.
은환님 다른 더 궁금하신 점 있으시면 다시 글 남겨주세요. 원래 답글 최대한 빨리 달아드릴려고 하는데..요즘에 제가 이직 준비하면서 여러 회사 인터뷰를 보고 있어요. 회사마다..보는 기준도 다르고 준비하는 것도 다르고..거의 사이드 잡 수준ㅜㅜ 그래서 유튜브 엄두를 못내고 있어요. 인터뷰 끝나면 꼭 유용한 정보 갖고 올게요 그때까지는 댓글로 소통해요^^* 제가 답글을 늦게 달아도 이해해주세요. 감사합니다.
IA 그리신 샘플에 마름모, 삼각, 사각형, 다른 컬러는 어떤 의미를 두고 작업하신 건지 궁금합니다. 좋은 정보 감사합니다~~~
hoho ha 님 영상 1:42 부분에 저 도형에 대한 간단하게 설명했어요. 저 부분 한번 더 봐주세용 그리고 영상안에서 언급을 안한 부분 다른컬러.. 다른컬러 텍스트는 링크를 걸어놨다고 표시한거에용 그래서 샘플 피그마파일 다운받으셔서 다른 컬러 텍스트 한번 클릭해보세요.관련된 페이지로 넘어가게 링크걸어놨어요. 그럴 때 저는 다른 컬러 사용을 해요.도움이 되셨길 바래용 영상 봐주셔서 감사해요 ^^
안녕하세요! 여쭤보구 싶은게 현재 앱 웹을 다 하신다구 하셨는데 스케치 피그마 같은 툴 이외에 일러스트와 포토샵도 많이 쓰시나요!? 주로 어떤 툴들을 많이 쓰시는지... 궁금합니다^^
어머 제가 잘못눌러서 Kimm 님한테 댓글 남긴게 지워졌어요..--;;
본 댓글 미리 다 읽어보셨길..바라며..여기 제가 전에 남긴 글 다시 간단히 답변해드릴게요. 저는 일러스트, 포토샵 부분 디자인 작업할때 아직도 사용해요. 예를들어, 아이콘, 백터 이미지 작업은 일러스트로, 사진 편집은 포토샵으로 하고 있는 편이에요.거기서 작업한 이미지들을 스케치나 피그마로 불러드려서 작업하고 있어요.
@@uxsun ^^ 다행히 확인했습니다 감사합니다^^ 참고로 영상들 정말정말 힘이납니다ㅠㅠ 한국나이 32살인 저에게 도전할지 안할지 망설여졌거든요ㅠ 얼마남지 않은 내년 포폴준비해서 대학원 준비할거같아요! (Sva나 Accd ux쪽) 학교생각하구있어용 계속 해서 영상기다릴게요 감사합니다^^
@@jinnykim5274 다행이에요. 답변 미리 확인하셔서,,^^* 그리고~우~~~와. 엄청 반가운 소식이네요.^^* Kimm님 내년에 좋은 소식 생기면 꼬옥~ 저에게도~ 알려주세요. 호호호. 저도 그동안 열심히 영상 업데이트 해서 도와드릴 수 있는 부분은 도와드릴게용~
왜 아트보드 크기는 1440x1024를 쓰시는 건가요??
너무 궁금해서 댓글 달아봅니다 ㅎㅁㅎ;;
그냥 작은 스크린에서 자료 내용을 봤을때 스크롤 하지 않고 딱 보이게 하고 싶어서 택한 사이즈에요.;; 큰의미는 없어요. 저건 그냥 제가 모은 자료, 조사한 과정을 모아놓으려고 한거라서 크게 아트보드 사이즈 생각하지 않았어요^^ 만약, 제가 저 자료를 프리젠테이션용으로 쓴다면 아마 프리젠테이션 아트보드 사이즈 선택해서 작업했을 거에요.궁금증이 풀리셨는지 모르겠어요^^ 다른 궁금한 점 있으시면 다시 댓글 달아주세용 영상 봐주셔서 감사해용
용어들 설명좀더해주세요 기본기..
아..넹 제가 조만간 UX 자주 쓰는 용어들 정리해서 한번 영상 만들게요. 기본기에 충실하게^^~ 의견 넘 감사해요
한국은 기획자가 합니다
한국에서는 어떻게 하는지 공유해 주셔서 감사해요~ 맞아요. 기획자/프로덕 매니저가 맡아서 하는 게 제일 이상적이죠~ 여기 미국도 기획자, 프로덕 매니저가 하는 경우도 많아요. 그런데 가끔 회사별로, 팀별로 저 같은 UX 디자이너가 책임지고해야 하는 경우도 꽤 있더라고요. 디자이너가 만들어도 프로덕 매니저가 있다면 그분과 상의해서 설계해야 해요. 그냥 이렇게 일하는 디자이너도 있구나~ 하고 참고용으로 봐주세요~^^*
예전 서울 사투리 쓰시는게 좀 들리는 것 같아요.
이렇게 하면 기분이 조크등여? 이 말투 ㅋㅋ