HCI 2018_Case Study_180201_F

Similar documents
about_by5

Æí¶÷4-¼Ö·ç¼Çc03ÖÁ¾š

ecorp-프로젝트제안서작성실무(양식4)

발제 중인 WADIZ 신혜성 대표님 사회적 임팩트를 창출하고자 하는 평범한 사람들이 대중들로부터 자금을 모을 수 있는 통로가 되고자 하는 와디즈! 와디즈는 사람, 지역, 환경에 긍정적인 변화를 가져올 수 있는 프로젝트를 선정하여 펀딩을 진행하고 있는 크라우드펀딩 플랫폼

04 08 Industry Insight Mobile Policy Trend Mobile Focus Global Trend In-Depth Future Trend Products Trend Hot Company

About

내지무인화_

<FEFF E002D B E E FC816B CBDFC1B558B202E6559E830EB C28D9>

2016_Company Brief

<4D F736F F F696E74202D BDE1B5E5BEC6C0CC20C8B8BBE7BCD2B0B35F46696E616C2E BC8A3C8AF20B8F0B5E55D>

23

15_3oracle


쿠폰형_상품소개서

歯MW-1000AP_Manual_Kor_HJS.PDF

[한반도]한국의 ICT 현주소(송부)

<3136C2F720C6F7B7B3BFF8B0ED2E687770>

MobileIron_brochure_2015_6P카탈로그출력

example code are examined in this stage The low pressure pressurizer reactor trip module of the Plant Protection System was programmed as subject for

크리덴셜_FBASIC_V3

ICT03_UX Guide DIP 1605

13 Who am I? R&D, Product Development Manager / Smart Worker Visualization SW SW KAIST Software Engineering Computer Engineering 3

크리덴셜_FBASIC_V4

untitled

목 차 회사현황 1. 회사개요 2. 회사연혁 3. 회사업무영역/업무현황 4. 등록면허보유현황 5. 상훈현황 6. 기술자보유현황 7. 시스템보유현황 주요기술자별 약력 1. 대표이사 2. 임원짂 조직 및 용도별 수행실적 1. 조직 2. 용도별 수행실적

OUR INSIGHT. YOUR FUTURE. Disclaimer Presentation ( ),. Presentation,..,,,,, (E).,,., Presentation,., Representative.( ). ( ).

통계적 DB보안

삼성전자 애뉴얼 리포트 2006

서현수

(Microsoft PowerPoint - INPIX_Company_Brochure_\310\250\307\307\277\353_12\277\371.pptx)


歯두산3.PDF

슬라이드 1

µðÇÃÇ¥Áö±¤°í´Ü¸é

내지출력

2Q SWG Teleweb Business Plan & 1Q Recovery Plan April 2, 2003

REPORT 03 NEW URBAN CODE 도시의 작은 사치와 여유를 디자인하라 2 24 DESIGN TREND REPORT 03 일과 여가생활과 디자인 융합 NEW URBAN CODE 도시의 작은 사치와 여유를 디자인하라 도시는 소비사회의 가장 큰 상징이자 산물일

2012 kicte??????????1223

Disclaimer IPO Presentation,. Presentation...,,,,, E.,,., Presentation,., Representative...

내지

ecorp-프로젝트제안서작성실무(양식3)


CONTENTS 01 Adobe Photoshop Lightroom을 소개합니다 촬영부터 출력까지 간편한 사진 작업 (Simplify photography from shoot to finish) Adobe Photoshop Lightroom 작업공간(Workspace)

HTML5* Web Development to the next level HTML5 ~= HTML + CSS + JS API

iii. Design Tab 을 Click 하여 WindowBuilder 가자동으로생성한 GUI 프로그래밍환경을확인한다.

2010희망애뉴얼

마켓온_제품소개서_ key

슬라이드 제목 없음

FSB-6¿ù-³»Áö

APOGEE Insight_KR_Base_3P11

I 1 1) TESCO, 1993, ( 96, 98, 99) - : : 354 (19993 ~ , 1 =1737 ) - : 845 ( : 659 ) - : ) CM 9 (CM), CM , 2 CM, -

