분류 전체보기
-
구조적 관점에서 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는 모바일 앱과 웹 기술의 장점을 결합한 것이라고 볼 수 있습니다. ..
-
[책갈피] Information Anxiety 2 by 리처드 솔 워먼피드백 노트/디자인 노트 2019. 5. 22. 23:24
이 글은 5월 22일 리처드 솔 워먼에게 정보 정리 훈련을 어디서, 어떻게 시작해야할 지 모르겠다 라고 메일을 보낸 뒤, 다음과 같은 답장을 받은 뒤 시작하는 책갈피이다. (메일) 안타깝게도 한글판이 없어 온라인으로 찾다보니 Information Anxiety 2를 빌릴 수 있는 사이트(https://archive.org/)가 있어서, 14일 동안 빌렸다. 아마 중복 대출이 되는 것 같아 지속적으로 빌릴 수 있을 것이다. 정보 정리에 관심을 가지게 된 계기는 다른 글에서 풀기로 하고, 영문으로 된 글을 읽으면서 조금씩 문구와 함께 내 생각을 담는 글이다. 새로운 기술이 탄생할 때 예견된 이야기들은 구체화되지 못했다. 새로운 것들은 통합되지 못했고, 오래된 것은 적응했다. -> 결국 필요에 의해 기술력은 ..
-
[강연 노트] 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..
-
낯선 곳에 발을 들이는 느낌피드백 노트/디자인 노트 2019. 5. 22. 14:50
2019 년 5월 22일 한국디자인진흥원에서 주최한 디저트 행사에 성정기 Daylight 크리에이티브 디렉터가 방문했다. 예전 IDEO에 입사한 최초의 한국인 디자이너라는 타이틀 때문에 관심이 갔던 인물이었다. 강연을 들으러 가는 버스 안 그의 행적을 파악하기 위해 검색을 해봤다. 특이하게 대학을 7수 끝에 붙었고, 심지어 색 구분에 어려움을 겪고 있었음에도 공업디자인과에 진학했다. 대학생 때도 디자인 어워드에서 금상, 프로로 일하고 나서도 금상, 2019년에는 IF디자인 심사의원으로 활동한 인물이다. 커리어만 보면 엘리트 코스를 밟고 성장한 것 같지만, 어린 시절부터 갖은 고생을 하며 '천천히' 성장해온 사람이다. 나는 이 분을 보면서 '느리지만 단단하다'라는 느낌을 받았다. 나는 작년 회사를 퇴사하고..