마우스로 그리는 웹 사이트, 5모먼츠 4월 정기교육 자료입니다.
디자이너를 위한 "나만의 디자인 웹 포트폴리오 만들기"라는 주제로 진행되었습니다. 웹/IT 지식이 전혀 없이도 제작하실 수 있도록 일반적인 설명과 유용한 도구들, 그리고 5모먼츠의 사용법을 다룬 교육이었습니다. 교육에 참여해주신 분들께 감사드리며, 5월 정기교육도 많은 관심부탁드립니다. 감사합니다.
마우스로 그리는 웹 사이트, 5모먼츠 4월 정기교육 자료입니다.
디자이너를 위한 "나만의 디자인 웹 포트폴리오 만들기"라는 주제로 진행되었습니다. 웹/IT 지식이 전혀 없이도 제작하실 수 있도록 일반적인 설명과 유용한 도구들, 그리고 5모먼츠의 사용법을 다룬 교육이었습니다. 교육에 참여해주신 분들께 감사드리며, 5월 정기교육도 많은 관심부탁드립니다. 감사합니다.
How To Get The Interview: The Top 10 Portfolio Questions and Answers for UX, ...uxhow
Your portfolio is the key to a career in User Experience. It is the quickest and single best asset you have to get an interview without knowing the Hiring Manager. Your portfolio should tell a story.
http://uxhow.com/get-interview-top-10-portfolio-questions-answers-ux-ui-visual-designers/
How many pieces should be in a portfolio?
How should it be presented?
How do I present work that I did on a team?
Can you include student work?
How do you handle NDA work?
How do you choose what to include?
Should I include a well-recognized company?
What do you HATE to see missing or included in a portfolio?
How long do you spend looking at portfolio?
What do you look for in a portfolio as a hiring manager?
<p>
[데브멘토 동영상] 모바일 웹/앱 기획 및 실무적용을 위한UX 가이드3부</p>
<p>
김의준 유비즈밸리 부장</p>
<p>
LCD 크기와 관계 없이 최적으로 노출될 수 있는 화면 구성</p>
<p>
터치를 고려한 레이아웃</p>
<p>
기획자 고려사항</p>
<p>
Pivot을 고려한 디자인 방법</p>
<p>
CSS로 표현할 수 있는UI</p>
2011년도에 진행된 디자이너를 위한 앱 개발 과정의 일지다. 그동안 여러 교육기관들의 UI 디자이너 과정의 커리큘럼과 결과물들을 보면 대부분 현실적인 여건의 문제로 최종 결과물이 UI 목업(Mock-up, 모형)을 만드는 데에서 그쳤으며, UI 목업조차도 실제 앱으로 구현되기 어려운 부분이나 UI 가이드라인을 크게 어기는 경우를 흔히 볼 수 있었다. 모바일 환경과 애플리케이션 제작현장을 잘 알고 디자인을 한다면 목업을 만들 때에도 보다 구체적이고 현실적인 결과물이 나올 수 있을 것이지만 디자이너가 볼 수 있는 기술서적은 거의 없다. 이 책이 그 대안이 되어 앱을 만드는 디자이너들이 알아야 하는 ‘앱 개발 범위’에 대한 기준이 될 수 있을 것이다.
yes24 에서 구매 가능합니다.
http://www.yes24.com/24/goods/6498614?scode=032&OzSrank=2
앱 디자인 시작하기
Starting App Design
2014. 9. 11
이 강의는 앱 디자인을 시작하는
디자이너를 위한 강의입니다.
강의 순서
1. 강의에 들어가며
2. 앱 디자인 시작하기
3. Case Study
4. 작업하기
5. 마치며
- 강의 페이지: http://isangho.com/study/appdesign
- SlideShare: https://www.slideshare.net/SanghoLee1/ss-38908104
- 비트코인 기부하기: http://daramghaus.com/donate/bitcoin
- 이메일: isangho@me.com
[ITOnAir] 데브멘토 동영상, 김정미 네무스텍 수석_성공하는 모바일 서비스를 위한 실전 강연
본 영상은 김정미 네무스텍 수석의 실제 개발자와 UI 디자이너와의 커뮤니케이션 방법을 사례를 통해 분석해보는 강연입니다.실제 개발자와 디자이너 간 협업이 어떤 방법으로 이뤄져야 효율적인지를 살펴보는 중요한 자료가 될 것입니다.본 영상은 데브멘토 ITOnAir (tv.devmento.co.kr) 또는 다음tv팟(tvpot.daum.net/pot/Itonair)을 통해 웹과 모바일로 시청하실 수 있습니다.
2. Project #1
Auto China 2012
Description
베이징에서 열리는 Auto China 2012에 BOSCH가 참가하면서
미래의 하이브리드 자동차 디스플레이 시스템을 제안한다.
이에 베이징의 디자인 회사 DongDao와 디자인 대학교 BIFT,
두 단체에서 공동으로 참여하여 디스플레이 시스템을 제작하고,
이를 행사기간 동안 전시 부스에서 시연한다.
-
독일과 중국(베이징, 상하이), 한국 여러 출신지의 다양한
분야의 글로벌 팀원들이 공동으로 잡업에 참여 하였다.
내 역할은 DongDao design의 기술 파트의 메인으로 참여,
프로그램 설계 및 인터렉션 구현을 담당하였고, as3.0과
away3D를 이용해 실제 이용이 가능한 미래의 하이브리드
자동차 디스플레이 시스템을 제작하였다.
2012.3-2012.4
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14. BOSCH
project manager: Justin Theinunt
dong dao Design IxD team.
art director: Gavin
sub art director: Hyemi Oh
assistant: Hao Jang, Arddel
visual design: Yang Sheng, Lele Hong, Zipo, Dong he, Zi
IxD: Jung-hwan Suh, Xiao Yu
BIFT
profesor: Wang Shou
and students
technical support: Hong Liang
15. Project #2
HAPPY PLANET
Description
홍익대학교 디지털 미디어 전공 2012 졸업전시,
CROSS NODE에 전시한 졸업 작품
-
환경에 대한 주제로 로컬푸드의 개념을 빌려와
소비 패턴의 개선을 위한 제안을 체험형 작업을
통해 전달하였다.
soo5hwani라는 팀으로 기획과 그래픽을 담당한
다른 학우와 함께 공동 작업을 하였으며,
내 역할은 반구 프로젝팅, 바코드 기술 구현과
Flash를 이용하여 사용자가 실제 사용 가능한
인터렉티브 인스톨레이션을 제작 하였다.
2011.5-2011.10
26. Project #3
힘내라 유기견
Description
힘내라 유기견은 유기견에 대한 바른정보 제공과
동물보호시민단체 KARA에 올라오는 유기견에게
응원글을 남기고, 블로그로 가상 입양하는액션을
통해 반려 동물의 소중함을 생각하게하는 새로운
웹애플리케이션이다.
-
dogstalks.com이라는 팀을 꾸려 진행하였고,
팀에서의 역할은 UX 기획부터 와이어프레임,
리서치, 유저시나리오 등 UX 전반을 맡았다.
또한 GUI를 맡아 디자인 컨셉 기획과 컴포넌트
제작, Flex XML 디자인 등을 진행하였다.
네이버 소셜앱스 공모전에서 학생부문 은상
수상
2010.11-2011.2
40. project 힘내라 유기견
dogstalks.com
project manager: Jun-young Oh
plan: Min-su Kim, Su-yun Kim, Jung-hwan Suh, Jun-young Oh, Il-yup Hwang
server dev: Min-su Kim
client dev: Su-yun Kim
UX/UI: Jung-hwan Suh
marketing: Il-yup Hwang
project 힘내라 유기견
dogstalks.com
project manager: Jun-young Oh
plan: Min-su Kim, Su-yun Kim, Jung-hwan Suh, Jun-young Oh, Il-yup Hwang
server dev: Min-su Kim
client dev: Su-yun Kim
UX/UI: Jung-hwan Suh
marketing: Il-yup Hwang
41. Project #4
어디?!
Description
LG의 시네마 디스플레이 3D TV 출시 이후
3차례에 걸쳐 컨테스트가 진행되었다.
그중 2차 컨테스트는 기획자, 개발자, 디자이너가
한팀을 이뤄 2박3일간 스마트TV 애플리케이션을
제작하는 Apps Camp로 진행되었다.
-
팀 Y벨리는 스마트 TV의 컨텐츠와 연동되는
실시간 맛집 정보 공유 어디를 기획하였다.
팀에서의 역할은 코어 아이디에이션, 화면설계,
스마트TV 인테페이스 제안을 맡아 진행 하였다.
2010.11-2011.2
42.
43.
44.
45.
46.
47. project 어디?!
team Y valley
dev: Jung-ang Kim
documenting: Hyun-bae Kim
UX: Jung-hwan Suh
UI: Kwang-min Kim
48. others
STUDY: iPad interface
Description
사용자가 iPad를 들고 사용하는 모습 조사를
통해, 태블릿 디바이스의 사용성에 대한
연구를 한다.
-
1주일의 조사 및 도출기간 조사된 이미지
총 211장을 플리커 검색과 직접 촬영하여
수집 하였다.
이를 5개의 카테고리(사용방법, 인원수,연령층,
응용, 공통점)으로 묶어 사용자들이 iPad를
이용하는 특징을 알아보려 하였다.
49.
50. 왼손 화면참고 오른손
4
#4
task : 아이패드 홈화면에서 아이콘
삭제하기
interface : 원터치앤 2-3 sec 홀드
next activity : 삭제, 취소, 이동
pre activity : 홈화면으로 이동
#5
task : 웹사이트 좌상단 책갈피 버튼
선택
interface : 버튼터치
next activity : 팝업윈도우
pre activity : -
#6
task : 웹서핑 스크롤링
interface : 터치 앤 플리킹
next activity : 연속 플리킹
pre activity : -
왼손은
화면에서 보이지
않음
*예상: iPad 좌상단
모서리를 잡고 있지 않을까
왼손은 터치하는
iPad의 뒤쪽을
지지하듯이
받치고 있다.
왼손의 네 손가락으로 뒷면을 감싸
쥐고, 엄지 손가락으로 베벨 부븐
에 자연스럽게 올려 놓아 안정감을
주는 자세를 취하고 있다.
왼손은 멀리떨어져
서, iPad의 균형을
잡아주는 역할을
하고 있다. 기본적인
자세로 보이는 듯싶다.
위의 #5와 같이 엄지 손가락으로 베
벨부분을 감싸며 안정감을 주는 자세
를 취하고 있다.
오른손은화면을
터치하는 터치앤 홀
드를 하고 있다.
아이콘에 중지를 올려
놓은 뒤.
오른손은
중지를 사용하여
화면 좌상단의 버튼
을 터치하고 있다.
오른손은
중지를 사용하여
텍스트 중심 부분을
플리킹하고 있다.
상하 또는 좌우.
왼손 화면참고 오른손
4
#4
task : 아이패드 홈화면에서 아이콘
삭제하기
interface : 원터치앤 2-3 sec 홀드
next activity : 삭제, 취소, 이동
pre activity : 홈화면으로 이동
#6
task : 웹서핑 스크롤링
interface : 터치 앤 플리킹
next activity : 연속 플리킹
pre activity : -
왼손은
화면에서 보이지
않음
*예상: iPad 좌상단
모서리를 잡고 있지 않을까
왼손은 멀리떨어져
서, iPad의 균형을
잡아주는 역할을
하고 있다. 기본적인
자세로 보이는 듯싶다.
위의 #5와 같이 엄지 손가락으로 베
벨부분을 감싸며 안정감을 주는 자세
를 취하고 있다.
오른손은화면을
터치하는 터치앤 홀
드를 하고 있다.
아이콘에 중지를 올려
놓은 뒤.
오른손은
중지를 사용를 하
고 있를 하고 있다.
아이콘에 중지를다.
아이콘에 중지여
텍스트 중심 부
분을플리킹하고 있다.
상하 또는 좌우.
51. activity
World DJ Festival
Description
World DJ Festival은 국내에서 개최하는
세계 규모의 DJ Festival이다.
주최에서는 페스티벌에 참석하는 관객과
준비하는 모두를 위하여 여러 행사를 준비하였다.
-
미디어 아트 그룹 2010XO에서
INTERACTIVE CIRCUS라는 주제로
페스티벌에 참가하는 관객에게
new media를 쉽게 접근할 수 있도록
기획하고 부스 참가 하였다.