KIM JINWOONG PORTFOLIO _ 2013~2015 UX/UI EDITORIAL INFORMATION
PROCESSING 2015.10.20
김진웅 -1990년 12월 25일 출생 -2011년 홍익대학교 조형대 입학 -2014년 7월~9월 ‘멜로우스페이스’ 웹디자인 -2015년 9월 새정치민주연합 창당 60년 기념 사진집 인포디자인
UX/UI Mobile / Web
EDITORIAL Poster / Book
INFORMAITON Isometric / Infographic
UX/UI
2010~2015 FIFA Ballon d'or 2010~2015 FIFA 발롱도르 후보의 소속구단 소속국가의 정보를 정리한 인터렉티브 인포 웹입니다. 이를통해 어떠한 국가와 구단이 월드클래스 선수들을 얼마나 배출해 냈는지 한눈에 볼 수 있게 정리 하였습니다.
2015.9 -10 Personal work html, CSS, D3, Google Chart
4
Web Design
Portfolio
UX/UI
5
Web Design
Portfolio
UX/UI
DayMon 한푼한푼이 아쉬운 대학생과 사회초년생을위한 가계부 앱 입니다. 사용자가 목표 금액을 일정기간 동안 설정하면 해당 목표금액만큼만 지출할 수 있도록 도움을 주는 것이 데이몬의 핵심 기능입니다. Gui 는 ‘데이몬’ 이라는 캐릭터를 통해 사용자들이 가계부를 좀더 재미있게 쓸 수 있도록 디자인 하였습니다.
2015.9 -12 Team project (Plan, Research User interview GUI Design) Sketch, illerstator
6
App Design
Portfolio
UX/UI
App Structure
Portfolio
Daymon
게임형 가계부로 재미요소 부여 하루지출목표를 달성하면 데이몬이 쌓이게 됩니다. 이 데이몬들은 전체 지출목표를 달성하도록 돕습니다. 다시말해 하루지출 목표 달성을 통해 전체지출목표를 달성해 나간다고 할 수 있습니다. 이를 데이몬을 한마리한마리 모은다는 게임적요소로 풀어내어 사용자가 재미있게 목표를 달성할 수 있게 하였습니다.
하루의 지출, 수입 관리
플랜 설정, 관리
환경설정
입력에 실시간으로 반응하는 캐릭터 지출액이 커질수록 데이몬의 크기도
수정
커지게됩니다. 오늘 하루 할당금액을 초과하면 데이몬은 바늘에 찔려 터지게 됩니다. 이런 방식으로 지출 정도를 시각화하여 해, 사용자가 쉽고 재미있게 정보를 이해할 수 있게 하였습니다.
7
수입, 지출 목록
목표 달성 현황
지난플랜 목록
현재플랜 수정
UX/UI
Gui
Portfolio
플랜 설정, 관리 플랜을 추가하면 성이 만들어진다. 진행상황을 ‘성벽’이 지어지는 상황으로 보여준다.
초기화면
8
플랜 추가
플랜 생성
플랜 진행
UX/UI
Gui
Portfolio
하루의 지출 ,수입 관리 지출과 수입을 입력함에 따라 캐릭터로부터 실시간 피드백을 받는다.
초기화면
지출입력
10,00
9
지출확인
10,00
초과지출
UX/UI
App Design
Portfolio
hospital iot service design 간호사들을 위한 환자 모니터링 서비스입니다. 스마트폰을 통해 링거환자의 진행상황, 끝나는 시점을
5:20 PM
모니터링하고 환자의 호출상황을
라운딩
체크합니다.
끝나가는 환자 2014.9 -12 Team project (Plan, Research User interview GUI Design) Photoshop illerstator
66%
멈춘 환자 5:20 PM
알림
김진웅 환자 401호 끝나기
6분전 끝나기
3분전 끝나기
7분전
최성국 환자 401호 김종서 환자 401호
17:14 17:14 17:15
장보리 환자 402호 17:00
끝나기
9분전 끝나기
7분전 끝나기
5분전
김을동 환자 402호 이동현 환자 403호 이동현 환자 403호
17:12 17:12 17:13 17:13
라운딩
알람
메모 라운딩
10
66%
401호 김진웅 환자
시트를 갈아주세요. 401호 이동현 환자
링거가 막혔어요. 402호 장보리 환자
링거가 막혔어요. 402호 추신수 환자
링거를 다 맞았어요. 404호 박지성 환자
시트를 갈아주세요. 405호 효도르 환자
시트를 갈아주세요. 406호 유아인 환자
시트를 갈아주세요. 406호 박찬열 환자 시트를 갈아주세요. 알람
처리 처리 처리중 미처리 미처리 미처리 미처리 미처리 메모
UX/UI
App Planning
Portfolio
4. Affinity Diagram
1. Project Statement
“ 간호사가 스마트폰 app을 통해 링거환자를 모니터링 할 수 있는 iot서비스. ”
링거를 빼야하는 시기가 체크가 안되서 일어나는 문제점 환자의 관점에서 어려운 경우 링거를 맞거나 뺄때마다 간호사를 불러야되서 불편함.
2. Design Audit (POEMS 분석) People
Object
Enviroment
Message
Service
간호사
링거 거치대 링거, 선반
간호사실 진료차트를 기록하고 EMR을 작성한다.
어린이환자
간호사는 의사에게 환자상태와 그 상태에 맞는제조법을 오더 받는다.
라운딩하면서 환자의 상태를 진료차트에 기록한다.
의사
간호사 차트
노인환자
의료기기
중년층환자
병실 병실에 환자들이 링거를 맞으면서 누워있다. 처치실 처치실에서 간호사들이 필요한 약품과 링거액 ,주사 등을 챙긴다.
청소년환자
수시로 환자의 상태를 묻고 체크한다. 링거액이 떨어지는것을 시각적으로 보고 체크 한다.
간호사의 관점에서 어려운 경우 간호사들은 라운딩으로만 환자의 링거 상태 체크가 되서 관리가 불편함. 환자의 상태에 따라서 링거를 맞는 시간이 달라진다.
나이트 근무시 환자체크에 대한 문제점 환자의 관점에서 어려운 경우 잠들면 언제 빼야하는지 모르기에 불안함 보호자가 없는 환자는 위급한 경우 밤에 부르기가 힘들다.
간호사의 관점에서 어려운 경우 환자들이 잠을 잘때 깨울수없어 불편하다. 불을 켤수가 없으니 어두워서 체크가 안된다. 나이트 근무자의 수가 부족해서 맡아야하는 환자수가 많다.
환자상태에 맞게 링거를 제조한다. 환자에 맞는 링거를 교체한다. 환자의 링거를 빼준다.
근무교대를 할때 인수인계사항을 전달받는다.
라운딩하여 체크하는 것은 한계가 있다.
어두워도 링거를 체크할 수 있는 서비스가 필요하다.
링거를 빼는 시기를 알수있는 알람기능이 필요하다.
근무자의 수에 상관없이 링거를 체크 할 수 있어야 한다.
환자의 상태에 따라서 속도가 변할 수 있기 때문에 환자,간호사, 보호자가 시시때때로 확인할 수 있는 서비스가 필요하다.
환자가 잠들었을 경우에도 교체 시기를 알 수 있는 서비스가 필요하다.
링거의 남은 시간을 눈으로만 확인해야되서 일어나는 문제점
링거 거치대가 가진 문제점
3. Contextual Inquiry Interview 환자의 관점에서 어려운 경우
Question
Answer
Insight
11
어떤 병동에서 근무 하고 계신가요?
입원병동 (외래병동은는 당일만, 입원은 12시간 이상)
입원병동은 24시간 환자들을 관리한다.
환자에게 링거를 맞추기 까지의 과정을 간략하게 설명해 주실 수 있나요?
1.원무과에 가서 입원 수속 을 밟고 / 의사가 처방하고 차트를 만들어서 올린다. 2. 처방이 나온다 (컴퓨터로 확인 Emr) 3.처치한다 (처방대로 링거를 만든다) 4.환자에게 맞춘다 5.라운딩을 돌며 환자 상태를 확인한다.
링거를 처치하는 프로세스 를 알 수 있었다. (생각보다 단순한 프로세스를 가지고 있었다.)
근무시간과 라운딩에 대해 자세히 설명해 주실 수 있나요?
타임별 근무자 수: Day(6-7), Evening(4-5), Night(2) 근무시간 / 인수인계: Day 7:30-3:30 (인수인계:2:30-3:30) Evening3:30-10:30 (인수인계:9:30-10:30) Night10:30-7:30 (인수인계:6:30-7:30)
라운딩: 병실을 돌며 환자상태(혈압 맥박 체온)를 체크하는 것 이다. 라운딩도는 횟수: 처치할때, 끝나갈때 쯤 한번(2-3시간 후), 인수인계 전
라운딩 도는 횟수는 공식적으로는 처치할때, 끝날때 2번이지만 처치가 끝나는 시간이 환자마다 다르므로 라운딩을 수시로 돌게 된다.
링거의 남은 시간을 알 수 없음
간호사의 관점에서 어려운 경우
환자의 관점에서 어려운 경우
링거의 남은 시간을 알 수 없음
이동할 때 불편하다.
링거의 맞는 양, 속도를 정확히 맞추기 힘듬
움직일 때마다 링거를 가지고 다녀야 해서 불편하다.
링거의 남은 시간을 육안으로 말고도 체크할수있는 다른 서비스가 필요하다. 링거의 맞는 양, 속도를 측정해주는 서비스가 필요하다.
간호사의 관점에서 어려운 경우 환자가 이동 할 때 상태를 체크하기 어렵다.
휠체어를 타고있을 때 거치대에 걸려있는 링거가 보이지 않는데 환자가 뒤를 돌지 않고도 확인 할 수 있으면 좋겠다.
UX/UI
App Planning
Portfolio
5. System Diagram
링거의 남은량을 측정하여 데이터전송
Senser
알람
Mobile
호출
간
시
은
남
EMR 에 기록된 환자 데이터 전송
Nurse
송
전
Senser, P.C Mobile User
6. Interaction Concept
2. 도입침
Sensing plan 정도가 높은 로드셀 에 의해 감지된 신호의 데이터를 이용하여 링거액의 소진여부를 인디케이터로 표시하고 데이터를 전기적 신호로 발송하는 방법.
3. 공기흡입장치
점적란
P.C
Senser
4. 점적봉
5. 연결관
우리의 경우 점적란에서 점적봉으로 떨어지는 구간에 압력센서를 위치시켜 남은 링거량을 측정할 계획이다. 인디케이터는 스마트폰이 된다. *로드셀 : 하중계나 하중센서 또는 힘센서 라고도 불린다. 힘 또는 하중을 측정하기 위한 변환기로서, 출력을 전기적으로 꺼낼 수 있는 것 을 말한다.
User1 _ nurse
12
간호사들이 꼭알아야할 정보가 2 가지라고 생각 했다 첫번째는 ‘환자가 링거를 다 맞았다.’ 이고, 두번째는 ‘링거에 문제가 생겼다’ 이다. 이러한 정보를 간호사는 간결하게 제공받을 필요가 있다고 보았다.
Patient
Media service 센서에서 링거의 남은량을 측정해서 인디케이터인 스마트폰으로 정보를 전송하게 된다. 이때 남은량이 10ml 미만일시 ,5분이상 링거량이 줄어들지 않을시 간호사에게 알림이 가게 된다. 알람은 타임라인 형식으로 제공 된다. 환자에게는 링거의 남은량을 시간으로 계산하여 알려주게 된다. 또한 문제가 생겼을때 간호사를 호출 할 수 있다.
User2 _ patient 환자들이 알고 싶어하는 정보는 링거맞는데 남은시간이다. 남은시간에 대한 정보를 환자에게 보여주고, 문제가 생겼을때 간호사에게 ‘콜’ 을 할 수있는 서비스가 필요하다고 보았다.
UX/UI
Portfolio
App Design
7. Service Scenario 01.출근
02.인수인계 & 첫라운딩
5:20 PM
66%
5:20 PM
로그인
끝난 환자 간호사
5:20 PM
66%
환자
‘간호사 모드’로 로그인 하시겠습니까?
ID PASSWORD
멈춘 환자
17:15
김진웅 환자 401호
17:15
401호 최성국 환자 김미디 간호사
17:18
김종서 환자 401호
17:00 17:12 17:10
이동현 환자 403호
17:12
이동현 환자 403호
라운딩 라운딩
306
끝나가는 환자 끝나기
끝나기
6분전 끝나기
3분전 끝나기
7분전 끝나기
9분전 끝나기
7분전 끝나기
5분전
라운딩
13
끝나가는 환자
멈춘 환자
김종서 환자 401호 장보리 환자 402호
403호 장보인 환자
끝나기
6분전 끝나기
3분전 끝나기
7분전 끝나기
9분전
이동현 환자 403호
7분전
이동현 환자 403호
5분전
메모
링거가 자주 막혀 수시로 체크 필요
2015년 06월 03일 07:30-03:30 김미소 간호사 메모
링거가 자주 막혀 수시로 체크 필요
N
1시 30분에 주사
고혈압(140/90) 체크되었습니다. 5시에 허리 재활치료 있습니다.
2015년 06월 03일 07:30-03:30 박소영 간호사 메모
1시 30분에 주사
메모페이지를 보며 인수인계를 받는다. 메모내용을 확인하며 첫 라운딩을 한다.
고혈압(140/90) 체크 되었습니다. 링거가 자주 막혀 수시로 체크 필요
403호 우지호 환자
메모 메모
간호사 김미디는 출근하여 간호사모드로 로그인하고 근무시간과 관리층수를 확인하고 근무준비를 한다.
5시에 허리 재활치료 있습니다.
진통제로 인한 호출이 3번 있었습니다. 간호사 진통제로07:30-03:30 인한 호출이 2번 박소영 있었습니다. 라운딩
66%
알람
메모
라운딩 알람 고혈압(140/90) 체크 되었습니다.
5:20 PM
끝나기
끝나기
라운딩
멈춘 환자
끝나가는 환자 끝난지
2분지남 끝나기
최성국 환자 401호
6분전 끝나기
김종서 환자 401호
3분전 끝나기
장보리 환자 402호
7분전 끝나기
김을동 환자 402호
9분전
이동현 환자 403호
7분전
이동현 환자 403호
알람
66%
메모 메모
5:20 PM
라운딩
김진웅 환자 401호
김을동 환자 402호
알람
2015년 06월 03일 07:30-03:30 이성희 간호사 메모
진통제로 인한 호출이 3번 있었습니다.
3시에 물리치료 예정입니다.
라운딩
최성국 환자 401호
405
403호 김진웅 환자
5:20 PM
66%
김진웅 환자 401호
404 405
04.추후 환자 라운딩
라운딩
10분전
3
403 N
링거가 자주 막혀 수시로 체크가 필요합니다.
03.추후 환자 라운딩
5:20 PM
402
66%
이동현 환자
3시에 물리치료 예정입니다.
확인
알람 알람
401
403호 이동현 환자
오후근무 15:30 ~22:30 장보리 환자 402호 관리층수 김을동 환자 402호 401호 ~ 406호
Log in
5:20 PM
66%
메모
라운딩
메모
끝나기
라운딩 페이지에 링거가 끝나가는 시간이 얼마 남지 않은 환자들을 체크해 라운딩을 돌고, 확인이 끝나면 삭제하고, 특이사항이나 체크할 사항이 있으면 메모버튼을 눌러 메모를 한다.
끝나기
5분전
라운딩
멈춘 환자
끝나가는 환자 끝난지
최급한 환자 404호
2분지남
김세훈 환자 404호
6분전
확인
최성국 환자 401호 김종서 환자 401호
끝나기
끝나기
3분전 끝나기
7분전 끝나기
장보리 환자 402호
9분전
김을동 환자 402호
7분전
이동현 환자 403호
5분전
알람
66%
라운딩
메모
끝나기
끝나기
라운딩
멈춘 환자
최급한 환자 404호 김세훈 환자 404호 최성국 환자 401호 김종서 환자 401호 장보리 환자 402호 김을동 환자 402호 이동현 환자 403호
알람
메모
401호 환자를 체크하는 도중에 404호 환자에게서 문제가 발생 한 것을 확인했다. 404호로 넘어가서 ‘최급한’ 환자에게 처치를 해 준 뒤, 다른 404호 환자들을 확인한다.
Editorial
Ed Sheeran Concert Poster Ed sheeran 의 첫번째 내한 공연 포스터 디자인입니다. 앨범제목인 연산기호 ‘X’ 를 반복적으로 사용하여 곱하다는 느낌을 살려 보았습니다.
2014.6 Personal work Photoshop illerstator
14
Poster Design
Portfolio
Editorial
Album lyric book 저스틴 팀버레이크의 4번째 정규음반 ‘20/20 EXPERIENCE’ 에 들어갈 가사집을 디자인 해보았습니다. 작은 대지안에 많은 양 의 텍스트를 담아야 했기 때문에 2단칼럼 을 사용하였고, 자간과 행간 조절을 타이트하게 조절 하였습니다.
2014.6 Personal work Photoshop InDesign
15
Book Design
Portfolio
Information
홍익대학교 세종관안내도 홍익대학교 세종관 안내도 입니다. 정확한 안내를 위해 실제 건축도면을 기반으로 그래픽 작업을 진행 하였습니다.
2015.9 - 11 Team Project (2D graphic, 3D graphic) Cinema 4d Illustrator
16
Isomatric
Portpolio
Information
17
Isomatric
Portpolio
Information
민주60주년 인포그래픽 민주60주년 기념 사진집에 들어간 인포그래픽 입니다. 한국 정치의 60년 역사에 대한자료를 모으고 정리하는 과정에 많은 시간이 들어갔습니다. 자료수집과 정제애 대해 많은 공부가된 작업이였습니다.
2015.9 -10 Team project (Data research, Data refine, Graphic) Photoshop illerstator
18
Infographic
Portfolio
Information
19
Infographic
Portfolio
Thank you for watching 2015. 12. 5 Kimjinwoong Portfolio
CONTACT 01030038643 mangowoong@naver.com