Diese Präsentation wurde erfolgreich gemeldet.
Wir verwenden Ihre LinkedIn Profilangaben und Informationen zu Ihren Aktivitäten, um Anzeigen zu personalisieren und Ihnen relevantere Inhalte anzuzeigen. Sie können Ihre Anzeigeneinstellungen jederzeit ändern.
딜라이트룸에서_일한.ssul
An Jeungwon
13th
An Jeungwon
중앙대학교 컴퓨터공학과 13학번
Software Maestro 2기
디발자 :P
k a w o o u @ k a w o o u . k r
딜라이트룸이
뭐하는 회사죠?
D e l i g h t R o o m
이거 만드는 회사입니다
절대로 일어날 수 밖에 없는
악마의 알람
Promotion Video
작년 소마 모임에서 시작되었습니다.
딜라이트룸과의 인연은
동창 주소록, 멤X를
같이 만들어가자는 멘토님의 추천
원더X플이라는 회사에 들어감
하지만 내부 팀끼리의 정치싸움...
노예되기 전에 빠져나왔습니다
계약서 쓰면 빼도 박도 못하잖아요
회사 옥상에서 Sleep If U Can에 대한 아이디어 회의
구체적인 문제점, 나아가야 할 방향 등등..
회사에 있을때
회의하다 집에 못 들어가
찜질방에서 출근도…
사실은 말이 CTO지.. 디자이너였습니다
딜라이트룸에 로 참여
가 장 먼 저 같 이 했 던 일
세 부 기 획
사용자의 니즈는?
지금까지의 앱에서의 한계는?
어떻게해야 사용자를 모을까?
UI/UX는 어떻게?
한 달 정도의 긴 시간 동안
같은 고민을 반복
이 앱의 미래는?
새로운 기능은 어떤 것을?
사용자의 니즈
사용자들을 어떻게
만족시킬 것인가?
아이디어 구상
만들어진 후의
문제점은?
UI/UX를 고려
하면 어떨까?
아이디어 픽스
다른 사람들의 의견
정해진 규칙이 아니에요
저희는 이렇게 기획했었어요
N번반복(N>...
아침에 일어나서 볼만한
컨텐츠를 제공하자!
단어장 컨텐츠 판매?
(서울시 앱 공모전 서울시장상)
가 되었습니다(...)
기획이 적당히 끝나고
디자이너
첨엔 몰랐는데 정신차려보니
이러고 있더라구요......
일자형 로고도 디자인하고
명함도 디자인했어요.
Creative
Delight
Sensation
마케팅을 해야하는데
프로모션 아트워크를 너무 대충이었음
그래서 급한대로
프로모션 아트워크를 먼저 디자인
디자인까지 해야해서
불가능할 것이라 생각했는데
하다보니 가능하더라고요
지금도 신기해요
ONE DAY CUT
홈페이지 제작
w w w . d e l i g h t r o o m . o r g
Alarmy 웹사이트
http://www.delightroom.org/alarmy/
안드로이드 구 버전 디자인
안드로이드용 플랫디자인
공개된 적은 없지만
새로 개발된 첫번째 버전
사용자에게 가장 익숙해야 한다며, 소극적인 태도로 디자인
그 후 개발도 다했었는데 뭔가 미묘한 느낌으로 마음에 안 들었음
어떻게 해야 편리하게 사용할까?
나이 많은 노인들도 사용할 수 있을까?
디자인을 가져가면서 사용성도 가져갈 수 있을까?
이해하기 쉬우면서 빠르게 사용할 수 있을까?
기능을 직관적으로 이해할 수 있을까?
사용에 하는데 있...
사용자는 모두 다.
케이윌 – 가슴이 뛴다 MV(01:07)
UI의 중요성
알람 ON/OFF
S W I P E 12시간 내에 울리는지 여부
알람 제거 기능
S W I P E
새로운 기능(메인)
새로운 기능(알람 추가)
탭을 이용하여 공간 최소화
터치없이 한눈에 설정 값을 볼 수 있음
눌렀을 때 탭이 펼쳐지는가를 보여줌
5분 단위로 보여지다
멈추면 1분 단위로 펼쳐짐
스와이프 제스쳐
새로운 기능(알림 도중)
알람 해제 방법에 대한 애니메이션
현재 날씨에 대한 정보
날씨에 맞는 배경 이미지
Swipe시 배경 이미지 흐림효과
새로운 기능(알림 도중)
알림 소리와 진동이
다시 울릴 때까지의 남은 시간
(인터렉션이 주어지면 초기화된다)
사용자가 알림 해제를 위해
수행할 방법을 애니메이션으로 보여줌
그리고 디자인을 표현하기 위해
뷰들을 새로 제작
원래 뷰가 이렇게 되는 Drawer가 필요
이런 것도 동시에 가능해야함
| Drawer View Controller |
| Swipe Picker View |
리스트 아이템을 애니메이션과 함께 추가가능
가로 뿐만 아니라 세로로 사용이 가능
문자 간의 간격을 디자인에 맞게 변경 가능
h t t p : / / m e 2 . d o / x u...
하지만
앱의 크기가 너무나도 커졌다!
앱의 크기를 줄이기 위한 노력
Xcode에서는 PNG파일을 Pngcrush툴을 통해 자동 변환
추가로 TinyPNG를 이용해 한번 더 이미지 압축
테마와 관련된 이미지를
Runtime-colorized
앱 Initialize 상황에 색상을 변경하여 로드
Runtime Bluring
PNG가 아닌 JPG로 압축하여 저장
기본 이미지를 보여주다 전환
Manager
Alarm
Manager
History
Manager
Theme
Manager
Model
Alarm History
Weather
Picture
View
Controllers
Views
Architectur...
iOS에서 알람앱들이 아침마다 안 울림
실제로 알람이 안 울려서 몇 번 지각했습니다... 교수님 죄송해요
iOS에서는 알람과 관련된 API를
제공하지 않습니다
동시에 백그라운드에 앱을
살려두는 것도 불가능
음악 앱들이 백그라운드에서 꺼지지 않는 이유?
☆ HINT ☆
자세한 건 공공연한 기밀이죠^오^..
보여주기 위해서
이 또한 API는 없었습니다
날씨 컨텐츠를
| www.OpenWeatherMap.org |
하루에 API 콜까지 무료40,000,000
4 천 만 ( 4 0 m i l )
전 세계의 날씨 사용 가능
그런데 역시나 정확도는 낮습니다
한 겨울에 온도가 32도로 튄다거나..
국가별 현지화 작업(1)
iOS에서는 기본 언어와
시간 관련 언어가 다르다
위의 코드를 통해 시간 관련 언어를 알 수 있다
NSFormatter *formatter = [[NSFormatter alloc] init];
...
국가별 현지화 작업(2)
NSFormatter *formatter = [[NSFormatter alloc] init];
[formatter weekdaySymbols]; // Sunday
[formatter monthS...
암호화되지 않은 사용외부 아이콘폰트
h t t p : / / m e 2 . d o / x I P 9 7 M 5 s
static dispatch_once_t onceToken; dispatch_once(&onceToken...
아이콘도 바뀌어 갔습니다
광고 이미지도 만들었습니다
프리뷰 이미지도
국가에 맞는 스크린샷 찍고, 번역 맡기고, 돋보기 효과 추가하고,
언어에 맞는 폰트 구하고...... 죽는 줄 알았어요
Alarmy그렇게 탄생한
APPLE에서는 매년 개발자들에게
한번의 기회를 줌긴급 검수
E m e r g e n c y
마케팅 기간이 아슬아슬할 때까지 개발
그런데 애플 휴가 일정 때문에
검수 처리가 폭주했음
애플 담당자에게서 미안하다는 메일도 날라왔음
마케팅을 포기해야 할 상황이었음
마케팅 업체에서 일주일정도 미루자는 연락이 옴
그런데 그날이 마케팅 업체에서 미뤄진 날짜였음
애플 휴가 전 마지막 날에 검수됨
휴가기간 동안 런칭/업데이트 전부 불가능
나는 뭘 배웠나?
하나의 별거 아닌 앱이라도
많은 고민을 거쳐 만들어진다
다른 관점을 가진 사람과의 토론은
서로를 성장시킨다
기술이 아닌 불편함에 대해 고민할 때
좋은 앱이 탄생한다
아쉬움..
좀더 많은 경험을 쌓은 상태에서 도전했다면
훨씬 완성도 높은 앱이 되지 않았을까......
Q & A
Kawoou / Facebook
Blog / kawoou.kr
딜라이트룸에서 일한.ssul
Nächste SlideShare
Wird geladen in …5
×

딜라이트룸에서 일한.ssul

8.832 Aufrufe

Veröffentlicht am

작년 8월부터 3월까지 하나의 앱을 만들기 위해
노력하고, 도전했고, 배웠던 경험담입니다:D

Veröffentlicht in: Karriere
  • DOWNLOAD THIS BOOKS INTO AVAILABLE FORMAT (Unlimited) ......................................................................................................................... ......................................................................................................................... Download Full PDF EBOOK here { https://tinyurl.com/yyxo9sk7 } ......................................................................................................................... Download Full EPUB Ebook here { https://tinyurl.com/yyxo9sk7 } ......................................................................................................................... ACCESS WEBSITE for All Ebooks ......................................................................................................................... Download Full PDF EBOOK here { https://tinyurl.com/yyxo9sk7 } ......................................................................................................................... Download EPUB Ebook here { https://tinyurl.com/yyxo9sk7 } ......................................................................................................................... Download doc Ebook here { https://tinyurl.com/yyxo9sk7 } ......................................................................................................................... ......................................................................................................................... ......................................................................................................................... .............. Browse by Genre Available eBooks ......................................................................................................................... Art, Biography, Business, Chick Lit, Children's, Christian, Classics, Comics, Contemporary, Cookbooks, Crime, Ebooks, Fantasy, Fiction, Graphic Novels, Historical Fiction, History, Horror, Humor And Comedy, Manga, Memoir, Music, Mystery, Non Fiction, Paranormal, Philosophy, Poetry, Psychology, Religion, Romance, Science, Science Fiction, Self Help, Suspense, Spirituality, Sports, Thriller, Travel, Young Adult,
       Antworten 
    Sind Sie sicher, dass Sie …  Ja  Nein
    Ihre Nachricht erscheint hier
  • DOWNLOAD THIS BOOKS INTO AVAILABLE FORMAT (Unlimited) ......................................................................................................................... ......................................................................................................................... Download Full PDF EBOOK here { https://tinyurl.com/yyxo9sk7 } ......................................................................................................................... Download Full EPUB Ebook here { https://tinyurl.com/yyxo9sk7 } ......................................................................................................................... ACCESS WEBSITE for All Ebooks ......................................................................................................................... Download Full PDF EBOOK here { https://tinyurl.com/yyxo9sk7 } ......................................................................................................................... Download EPUB Ebook here { https://tinyurl.com/yyxo9sk7 } ......................................................................................................................... Download doc Ebook here { https://tinyurl.com/yyxo9sk7 } ......................................................................................................................... ......................................................................................................................... ......................................................................................................................... .............. Browse by Genre Available eBooks ......................................................................................................................... Art, Biography, Business, Chick Lit, Children's, Christian, Classics, Comics, Contemporary, Cookbooks, Crime, Ebooks, Fantasy, Fiction, Graphic Novels, Historical Fiction, History, Horror, Humor And Comedy, Manga, Memoir, Music, Mystery, Non Fiction, Paranormal, Philosophy, Poetry, Psychology, Religion, Romance, Science, Science Fiction, Self Help, Suspense, Spirituality, Sports, Thriller, Travel, Young Adult,
       Antworten 
    Sind Sie sicher, dass Sie …  Ja  Nein
    Ihre Nachricht erscheint hier
  • 잘 읽었습니다.
       Antworten 
    Sind Sie sicher, dass Sie …  Ja  Nein
    Ihre Nachricht erscheint hier
  • 썸을 탔어요 가 어디갔지..
       Antworten 
    Sind Sie sicher, dass Sie …  Ja  Nein
    Ihre Nachricht erscheint hier
  • 좋은 경험을 담은 PPT 잘 읽었어! ㅋㅋ
       Antworten 
    Sind Sie sicher, dass Sie …  Ja  Nein
    Ihre Nachricht erscheint hier

딜라이트룸에서 일한.ssul

  1. 1. 딜라이트룸에서_일한.ssul An Jeungwon 13th
  2. 2. An Jeungwon 중앙대학교 컴퓨터공학과 13학번 Software Maestro 2기 디발자 :P k a w o o u @ k a w o o u . k r
  3. 3. 딜라이트룸이 뭐하는 회사죠? D e l i g h t R o o m
  4. 4. 이거 만드는 회사입니다
  5. 5. 절대로 일어날 수 밖에 없는 악마의 알람
  6. 6. Promotion Video
  7. 7. 작년 소마 모임에서 시작되었습니다. 딜라이트룸과의 인연은
  8. 8. 동창 주소록, 멤X를 같이 만들어가자는 멘토님의 추천
  9. 9. 원더X플이라는 회사에 들어감 하지만 내부 팀끼리의 정치싸움...
  10. 10. 노예되기 전에 빠져나왔습니다 계약서 쓰면 빼도 박도 못하잖아요
  11. 11. 회사 옥상에서 Sleep If U Can에 대한 아이디어 회의 구체적인 문제점, 나아가야 할 방향 등등.. 회사에 있을때
  12. 12. 회의하다 집에 못 들어가 찜질방에서 출근도…
  13. 13. 사실은 말이 CTO지.. 디자이너였습니다 딜라이트룸에 로 참여
  14. 14. 가 장 먼 저 같 이 했 던 일 세 부 기 획
  15. 15. 사용자의 니즈는? 지금까지의 앱에서의 한계는? 어떻게해야 사용자를 모을까? UI/UX는 어떻게? 한 달 정도의 긴 시간 동안 같은 고민을 반복 이 앱의 미래는? 새로운 기능은 어떤 것을?
  16. 16. 사용자의 니즈 사용자들을 어떻게 만족시킬 것인가? 아이디어 구상 만들어진 후의 문제점은? UI/UX를 고려 하면 어떨까? 아이디어 픽스 다른 사람들의 의견 정해진 규칙이 아니에요 저희는 이렇게 기획했었어요 N번반복(N>5)
  17. 17. 아침에 일어나서 볼만한 컨텐츠를 제공하자!
  18. 18. 단어장 컨텐츠 판매? (서울시 앱 공모전 서울시장상)
  19. 19. 가 되었습니다(...) 기획이 적당히 끝나고 디자이너
  20. 20. 첨엔 몰랐는데 정신차려보니 이러고 있더라구요......
  21. 21. 일자형 로고도 디자인하고
  22. 22. 명함도 디자인했어요. Creative Delight Sensation
  23. 23. 마케팅을 해야하는데 프로모션 아트워크를 너무 대충이었음
  24. 24. 그래서 급한대로 프로모션 아트워크를 먼저 디자인
  25. 25. 디자인까지 해야해서 불가능할 것이라 생각했는데 하다보니 가능하더라고요 지금도 신기해요 ONE DAY CUT 홈페이지 제작 w w w . d e l i g h t r o o m . o r g
  26. 26. Alarmy 웹사이트 http://www.delightroom.org/alarmy/
  27. 27. 안드로이드 구 버전 디자인
  28. 28. 안드로이드용 플랫디자인
  29. 29. 공개된 적은 없지만 새로 개발된 첫번째 버전 사용자에게 가장 익숙해야 한다며, 소극적인 태도로 디자인 그 후 개발도 다했었는데 뭔가 미묘한 느낌으로 마음에 안 들었음
  30. 30. 어떻게 해야 편리하게 사용할까? 나이 많은 노인들도 사용할 수 있을까? 디자인을 가져가면서 사용성도 가져갈 수 있을까? 이해하기 쉬우면서 빠르게 사용할 수 있을까? 기능을 직관적으로 이해할 수 있을까? 사용에 하는데 있어 즐거움이 있을까? UI/UX에 대한 고민 1 P X 의 디 테 일
  31. 31. 사용자는 모두 다.
  32. 32. 케이윌 – 가슴이 뛴다 MV(01:07) UI의 중요성
  33. 33. 알람 ON/OFF S W I P E 12시간 내에 울리는지 여부 알람 제거 기능 S W I P E 새로운 기능(메인)
  34. 34. 새로운 기능(알람 추가) 탭을 이용하여 공간 최소화 터치없이 한눈에 설정 값을 볼 수 있음 눌렀을 때 탭이 펼쳐지는가를 보여줌 5분 단위로 보여지다 멈추면 1분 단위로 펼쳐짐
  35. 35. 스와이프 제스쳐 새로운 기능(알림 도중) 알람 해제 방법에 대한 애니메이션 현재 날씨에 대한 정보 날씨에 맞는 배경 이미지
  36. 36. Swipe시 배경 이미지 흐림효과 새로운 기능(알림 도중) 알림 소리와 진동이 다시 울릴 때까지의 남은 시간 (인터렉션이 주어지면 초기화된다) 사용자가 알림 해제를 위해 수행할 방법을 애니메이션으로 보여줌
  37. 37. 그리고 디자인을 표현하기 위해 뷰들을 새로 제작
  38. 38. 원래 뷰가 이렇게 되는 Drawer가 필요 이런 것도 동시에 가능해야함 | Drawer View Controller |
  39. 39. | Swipe Picker View | 리스트 아이템을 애니메이션과 함께 추가가능 가로 뿐만 아니라 세로로 사용이 가능 문자 간의 간격을 디자인에 맞게 변경 가능 h t t p : / / m e 2 . d o / x u D J r 0 K s
  40. 40. 하지만 앱의 크기가 너무나도 커졌다!
  41. 41. 앱의 크기를 줄이기 위한 노력 Xcode에서는 PNG파일을 Pngcrush툴을 통해 자동 변환 추가로 TinyPNG를 이용해 한번 더 이미지 압축
  42. 42. 테마와 관련된 이미지를 Runtime-colorized 앱 Initialize 상황에 색상을 변경하여 로드
  43. 43. Runtime Bluring PNG가 아닌 JPG로 압축하여 저장 기본 이미지를 보여주다 전환
  44. 44. Manager Alarm Manager History Manager Theme Manager Model Alarm History Weather Picture View Controllers Views Architecture Diagram
  45. 45. iOS에서 알람앱들이 아침마다 안 울림 실제로 알람이 안 울려서 몇 번 지각했습니다... 교수님 죄송해요
  46. 46. iOS에서는 알람과 관련된 API를 제공하지 않습니다
  47. 47. 동시에 백그라운드에 앱을 살려두는 것도 불가능
  48. 48. 음악 앱들이 백그라운드에서 꺼지지 않는 이유? ☆ HINT ☆ 자세한 건 공공연한 기밀이죠^오^..
  49. 49. 보여주기 위해서 이 또한 API는 없었습니다 날씨 컨텐츠를
  50. 50. | www.OpenWeatherMap.org | 하루에 API 콜까지 무료40,000,000 4 천 만 ( 4 0 m i l ) 전 세계의 날씨 사용 가능
  51. 51. 그런데 역시나 정확도는 낮습니다 한 겨울에 온도가 32도로 튄다거나..
  52. 52. 국가별 현지화 작업(1) iOS에서는 기본 언어와 시간 관련 언어가 다르다 위의 코드를 통해 시간 관련 언어를 알 수 있다 NSFormatter *formatter = [[NSFormatter alloc] init]; NSLog(@"%@", [[formatter locale] localeIdentifier]);
  53. 53. 국가별 현지화 작업(2) NSFormatter *formatter = [[NSFormatter alloc] init]; [formatter weekdaySymbols]; // Sunday [formatter monthSymbols]; // January [formatter quarterSymbols]; // 1st quarter [formatter eraSymbols]; // Before Christ [formatter AMSymbol]; // AM [formatter PMSymbol]; // PM 날짜/시간과 관련된 현지화된 문자열을 얻을 수 있다! 번역을 추가로 맡기지 않아도 됨
  54. 54. 암호화되지 않은 사용외부 아이콘폰트 h t t p : / / m e 2 . d o / x I P 9 7 M 5 s static dispatch_once_t onceToken; dispatch_once(&onceToken, ^{ CFErrorRef error; NSURL *url = [[NSBundle mainBundle] URLForResource:@"artill_clean_icons" withExtension:@"otf"]; CGDataProviderRef fontDataProvider = CGDataProviderCreateWithURL((__bridge CFURLRef)url); CGFontRef newFont = CGFontCreateWithDataProvider(fontDataProvider); CGDataProviderRelease(fontDataProvider); if(newFont) { if(!CTFontManagerRegisterGraphicsFont(newFont, &error)) { CFStringRef errorDescription = CFErrorCopyDescription(error); KWLog(@"Failed to load font: %@", errorDescription); CFRelease(errorDescription); } CGFontRelease(newFont); } }); 아래와 같이 동적으로 폰트를 로드하여 사용한다.
  55. 55. 아이콘도 바뀌어 갔습니다
  56. 56. 광고 이미지도 만들었습니다
  57. 57. 프리뷰 이미지도 국가에 맞는 스크린샷 찍고, 번역 맡기고, 돋보기 효과 추가하고, 언어에 맞는 폰트 구하고...... 죽는 줄 알았어요
  58. 58. Alarmy그렇게 탄생한
  59. 59. APPLE에서는 매년 개발자들에게 한번의 기회를 줌긴급 검수 E m e r g e n c y
  60. 60. 마케팅 기간이 아슬아슬할 때까지 개발
  61. 61. 그런데 애플 휴가 일정 때문에 검수 처리가 폭주했음
  62. 62. 애플 담당자에게서 미안하다는 메일도 날라왔음 마케팅을 포기해야 할 상황이었음
  63. 63. 마케팅 업체에서 일주일정도 미루자는 연락이 옴
  64. 64. 그런데 그날이 마케팅 업체에서 미뤄진 날짜였음 애플 휴가 전 마지막 날에 검수됨 휴가기간 동안 런칭/업데이트 전부 불가능
  65. 65. 나는 뭘 배웠나?
  66. 66. 하나의 별거 아닌 앱이라도 많은 고민을 거쳐 만들어진다
  67. 67. 다른 관점을 가진 사람과의 토론은 서로를 성장시킨다
  68. 68. 기술이 아닌 불편함에 대해 고민할 때 좋은 앱이 탄생한다
  69. 69. 아쉬움.. 좀더 많은 경험을 쌓은 상태에서 도전했다면 훨씬 완성도 높은 앱이 되지 않았을까......
  70. 70. Q & A
  71. 71. Kawoou / Facebook Blog / kawoou.kr

×