슬라이드 제목 없음

Ç¥Áö

[sam]Credentials key

DocsPin_Korean.pages

놀이동산미아찾기시스템

미래인터넷과 창조경제에 관한 제언 65 초록 과학기술과의 융합을 통해 창조경제를 이루는 근간인 인터넷은 현재 새로운 혁신적 인터넷, 곧 미래인터넷으로 진화하는 길목에 있다. 창조와 창업 정신으로 무장하여 미래인터넷 실현에 범국가적으로 매진하는 것이 창조경제 구현의 지름

1. 연구 개요 q 2013년 연구목표 제2-1과제명 건축물의 건강친화형 관리 및 구법 기술 연구목표 건강건축 수명예측 Lifecycle Health Assessment (LHA) 모델 개발 건축물의 비용 기반 분석기술(Cost-based Lifecycle Health


What is ScienceDirect? ScienceDirect는 세계 최대의 온라인 저널 원문 데이터베이스로 엘스비어에서 발행하는 약,00여 종의 Peer-reviewed 저널과,000여권 이상의 도서를 수록하고 있습니다. Peer review Subject 수록된

Orcad Capture 9.x

Multi Channel Analysis. Multi Channel Analytics :!! - (Ad network ) Report! -! -!. Valuepotion Multi Channel Analytics! (1) Install! (2) 3 (4 ~ 6 Page

* HCI Trends * 2 ISSN 년 10월 22일 발행 발행인 김진우 편집위원 조광수, 김현석, 김형석, 이재용, 최준호 편집 임프레스미디어 디자인 뉴타입 프레스 * HCI Trends * 는 HCI학회 학술분과에서 진행하는 프로젝트로

歯CRM개괄_허순영.PDF

<4D F736F F D20C3D6BDC C0CCBDB4202D20BAB9BBE7BABB>

Microsoft PowerPoint - LGCNS_PLM_BP2010_배포.pptx

ȲÁø°æ

Marketing & Communication CONTENTS Overview Organization Business Field History Clients Portfolio

<35B9DAC1F6BCF62CC0CCBFECC8C62CB7F9B5BFBCAE2E687770>

네이버 오픈소스 세미나 key

2011년-3분기-최종PDF

I What is Syrup Store? 1. Syrup Store 2. Syrup Store Component 3.

디자인레벨_회사소개서

Model Investor MANDO Portal Site People Customer BIS Supplier C R M PLM ERP MES HRIS S C M KMS Web -Based

YSU_App_2.0-2

Contents 3 Info Desk 4 Cover Story 7 New Product A to Z 21 Web Technique 27 Gallery 32 Designer World 35 Customer Spotlight 36 Illustrator Tutorial 39


i n i n i n 1

Contents Activity Define Real s Activity Define Reports UI, and Storyboards Activity Refine System Architecture Activity Defin

Intro to Servlet, EJB, JSP, WS

Agenda I. What is SRM? II. Why SRM? Trend, III. Function / To-be - IV. V. Critical Success Factor 2

Secure Programming Lecture1 : Introduction

Innovation: CEO In 2006, 2 in 3 CEOs said they would have to bring about fundamental change to their business in the next 2 years to implement their s

Agenda 오픈소스 트렌드 전망 Red Hat Enterprise Virtualization Red Hat Enterprise Linux OpenStack Platform Open Hybrid Cloud

Microsoft PowerPoint - 3.공영DBM_최동욱_본부장-중소기업의_실용주의_CRM

?

교육실습 소감문

테마기획 글 전은준 천안구성초등학교 2010 적십자 글로벌리더 프로젝트 page 04

기술 이력서 2.0

Adobe Photoshop PDF

hw 2006 Tech guide 64p v5

008-À̵¿Ã¶¿Ü1ÀÎöKš

오늘날의 기업들은 24시간 365일 멈추지 않고 돌아간다. 그리고 이러한 기업들을 위해서 업무와 관련 된 중요한 문서들은 언제 어디서라도 항상 접근하여 활용이 가능해야 한다. 끊임없이 변화하는 기업들 의 경쟁 속에서 기업내의 중요 문서의 효율적인 관리와 활용 방안은 이

제8차 청기총회

DBPIA-NURIMEDIA

낙랑군

Smart Power Scope Release Informations.pages

歯이시홍).PDF

1

Microsoft Word - [2017SMA][T8]OOPT_Stage_2040 ver2.docx

Transcription:

FEB 1, 2018 Cracker9 솔루션개발을위한 Zeplin, InVision 을활용한모바일앱개발사례 Woo Sik Choi, wk@h9works.com Jong Sung Lee, jongsung.lee@h9works.com HNINE

팀구성 업무프로세스 업무방식특징

팀구성 사용 도구 툴

팀구성 업무프로세스 도구툴 xmrw

HNINE 업무프로세스 Project Initiation 과제개발 ( 과제개발범위확정 ) Technical Research/ User Research Research UX Strategy Concept UX Concept 문서 Waterfall UI 주요화면정의및 I.A. UI High Level Feasibility Review 개발가능성검토미팅 UI Wireframe Detail UI workflow Graphic Research Design Trend Report GUI Concept GUI Concept & Design Proposal GUI Resource Guideline GUI Design Concept Prototype Final Prototype Prototype 개발 Motion or Prototype 개발

HNINE 협업방식

Invision Tool 주요 Key flow 에대한 Happy path 는빠르게프로토타입함으로빠른조율이가능 작업자간또는클라이언트와의커뮤니케이션을위한용도로활용키스크린만내용정확하게이해하기힘들경우키스크린과함께상세정의제공메일, 통화보다코멘트와태그를걸어특정작업자와업무를조율하는효과적인방식

Zeplin 가변영역이나이미지리소스수정요청에대한부분은여전히많으나, 실시간코멘트로원거리에서도작업이빠르게이루어짐역시옆에앉아있어야... 가이드솔루션초기시장진입으로마켓쉐어가 Sympli.io 보다높음 / 툴에대한익숙함이무서움... 다른서비스로의전환이개발자가대규모인경우에는전환이어려움

나디자이너 Designer 나개발자 Developer 5 년차이상 Android / ios Developr GUI Designer

나디자이너 Designer 나개발자 Developer 가이드라인문서를만들지않아서좋아요. 5 년차이상 문서 page 를하나씩넘겨가며찾지않아서좋아요. NO 가다작업을안해서좋아요. Android / ios Developr (Assets을하나씩만들지않아도됨등등.) GUI Designer 디자이너가준 guide 정보외다른수치값을확인할수있어좋아요.

Guide Tool 을사용하면서 불편점은 없나요?

Functional Cross-Functional A 기업에이전시 A 기업 B 기업 C 스타트업 D 스타트업 협업 에이전시내부개발 & 디자인팀 고객사내부개발 & 디자인팀내부개발 & 디자인팀내부개발 & 디자인팀내부개발 & 디자인팀 Guide 방식 Guide 문서 (ppt) Zeplin Guide 문서 (ppt) Zeplin Zeplin Zeplin InVision Zeplin 사용디자인툴 Photoshop Sketch Photoshop Sketch Sketch Sketch Photoshop Sketch Sketch

Functional organization 언제 Zeplin 을사용하여프로젝트를진행하나요?

Functional organization 언제 Zeplin 을사용하여프로젝트를진행하나요? A 기업보안에문제되지않을선행과제시사용해요. 에이전시고객사에서요청시 (Guide 문서말고, zeplin 으로진행하자고할경우 )

Functional organization Zeplin 을사용하면서불편점은없었나요?

Functional organization Zeplin 을사용하면서불편점은없었나요? A 기업보안 ( 대외비 ) 으로인해 Guide tool 사용하여프로젝트를진행할수없음 에이전시추가적인부가정보필요 ( 가변정보, 비율정보등등 ) 프로젝트히스토리관리가힘들었어요. 최종산출물이없어서.

Zeplin, invision 을사용하면서불편점은없었나요? Cross -Functional organization

Cross -Functional organization Zeplin, invision 을사용하면서불편점은없었나요? 네없었어요. 너무좋아요. 근데사실 Sketch Tool 이편해서편한거일수도있어요.

Cross -Functional organization 추가적인부가정보필요 ( 가변정보, 비율정보등등 ) 은어떻게?? 개발자분들이대략적으로때려맞춰요 말안해도다알아요. 조금다르게개발되더라도 QA 에서확인해요.

Cross -Functional organization 추가적인부가정보필요 ( 가변정보, 비율정보등등 ) 은어떻게?? 개발자분들이대략적으로때려맞춰요 말안해도다알아요. 조금다르게개발되더라도 QA 에서확인해요. 단! 히스토리관리가되지않아히스토리를아는담당자가퇴사하게되면.

Functional organization Cross -Functional organization GUI 디자인 개발 디자인작업완료 GUI 가이드라인문서작성 GUI 가이드라인문서전달 개발진행 디자인검수 디자인검수문서작성

Functional organization Cross -Functional organization GUI 디자인 개발 디자인작업완료 개발진행 디자인검수 디자인검수문서작성

Functional organization Cross -Functional organization GUI 디자인 개발 디자인작업완료 개발진행 디자인검수 디자인검수문서작성

보안 ( 대외비 ) 으로인해가이드툴을사용하여프로젝트를진행할수없음 산출물필요 추가적인부가정보필요 ( 가변정보, 비율정보등등 ) 프로젝트히스토리관리가힘듦

보안 ( 대외비 ) 으로인해가이드툴을사용하여프로젝트를진행할수없음 Cracker9 산출물필요 추가적인부가정보필요 (Veriable, 비율정보등등 ) Plug-in Viewer Diff 프로젝트히스토리관리가힘듦

Cracker9 Export 개발자에게 전달 Viewer 개발 유지보수 Diff

Cracker9 Plug-in

Plug-in_ 추가정보입력기능

Plug-in_ 히스토리입력기능

Viewer_ 비율모드

Viewer_Case 확인기능

Viewer_ 임의영역확인기능

Diff_#1 변경사항확인

Diff_#1 변경사항확인

Diff_#2 변경사항확인

Diff_Overlay mode

작업방식의비교 B2B Solution 파워포인트 GUI 가이드라인 GUI Design GUI 원본정리 GUI 가이드라인문서작업 원본디자인파일확정 Layer 정리 키스크린및 Asset 배치 레이아웃및영역표시 레이아웃정보입력 Asset 지정및추출 :Asset 수치및스타일정보입력 In-house GUI Designer Asset 폴더정리 Outsourcing GUI Company Front-end 개발 수치오류 Asset 누락 커뮤니케이션 Cost 높음 Plug-in Viewer Diff GUI Design GUI 원본정리및 Asset 지정 Front-end 개발 원본디자인파일확정 Layer 정리 Asset 지정 Exporting (Layer 에복잡도에따른 Export time 증가 ) In-house GUI Designer 정제되지않은 Layer 정보까지선별하며 Asset 정보확인 보안으로인한접근불가능 GUI Design GUI 원본정리및스타일정보지정 Front-end 개발 원본디자인파일확정 In-house GUI Designer Layer 정리 / Common Set 적용 스타일정보및 Asset 지정 Exporting Outsourcing : HNINE 디자이너가의도한정제된 Asset 정보확인 윈도우프로그램으로 Local 실행 Revision History 로유지보수개발용이 GUI 디자이너, Front-end 개발자본연의업무에집중 Enterprise 급 Product GUI 유지보수에최적화

Future Work B2B Solution GUI Design GUI 원본정리및스타일정보지정 Front-end 개발 QA or Maintenance Plug-in Viewer Diff B2C Service Zeplin 과다른방식의접근 > 과정의생략 : View Code Generation GUI Design Plug-in Frontend 개발

THANK YOU FOR YOUR ATTENTION Woo Sik Choi, wk@h9works.com Jong Sung Lee, jongsung.lee@h9works.com www.cracker9.io