디자인로그/UI.UX (65) 썸네일형 리스트형 개발 스프린트에 UX 디자인을 통합해야 하는 이유 개발 스프린트에 UX 디자인을 통합해야 하는 이유출처 : https://blogs.adobe.com/creativedialogue/ko 2016년 6월 업데이트필자가 UX 디자이너로서 첫 직장생활을 했던 회사에는 제대로 된 UX 디자인 프로세스가 없었습니다. 일부 프로젝트 관리 지침에 따라 UX 디자인을 워터폴 모델(waterfall model)에 어떻게 통합할지 고민만 하고 있었습니다. 하지만 이제는 많은 것이 변했습니다.애자일(Agile) 개발 방법론이 최근 몇 년간 점점 더 인기를 얻게 되면서 필자를 비롯한 대부분 사람들은 더 이상 워터폴 개발 프로세스를 쓰던 시절로 돌아가고 싶어 하지 않습니다. 그런데도 애자일은 UX 디자인에 대해서만큼은 해결하지 못한 과제를 안고 있습니다. 2% 부족한 애자일과.. UX 디자인, UI 디자인을 넘어 혁신의 수단으로 UX 디자인, UI 디자인을 넘어 혁신의 수단으로류한영, 이화여자대학교 디지털미디어학부 교수 출처 : http://hcitrends.kr/ 치열한 경쟁에서 살아남고 성장하기 위해 기업은 오래 전부터 혁신을 핵심전략으로 삼아왔다. 초기의 혁신은 생산프로세스 개편이나 비용 절감 등의 방법을 통한 가격혁신의 형태로 진행되면서 성장보다 생존에 더 치중하는 모습을 보였다. 최근에는 새로운 기술 개발 및 상품화를 통한 기술혁신이 중시되고 있다. 이는 생존만이 아니라 부가가치 창출을 통해 성장을 추구했다는 점에서 의미 있는 일이다. 하지만 이런 노력에도 불구하고 기술의 상향 평준화로 인해 혁신의 노력이 한계에 도달하면서 새로운 돌파구가 필요했다. 그것이 바로 ‘UX 디자인’이다. 아래의 글은 지난 1월 46인치 투명.. The Principles of UX Choreography - UX 연출의 원칙 The Principles of UX Choreography UX 연출의 원칙 출처:http://story.pxd.co.kr/1097 디즈니와 UX의 교차점, 그리고 미키마우스 그리는 방법을 배우는 것이 당신의 디자인 접근 방식을 변화시킬 것이다. 최근 나는 디즈니 애니메이터로서 전설적인 Glen Keane과 SXSW(South by Southwest: 영화와 음악 페스티벌)에서 대담을 나누었다. 이 글은 토론 중에 나눈 이야기를 정리한 것이다. ------------------------------------------------------------------------------------------------------------- 나는 UX 디자이너가 되기 전에 타이틀 시퀀스 디자이너가 되고 싶.. [조엘 마쉬의 UX 특강 ] 사용자 목표와 사업 목표 사용자 목표와 사업 목표 사용자 목표 사용자들은 언제나 뭔가를 바랍니다. 왜냐면 사용자는 사람이고, 사람은 언제나 뭔가를 바라거든요. 데이트 사이트에서 섹스 상대를 찾든, 유튜브에서 재채기하는 판다를 찾든, 아니면 페이스북에서 구남친을 스토킹하든 간에, 사람들은 뭔가를 원합니다. 어쩌면 뭔가 생산적인 걸 하고 싶어할 지도 모르고요. (뭐 그렇다더라고요.) (사용자 연구 방법에 대해서는 다음 글들에서 볼 거에요. 지금은 우리가 사용자에 대해 잘 안다고 가정합시다.) 사업 목표 어느 단체든 사이트나 앱을 만들려는 가장 중요한 목적이 있습니다. 보통은 돈인데, 브랜드 인지도일 수도 있고, 아니면 커뮤니티 신규 회원 유치, 뭐 기타 등등일 수도 있습니다. 사업 목표가 어떤 형태인지는 아주 중요합니다. 광고를 좀.. [조엘 마쉬의 UX 특강 ] UX란 무엇인가? UX란 무엇인가? 사용자 경험(UX: user experience)은 어디에나 있습니다. 우리가 할 일은 사용자 경험을 창조하는 것이 아닙니다. 그걸 좋게 만드는 게 우리가 할 일이죠. “좋은” 사용자 경험이란 무슨 뜻일까요? 흔히 사용자를 행복하게 만드는 게 좋은 사용자 경험이라고 생각합니다. 아녜요! 사용자의 행복이 유일한 목표라면, 웃긴 고양이 사진이나 아무 칭찬이나 대충 던져놓고 퇴근하면 될 겁니다. 뭐, 그런 세상도 나쁜 것만은 아니겠지만, 사장님이 그 결과를 좋아할 진 모르겠네요. UX 디자이너의 목표는 사용자를 효율적으로 만드는 겁니다. 사용자의 경험이란 건 그저 빙산의 일각일 뿐입니다. “UX”는 사용자의 경험이라고 많이들 오해하지만, UX는 사용자 경험 디자인의 과정을 “하는” 것에 대한.. [web] 훌륭한 반응형 웹 디자인 사례 Responsive Web Design: 50 Examples and Best Practices ------------------------------------------------------------------------------------------------------------ 그동안 너무 블로깅을 안해서 좋은 디자인 하나 공유하고 갑니다. ------------------------------------------------------------------------------------------------------------ 출처 : http://designmodo.com/responsive-design-examples/ Responsive web design term is relat.. 2015 웹디자인 트렌드—Web Design Trend In 2015 2015 웹디자인 트렌드 Web Design Trend In 2015 출처: http://cimple.postype.com/post/746 1 *반응형 웹디자인 Responsive Web Design 2015년에도 인기가 계속될 전망이지만, 반응형 웹에 대한 장단점 논쟁이 끊이지 않고 있습니다. 하나의 트렌드로만 바라보고 새로운 표준을 고려해야 한다는 의견도 적지 않습니다. 반응형 웹에 대한 자세한 정보는 추후 업데이트할 포스트에서 소개하겠습니다. 반응형 웹디자인(Responsive Web Design, RWD) PC, 타블렛, 모바일 등 다양한 디바이스에 대응하여 최소한의 변화(Resizing, Panning, Scrolling)로 내용 탐색을 쉽게 하여, 사이트를 최적의 형태로 제공하는 기술입니다. .. [UX] 이해 관계자들의 다양한 관점 이해 관계자들의 다양한 관점 쉽게 말해 아들이 그네를 만들어 달라고 가정한다면? 각 포지션에 따른 이해 공감갑니다. 이미지 출처 : http://www.wysiwygventures.com/how-projects-really-work/ [UX] 터치기기를 위한 디자인 팁 9가지 터치기기를 위한 디자인 팁 9가지 출처: http://blogs.balsamiq.com/ux/2013/09/24/mobile-ux-sketchnotes/ http://bahns.net/5673522 가장 중요한 터치 영역을 확인하라 손으로 잡는 모양에 따라 다른 부분이 중요 한 손 사용(49%) : 한 손 엄지가 닿는 부분 중요 양손 사용: 한 손 엄지/한 손 검지(36%), 양손 엄지(15%) 콘텐츠를 컨트롤 위에 배치하라 iOS – 화면 아래에 컨트롤 배치 안드로이드 – 화면 위에 컨트롤 배치(시스템 메뉴 위에 다시 앱 메뉴가 배치되면 곤란) 모바일 웹 – 페이지 아래에 컨트롤 배치(필요하면 점프해서 가도록 구성) 선례에 따르는 것이 좋다 태블릿은 아래에 메뉴를 배치 하는 것이 좋지 않음 태블릿은 위.. CSS 단위별 폰트 사이즈 CSS 단위별 폰트 사이즈 pixels ems perecent points 6px 0.375em 37.5% 5pt 7px 0.438em 43.8% 5pt 8px 0.5em 50% 6pt 9px 0.563em 56.3% 7pt 10px 0.625em 62.5% 8pt 11px 0.688em 68.8% 8pt 12px 0.75em 75% 9pt 13px 0.813em 81.3% 10pt 14px 0.875em 87.5% 11pt 15px 0.938em 93.8% 11pt 16px 1em 100% 12pt 17px 1.063em 106.3% 13pt 18px 1.125em 112.5% 14Pt 19px 1.188em 118.8% 14pt 20px 1.25em 125% 15pt 21px 1.313em 131.3.. [인포그래픽] 당신의 자료를 빝나게 만들어 줄 ... 당신의 자료를 빛나게 만들어 줄 인포그래픽 제작 도구 12가지 출처: http://trendw.kr/design/201405/12427.t1m 1. 인사담당자의 시선을 사로잡는 인포그래픽 이력서를 만들 수 있는 Vizualize.Me Vizualize.me는 마우스 클릭 몇 번만으로 나만의 이력서를 만들 수 있는 홈페이지입니다. 취업난이 가중되어 경쟁이 치열해지는 요즘 더욱 유용하게 사용할 수 있는 인포그래픽 제작 도구 중 하나죠. 학력, 경력, 관심사, 수상 내용 등 원하는 항목만 입력하세요. Vizualize.me가 인포그래픽으로 만들어드립니다. 2. 다양한 시각화 도구가 모여 있는 Piktochart 인포그래픽을 만들 때 필요한 다양한 테마와 아이콘, 벡터, 이미지, 차트들을 한눈에 볼 수 있는 사.. [UI/UX] 절대 지켜져야만 하는 UI 디자인의 7가지 법칙 절대 지켜져야만 하는 UI 디자인의 7가지 법칙 출처 : http://99designs.com/designer-blog/2014/01/15/7-unbreakable-laws-of-user-interface-design/ 당신은 웹디자이너인가요? 만약 그러하다면 당신은 UI 디자이너라는 말이기도 합니다. 그리고 미래에는 오히려 그 UI 디자이너라는 호칭이 웹 디자이너라는 이름보다 더욱 중요해질지도 모릅니다. 오늘날의 웹페이지들이 네비게이션과 메뉴 정도 만을 남긴 간단한 인터페이스라면, 기술의 발전으로 인해 우리가 앞으로 겪게 될 인터페이스는 아마 지금보다 더 유동적이고 개인에 최적화된 것들을 요구하게 될 것입니다. 피할 수 없이 받아들여야만 하는 이 흐름은, 우리가 UI 작업을 더욱더 세밀하게 해야 한다는.. 이전 1 2 3 4 5 6 다음
