스터디
-
[핵심 번역] 어떻게 디자인 시스템 구축에 동의를 얻어내는가?스터디/디자인 시스템 2019. 5. 28. 16:29
핵심 디자인 시스템의 부재로 느껴지는 비효율성. 이에 비롯된 자원 낭비를 피부로 느끼지만, 그 필요성을 회사 내부에서 소통하며 주장하기는 쉽지 않다. 그 이유는 평소 업무가 기능적인지, 근본적인지에 따라 나뉘기 때문이다. 평소 업무는 기능적이다. 내가 A라는 기능의 디자인 작업을 하면 눈에 보이고, 종종 비즈니스적 성과까지 얻어낼 수 있다. 반면에 디자인 시스템은 말 그대로 바닥부터 뼈대를 세워가는 근본적인 일이다. 눈에 보이지 않고, 그 속도가 느리다. 물론 둘 다 중요하지만, 우선순위에 따라 근본적인 작업은 뒤로 미뤄진다. We’ve all talked about design systems enough that it seems like by now, the benefits of having one w..
-
구조적 관점에서 UI UX 문제를 바라보기스터디/UI UX 디자인 2019. 5. 28. 14:41
제품이 성공하려면 내부 접점과 외부 접점 요소의 모든 계층을 흡수해 눈에 보이는 서비스와 뒤에 숨은 운영 방식을 조화롭게 받쳐줘야 한다. 제품은 복잡한 상호작용 속에서 탄생한다. 여기서 디자인적인 문제가 발생한다. 어떻게 해야 고객과 직원 모두 운영방식을 이해하는 데 필요한 정보를 받을 수 있느냐는 것이다. 이를 위해 피드백과 개념적 모델이 가장 중요한 시점이 어디인지를 살펴봐야 한다. - 도널드 노먼의 UX 디자인 특강 중, 제6장, 229p 인용글에서 가장 중요한 키워드는 피드백과 개념적 모델이다. 즉, 어느 지점에서 두 키워드가 중요한가 라는 물음인데, 이를 조금 더 쉽게 질문으로 풀어볼 수 있을 것 같다. Q1. 사용자의 피드백이 서비스에 가장 큰 영향을 미치는 지점은 어디인가? Q2. 그 지점에..
-
190527 HTML/CSS 학습 노트 - 1스터디/프론트 엔드 2019. 5. 27. 22:10
1. UI레이아웃을 위한 HTML 태그들 1. HTML 5에 새롭게 추가된 header나 footer 등의 태그는 모바일 환경에서 주로 사용한다. 그 이유는 모바일 대부분 최신 브라우저를 사용하고 있기 때문에, 위 태그를 사용해도 문제없이 돌아간다. 2. PC는 사용자가 가장 오래된 버전부터 최신 버전까지 사용하는 경우가 있기 때문에, Web이라는 공공재 특성 상 그 사용자들을 배려해야 한다. 그래서 header나 footer를 사용하지 않고, div태그를 활용하고 그 대신 class 값을 header나 footer로 주어서 그 구분을 하고 있다. 3. HTML 구조화 설계 Company Name Home Home About Map About us Lorem ipsum dolor sit amet, con..
-
[Naver D2] 빠르게 살펴보는 웹 개발 트렌드스터디/프론트 엔드 2019. 5. 27. 20:59
서버 중심으로 개발 사용자가 요청한 화면을 서버에서 페이지 단위로 생성해서 제공 그 당시 JS는 제한된 기능에만 사용하는데 활용 수준 밖에 안됐음 99년쯤 ajax, 2003 spring, 2006 jquery등장 J쿼리를 통해 화면을 조작하는 기능이 붐이 일어남. 모바일이 2008년에 등장하고 나서 Mobile Firtst의 반응이 생기기 시작 모바일의 사용율이 증가하면서 반응형 웹의 수요 역시 증가 클라이언트 중심으로 개발 일단 클라이언트를 준비하고 추가로 필요한 데이터를 클라이언트가 주도적으로 요청해서 이미 화면에 떠있는 페이지 부분에 추가, DOM에 적극적으로 개입 시작 고도화 복잡해지는 프론트엔드 로직을 체계적으로 관리하기 위해 '프레임 워크' '라이브러리'를 적극적으로 사용 라이브러리의 조합으..
-
UX 리서치에 대한 메모스터디/UI UX 디자인 2019. 5. 26. 17:50
1. 기능을 만들어 내는건 Engineer. 고객들에게 필요한 기능을 알아내는 것이 UX 리서처. (informing a function) 즉, UX 리서치는 고객들이 원하는 기능을 알아내기 위해 고객과 상황에 맞는 도구들을 활용, 얻어낸 정보를 바탕으로 고객의 목소리를 대변하는 것이다. 2. Informing a value와 제품의 접점을 함께 고민하는 것이 중요. 3. 도구를 쓰는 것이 미숙할 수 있다. 하지만 훈련하면 대부분 해결된다. 하지만 마인드셋은 그렇지 않다. 4. 고객의 Pain Point를 데이터로 보는 것이 아니라, 인간으로서 깊이 공감하는 것. 도구를 사용하는 목적을 잊지 말자. 5. 리서치 자체도 혁신이 필요하다. ex. 360도 카메라 & VR 6. 리서치도 전략이다. 소수의 목표..
-
프로그레시브 웹앱(Progressive Web Apps)이란?스터디/프론트 엔드 2019. 5. 24. 00:20
2018-02-25 PROGRESSIVE WEB APPS, PWA, 프로그레시브 웹앱 프로그레시브 웹앱(Progressive Web Apps)은 Google I/O 2016에서 소개된 미래의 웹기술이며, PWA라고 줄여서 부르기도 합니다. 먼저 구글에서 소개하는 PWA는 이러합니다. PWA는 최고의 웹과 최고의 앱을 결합한 경험이다. 브라우저를 통해 처음 방문한 사용자에게 유용하며, 설치가 필요하지 않다. 사용자가 PWA와 관계를 점진적으로 형성할수록 성능이 더욱 강력해 질 것이다. 느린 네트워크에서도 빠르게 로드되고, 관련된 푸시 알림을 전송한다. 모바일 앱처럼 전체 화면으로 로드되고, 홈 화면에 아이콘이 있다. 쉽게 말하자면, PWA는 모바일 앱과 웹 기술의 장점을 결합한 것이라고 볼 수 있습니다. ..
-
[강연 노트] Blockchain for UX Designers 2019스터디/UI UX 디자인 2019. 5. 22. 22:19
나의 기대사항 블록체인과 UI/UX 디자인의 결합 지점 UI/UX 디자이너의 역할과 할 일의 수준 블록체인 앱 마켓의 실체? 어떻게 기술 장벽을 극복할 수 있는가? 디자이너의 관점에서 당장 활용할 수 있는 somehow가 있는가? KEY-NOTE 주최자 강하다 님이 블록체인과 UX디자인 행사 기획을 시작하게된 계기인 미디움 글 킬러 DApp 과 UX 디자인 오랜만에 글을 써본다. 난 항상 글을 마음과 생각을 정리하기 위한 용도로 쓰기 때문에 가독성이 좋거나 내용이 좋진 않음을 유의해주길 바란다. (누군가가 읽는다면) medium.com 강연 내용 미래의 기술 블록체인 & UX Designer / 우남영 이사(전략) / 프라임블록테크놀로지 2015년에 삼성 인사 솔루션을 만든 경험이 있음 Private B..
-
UI/UX를 넘어 User Identity까지스터디/UI UX 디자인 2019. 5. 20. 19:56
1. 디지털 경험과 경험 고리 (Experience Loop) UX 분야가 주로 다루는 디지털 경험, 다시 말해 우리가 디지털 기기를 통해 얻는 경험은 어떤 수준의 경험 일까요? 얘기에 앞서 경험의 의미를 짚고 넘어가야 하는데, 제가 정의하는 경험은 ‘오감을 이용해 나의 주변 환경을 이해하고 일련의 정보를 획득하는 것’ 입니다. 경험에는 여러가지 계층이 존재하는데, 계층이 낮은 경험 같은 경우 “내 앞에 떡볶이가 있네. 무슨 맛일까? 먹어보니 맛있네? 다음에도 또 먹고 싶다.” 같은 생리적인 계층의 경험이 있습니다. 우리는 계층이 높은 경험에 가까워질 수록 안전, 사회적, 존경, 자아실현과 같은 경험을 하고, 그에 맞는 행동을 하게 됩니다. 경험의 계층 구조를 다른 관점에서 보면 욕구의 계층 구조라고 볼..