Windows 7: Design Principles for Windows 7 Together, we can increase customer enthusiasm, satisfaction and loyalty by designing user experiences that are both desirable and harmonious. In this session we introduce the Windows User Experience P channel9.msdn.com PXD 블로그 구경하다가 오래된 자료이지만 좋은 정보를 발견해서 포스팅 해본다. 윈도우7의 Design Principles에 대한 발표 영상이다. 영어리스닝이 필요하지만 디지털 제품을 만지는 디자이너라면 들어 두면 피가 되고 살이 되는 내용이 ..
Coursera와 UC San Diego에서 운영하는 Interaction Design Specialization(인터랙션 디자인 특화과정) 수강중이다.여러 강의로 쪼개진 한 개의 통합과정으로 8개 코스로 구성되어 있다. 1. Human-Centered Design: an Introduction 2. Design Principles: an Introduction 3. Social Computing 4. Input and Interaction 5. User Experience: Research & Prototyping 6. Information Design7. Designing, Running, and Analyzing Experiments 8. Interaction Design Capstone Proje..
[강좌] 유튜브 비됴클래스 https://www.youtube.com/watch?v=4TP2LX2p-oQ 여기에 존코바님의 텍스트 인트로 튜토리얼을 짬뽕해서 내 나름대로 인트로 화면을 만들어봤다. 그럴싸 한데? 원래 이 블로그의 개설 목적은 코딩공부 기록을 남기는 것이었다. 하지만 교양 수준을 넘어서 코딩에 과도한 에너지를 쏟는게 의미가 있는가란 의문이 들었다. 마치 과학자들도 우주의 끝이 얼마나 넓은지 모르는데 내가 선무당처럼 "달의 중력을 알게 되었으니까 난 이제 제법 쓸모있는 지식을 얻은 거야" 라고 자만하는 꼴이랄까. 여기서 1 나노그램의 지식을 추가한들 달라질 게 없단 생각이 들었다. 취미와 자기만족으론 계속 하겠지만. 블로그 운영 목적이 "얇고 넓은 공부 기록" 이라면 차라리 디자인에 더 비중..
유튜브 데스크탑 메인 화면의 GNB와 LNB(Drawer)의 내비게이션 구성과 플로우를 정리해보았다. 기본 메뉴부터 동영상 카테고리까지 과감하게 1 depth에 펼쳐 놓았는데 이는 클릭 두번 이내에 모든 메뉴에 접근할 수 있도록 위함이다. | 몇가지 깨알같은 특징 1) 해상도 무관 동일한 UI 평균적인 모니터 해상도인 1920에서는 햄버거 아이콘과 드로워메뉴가 펼쳐진 상태로 공존하고, 1280 이하에서는 주요 메뉴만 아이콘으로 간추려서 표시된다. 1920에서 드로워를 닫으면 컨텐츠 영역만 더 넓게 쓰는 것도 가능하고 1280에서 드로워를 열어서 컨텐츠 영역을 좁히고 1920과 동일한 모양으로도 사용 가능하다. 표로 정리하면 다음과 같다. 해상도 드로워 펼침/접힘 가능여부 드로워 기본상태 1330 이상 가..
| 디자인을 공부하는 사람들을 위하여 디자인을 공부하는 사람들을 위하여디자인하우스에서 기획·출간해 오고 있는 `에세이즈 온 디자인Essays on Design` 시리즈의 세 번째 책으로, 이 책은 `디자인을 공부하는` 모든 사람들을 위한 것으로, 과연 일본의 디자이너들이 어떤 이슈와 고민을 가지고 활동하는지를 보여 준다. 유럽 디자인의 경우에 비해 우리가 얻을 수 있는 정보가 상대적으로 빈약한 일본 디자인의 종과 횡을 담고 ...www.yes24.com대학생 때 읽었던 [디자인을 공부하는 사람들을 위하여] 라는 책을 다시 읽고 있다. 교수님이 꼭 읽어보라며 추천한 도서였고 당시 교보문고 디자인 베스트에 올랐던 책이다. 안도 타다오를 비롯한 디자이너 15명과 진행한 1996년도 인터뷰와 연구 내용을 담은 ..
기획서 또는 프로그램에는 버전이 있다. 그 버전을 명명할 때는 아래와 같이 표기한다. v. 1.1.0 version을 뜻하는 v와 숫자 3개가 찍혀있는데 이 숫자 3개의 뜻은 무엇일까? 1) 마지막 숫자 : v. 1.1.0기획서의 큰 틀은 유지한채 자잘한 오류, 누락 사항, 단순 오타를 수정할 때 숫자가 올라간다. 예를들어 기존 기획서에 얼럿이 누락되어서 추가했다면 v. 1.1.1 로 업그레이드 된다. 2) 두번째 숫자 : v. 1.1.0기존 내용과 기능은 유지한 채 새로운 기능이 추가되었을 때 수정된다. 예를들어 메모 애플리케이션에 메모 폴더링 기능을 추가한다면 v. 1.2.0 로 업그레이드 된다. 3) 첫번째 숫자 : v. 1.1.0이전 버전과 호환되지 않는 새로운 큰 변화를 말한다. 가령 Wind..
네모칸에 대한 생각생각의 깊이에 따라 모든 것이 달라진다. | 이번에도 네모칸 이야기다. 액자처럼 보이는 하나의 상품 정보는 그 자체로 사진 액자 같지만, 실제로는 문이다. 상품을 구매하기 위해서 통과해야 의미가 생긴다. 상품 정보를 고민하는 과정을 통해 본질과 심플함에 대해 생각해본다. 시작하기 마켓 컬리는 독특한 쇼핑몰이다. 물류 시스템에 투자를 많이 하는 회사이면서 보라색의 개성 있는 아이덴티티를 가지고 있brunch.co.krhttps://brunch.co.kr/@pliossun/141 신입 때 한 대형포털의 운영작업을 한 적이 있다. 촘촘하게 매겨진 가이드에서 한 치의 오차라도 발생하면 절대 검수가 통과되지 않았다. 네모칸 안에 인물 사진을 넣을 때 테두리에서 정수리가 얼마나 떨어져 있나까지 ..
https://brunch.co.kr/@plusx/45 명확하게 디자인하라 author - 햇님 속눈썹│UX 디자이너 | 안녕하세요. Plus X에 입사한 지 2개월 된 따끈따끈한 신규 입사자, 햇님속눈썹입니다. ᕕ(♨ω♨)ᕗ 플러스엑스의 브런치 글을 읽는 독자에서, '플엑인'으로서 글을 적으려니 묘한 기분이 드네요. 입사 후, 책임님으로부터 『명확하게 디자인하라』라는 책을 전달받았습니다. 오래된 역사를 자랑하듯 책은 아주 너덜너덜한 모습이었는데요. 과연 명서 답습니다. 이 brunch.co.kr