신한솔


동영상이 너무 빠름. 캡션이나 나레이션을 넣어야 할듯. 

좀더 구현을 할수 있었을거 같은데. 아쉬움. 

포폴을 위해서 엄마와 아이가 같이 영어 공부를 재미있게 할수 있다는 설명이 잘 들어가야 할것 같음. 

동영상과   ppt 를 잘 정리하기 바람 



myworld myword from hansolshin on Vimeo.


블로그 : http://rangssol.tistory.com/63



정효주


화면이 전 시간보다는 많이 정리되었음 

워낙 어려운 주제라 고생이 많았음 컨셉 영상 잘 정리해서 만들었음 

하반기에  전자출판쪽으로 잘 정리하기를 바라고, 여름방학에 그리드와 타이포그래피로 초점을 맞추어 공부하여 볼것 




담배안녕_정효주interactive media design from JHJ on Vimeo.



블로그 : http://hyojujung.tistory.com/category/



이한아

한학기 따라오느라 고생많았음. 

기말  ppt 에 시나리오 안에 그림들을 넣어서 완성할것 

컨셉 동영상 잘 만들기는 했는데 위의 텍스트 삭제하고 중간중간에 스크롤 보이는것도 보정했으면 함. 

화면의 흐름만 보여주어 컨셉을 알기 힘든데. 컨셉 설명의 캡션등이 들어가면 좋을것 같음 




기말 발표화일 올려주기 바람 



블로그 : http://blog.naver.com/kissess27

6월 17일 월요일 10시부터 407호에서 발표

미리 와서 화면을 띄어 놓을것

 

1. 완성된 프로토타입을 작동하는 비디오 화면을 촬영하여 youtube, blip.tv, vimeo에 올린후 임베디드 코드를 본인의 블로그에 올리고 동영상 화일 URL 을 제출할것, 화일을 다운로드 가능하게 만들것 

 

2. 중간고사때 발표했던 프로포잘 프로젠테이션 화일을 완성하여, 세부 와이어프레임, 비쥬얼 화면을 추가 하여 완성한뒤 slideshare.net에 올리고  URL을 제출할것, 화일을 다운로드 가능하게 첨부할것 
- 경쟁상 분석

- 사용자 리서치 조사 결과

- 퍼소나

- 시나리오

- 타스크 플로어

- 유저 저니

- 스케치 프로토타입

- 시각 디자인 완성된 화면

- 프로토타입 영상

 

3. 본 학기에 진행한 본과목에 대한 본인 블로그 URL  제출

 

여기에 기말 과제 제출 코멘트 달것

  1. 설기 2013.06.17 01:40 신고

    0913062 정효주

    1.
    https://vimeo.com/68435721
    2.
    slideshare.net/gnlvld55/0913062
    3.
    http://hyojujung.tistory.com/category/인터랙티브미디어디자인1

  2. Hansol Shin 2013.06.17 10:15 신고

    0912929 신한솔

    1.
    http://vimeo.com/68498094

    2. slideshare.net/Nananssol/myworld-myword-fin

    3.http://rangssol.tistory.com/63

    -interactive media design

  3. 1116954 이한아

    1. 작동영상
    youtu.be/mdEsN8Rjtpc

    2. 블로그
    blog.naver.com/kissess27

    3.컨셉영

    youtube.com/watch?v=4zepWQ7b278

    4.피피티
    slideshare.net/hana929292

기말은 6우러 10일 화요일 입니다. 

- 지금까지 작업한것 전체 담은 파워포인트

- 프로토타이핑 영상 


6월 3일까지는 비쥬얼 디자인을 끝내시고, 이것을 간단하게 동작할수 있는 정도 까지 구현되게 

프로토타이핑 툴을 이용하여 만들어오시면 됩니다. 

6월 10일 화요일이 15주차로 이날 종강입니다

한달밖에 남지 않았으므로 속도를 내시기 바랍니다. 

5월말까지는 모든 인터페이스가 개발되어야 (앞으로 2주후) 6월 기말발표까지 움직이는 프로토타입을 완성할 수 있습니다. 

다음주까지는 모든 인터페이스의 비쥬얼 디자인을 반드시 해오시기 바랍니다. 

그리고 5월말까지 완성도를 높이는 작업을 진행하세요. 



참고 

iOS UI guideline 

http://developer.apple.com/library/ios/#documentation/UserExperience/Conceptual/MobileHIG/UIElementGuidelines/UIElementGuidelines.html#//apple_ref/doc/uid/TP40006556-CH13-SW1


Android UI guideline

http://developer.android.com/design/index.html


HTML5 - webapp

http://slides.html5rocks.com/

다음주 금요일 5월 10일로 수업을 변경하여 미대 724호 연구실에서 10시 부터 1시까지 진행합니다.

아래의 코멘트 대로 과제를 진행하여 오시면 됩니다.

 

민정

중간발표 슬라이드화일 댓글로 달아 제출할것

화면 와이어프레임 완성하고, 3~5명에게 테스트 하여 볼것,

이후 초기화면과, 메인화면정도를 비쥬얼 디자인 작업까지 해 올것

기말은 프로토타입 영상으로 완성한다고 생각하고 작업할것

 

한솔

디자인을 넣은 화면을 넣기전에 와이어프레임 버전을 가지고 아이들에게 사용성 테스트를 해볼것

이를 토대로 화면 디쥬얼 디자인 작업을 해 올것 (아날로그적 감성을 어떻게 표현?)

추후 진행하면서 화면이 어느정도 나오면 네이티브에게 또는 영어교육하는 전공자를 찾아서

컨텐츠 (영어)에 대한 감수를 받을것

모글루로 구현하는것을 고민해 볼것

 

 

네이버의 해피빈처럼 특정 업체나 기부단체가 아닌 텀블러를 이용하여 기부를 하는 제너럴한 서비스로 수정하여 볼것

서비스 디자인 교과서라는 책을 참고해 볼것 - http://www.usableweb.co.kr/ 서비스 디자인 사이트 참고하고.. 또 한솔이가 지금 졸전으로 하고 있는 서비스 디자인을 참고해서 봐 볼것

http://www.slideshare.net/slideshow/embed_code/19830703

너무 어려우면 이렇게 하지 않아도 됨...

다음주까지 사용자단, 음료 업체, 기부단체 세 사용자 관점으로 와이어프레임을 완성해 올것

 

효주

다음주까지 와이어프레임을 좀더 다듬고, 사용성 평가를 진행하여 올것.

평가를 잘 모르겠으면, 우선 화면 비쥬얼 디자인을 먼저 해올것

 

 

한아

중간발표자료 올리고, 다음주 금요일 발표 준비하여 올것

와이어프레임을 완성하고, 다른 앱을 많이 써보면서 가능한 인터페이스를 고민하여 볼것

 

 

다음주에는 11시 정각에 사용성 테스트와 사용자 인터페이스 시각디자인에 대한 강의를 진행하도록 하겠습니다.

이시간에는 한명도 빠짐없이 참석하도록...

 

그럼 다음주 금요일 10시에... 수업이 있는 사람은 끝나는 대로 올것.

UI/UX 디자인 중간과제 발표 템플릿은 아래를 참고해 주시고. 

다음이 포함되어 있어야 합니다. 


- 리서치 

- 퍼소나

- 시나리오

- 타스트 플로어 

- 와이어 프레임 



중간발표화일은 ppt나 pdf 화일로 slideshare.net에 올리고 그 임베디드를 가져다가 본인의 블로그에 붙이신뒤에  여기에 댓글로 해당 포스트의 URL을 달것! 
참고 예 : http://www.slideshare.net/rorymai/webdesign2-mobileweb

* slideshare.net에 회원가입을 한후 ppt화일이나 pdf 화일을 업로드하면 위의 URL 처럼 보이고 여기서 슬라이드의 상단에 < > Embed를 눌러서 자신의 블로그에 삽입한뒤에 그 포스트 URL을 복사해서 여기에 댓글로 달면됨




 프리젠테이션 템플릿은 Design Research  by Brenda Laurel 책중 BJ FOGG가 만든 Conceptual Design Template에서 가져왔음

이책의 내용중 이에 해당하는것을 PDF로 첨부하니 좀더 자세한 내용을 보고 싶으신분은 아래의 PDF를 다운로드 받아서 읽어보기 바람



1. The Title Page
[Concept Name Here]
design by [your name here]
2009 spring 




2. The Overview
[Name of Project Here]

Persuasive Purpose
   -To [put design challenge summary here]

[put a visual image of your concept here]




3. User Description
-[info about your target user, perhaps with visual]




4. The Storyboard of User Experience
[Storyboard title here]




5. User Feedback
[User research results here, if any. It's great to include photos.]




6. The Summary or Ending
[your contact info]


위의 템플릿을 이용하여 프리젠테이션과 마지막 과제를 정리하여 제출하거나
아니면 위 템플릿의 모든 요소를 넣은것으로 자유롭게 구성하여 정리하여 제출하여도 무방
자신의 블로그에도 정리한 내용을 포스트할것

  1. 설기 2013.05.03 03:02 신고

    0913062 정효주
    http://hyojujung.tistory.com/18

  2. Hansol Shin 2013.05.03 03:03 신고

    http://www.slideshare.net/slideshow/embed_code/20419902

    교수님 저는 아침 수업이 있어서 11시에 가겠습니다ㅠㅠ
    -신한솔

  3. 1110042 이솔 2013.05.03 10:47

    http://www.slideshare.net/solrhee/ss-20437835

오늘 수업시간에 

communicating the user experience 에 나오는 user journeys  와 task models 를 설명함 


결석자는 이 두가지에 대해서 중간에 프린트 물을 받아갈것 


다음주 과제 

1. user journeys 를 완성하고, 여기 각 step에 해당하는 화면을 종이 템플릿에 스케치 하여 올것 

템플릿은 아래에서 다운로드 받을 수 있음.

http://visualcommunication.tistory.com/922



다음 수업시간에는 페이퍼 프로토타이핑의 개발과 이를 테스트하는 사용성 테스트에 대해서 배우고, 

실제 수업시간에 테스트 스크립트를 완성한 뒤에 파일럿 테스트를 돌아가면서 해볼예정.


  1. Hansol Shin 2013.04.21 17:50 신고

    http://rangssol.tistory.com/49

    -신한솔

  2. 윤민정 2013.05.03 10:07

    http://mjmj2010.wordpress.com/2013/04/21/%EC%9D%B8%ED%84%B0%EB%A0%89%ED%8B%B0%EB%B8%8C-%EC%A4%91%EA%B0%84ppt/

신한솔, 정효주, 

시나리오 완성할것 

경쟁상 분석 후 

메인 페이지 및 일부 페이지를 그려 올것  혹은 서비스를 구체적으로 그리거나.. 


이솔, 이한아, 윤민정 

화요일 내일까지 퍼소나 다시 완성하여 제출할것 

이후 시나리오 완성할것 

경쟁상 분석 후 

메인 페이지 및 일부 페이지를 그려 올것 



4월 18일  다음주에는 타스크 플로어 작성하고 종이 프로토타입 스케치를  완성할 예정


4월 25일에는 종이 프로토타입 테스트 결과를 반영하여 최종적인 인터렉션 디자인을 완성하여 발표함 






  1. 설기 2013.04.15 01:34 신고

    0913062 정효주
    http://hyojujung.tistory.com/15
    경쟁사분석한것 입니다 : )

  2. Hansol Shin 2013.04.15 07:43 신고

    http://rangssol.tistory.com/44

    -신한솔

리서치 결과를 정리할것 


- 리서치 목표 

- 리서치 방법 

- 리서치 날짜 장소

- 리서치 대상

- 발견점 정리 : 대표적인 말과 사진 등의 요약 내용 , 핵심적인 비디오 클립 또는 사진 포함 요망 

- 시사점 : 주요 시사점과 리서치를 통해 얻은 핵심 내용 요약


아이디어 생성에 관한 아이디어 워크숍 진행 


- 아이디어 워크숍의 사진 촬영하여 기록 

- 아이디어 워크숍의 결과를 기록 정리


퍼소나를 정하여 오기

제공하는 템플릿을 이용하여 퍼소나를 정리하고 써올것


퍼소나 & 시나리오 템플릿 첨부


시나리오는 다음주에 수업에서 같이 진행할 예정 

ktqook_research_templates.ppt


 

  1. 설기 2013.04.08 01:25 신고

    http://hyojujung.tistory.com/11
    0913062 정효주

  2. Hansol Shin 2013.04.08 07:33 신고

    http://rangssol.tistory.com/38

    신한솔

  3. 1113901 윤민정 2013.04.08 09:55

    http://mjmj2010.wordpress.com/2013/04/07/%EB%A6%AC%EC%84%9C%EC%B9%98-%EA%B2%B0%EA%B3%BC/

오늘 결석자가 많습니다. 지각 결석하지 않도록 유의하기 바랍니다. 


4주차 강의 내용은 아래의  URL  에 있습니다. 

http://visualcommunication.tistory.com/895

다음 과제는 각자 오늘 워크샵을 통해 다른 사람에게 받은 피드백을 고려하여 

한개의 프로젝트를 정하고, 이에 대한 타겟 사용자를 정합니다. 

타겟 사용자층을 대상으로 다음주까지 사용성 리서치를 진행합니다. 

사진이나, 비디오 관찰과 노트

설문

문헌 조사

경쟁사 조사

등을 진행하고 이것을 한장의 노트에 정리하여 옵니다. 

각 노트에는 리서치 방법, 대상자, 일시와 관찰내용, 발견점이 포함되어야 합니다. 

최소한 10장 이상의 노트를 정리하여 오시고, 동일한 내용을 블로그에 올리고

동시에 프린트하여 오세요. 


다음주에는 이를 바탕으로 아이디어 브레인 스토밍과 퍼소나 빌딩을 진행할 예정입니다. 

  1. 설기 2013.04.01 00:47 신고

    0913062 정효주
    http://hyojujung.tistory.com/10

  2. blog.naver.com/solrhee 2013.04.01 01:23

    1110042 이솔

  3. Hansol Shin 2013.04.01 07:56 신고

    http://rangssol.tistory.com/32

    -신한솔

개인 아이디어를 공유했고.. 

오늘은 UX 디자인 프로세스에 대한 개괄적인 부분을 설명했습니다. 

리서치 -> 아이디에이션 -> 프로토타이핑 -> 임플리멘테이션... 

사용자 경험에서 가장 중요한것은 사용자가 누구인가, 이들의 욕구를 어떻게 만족시키는가 입니다. 


IA

GUI

UI

IxD

UED

UCD

UxD

UX

SD

DT

DT


위의 용어들이 제가 이분야에서 일하면서 시간순서에 따라 들어온 것을 나열해 본것입니다. 

어떤 용어들의 약자 이였는지 추측해 보세요. 





데이비드 메릴처럼 인터렉션에 대해서 아이디어를 너무 뻔하게 가지 않도록 신선한 아이디어를 생각해 보시기 바랍니다. 


3주차 과제는 


자신의 프로젝트 아이디어 3개를 컨셉을 정해오세요. 

각각의 아이디어에 타깃 사용자가 누구인지도 정해오세요. 

각 아이디어 한개의 컨셉과 타깃 사용자를 종이에 한장씩 3장을 프린트 해옵니다. 

그리고 이 아이디어 컨셉과 사용자 그리고 여기에 해당하는 유사 프로젝트 2~3개를 찾아서 

블로그에 올리고 여기에 댓글을 달아주세요. 


다음주에는 프로젝트 아이디어를 정한다음 사용자 경험 리서치에 대해서 설명하고 이 리서치를 진행하도록 하겠습니다. 


번외 구글 면접 질문은 이번주는 시간이 모자라서 다음주에 공유하도록 하겠습니다. 



  1. 1113901 윤민정 2013.03.24 16:09

    프로젝트 리서치
    http://mjmj2010.wordpress.com/2013/03/24/project-research-123/

  2. 이한아 1116954 2013.03.24 23:18

    유사프로젝트
    http://blog.naver.com/kissess27

  3. 설기 2013.03.25 00:07 신고

    http://hyojujung.tistory.com/6

    0913062 정효주

  4. Hansol Shin 2013.03.25 07:04 신고

    http://rangssol.tistory.com/25

    -신한솔

  5. 문희경 2013.03.25 08:12

    http://favoritfavorite.blogspot.kr/2013/03/3.html

오늘은 도널드 노먼과 인터렉션 디자인에 대해서 조사해 온것을 공유...

정리된 내용은 여기에...

http://visualcommunication.tistory.com/878


2주차 과제는 

지난 주에 이어서...


1. 자신이 생각하는 인터렉션 디자인을 정의하시오. 

- 여기에 자신의 디자인 철학이 무엇인지를 고민


2. 자신의 인터렉션 디자인 방향에 맞추어 인터렉션 디자인 리서치 해오기... 

드래프트한 자신의 아이디어도 포함. 

비슷한 주제나 참고할만한 프로젝트를 찾아올것..


엑스트라로... 

구글 인터렉션 디자인 면접 문제. 

1. 곰인형을 파는 사이트를 기획하고 디자인해보아라

2. 구글 맵을 개선하거나 새로운 기능을 더한다면 어떤 인터렉션 디자인을 할것인가?


오늘 수업시간에 보았던 강의


데이비드 캘리 강의



돈노만  강의



  1. 용지연 2013.03.18 01:02

    http://ellenyong.com

  2. 설기 2013.03.18 01:11 신고

    정효주
    2주차 과제 같은 페이지에 올렸습니다.
    http://hyojujung.tistory.com/3
    -
    번외 http://hyojujung.tistory.com/4

  3. Hansol Shin 2013.03.18 01:21 신고

    http://rangssol.tistory.com/22

    -신한솔

  4. 김지혜 2013.03.18 01:43

    정의
    http://yammy89.dothome.co.kr/wordpress/?p=39
    프로젝트
    http://yammy89.dothome.co.kr/wordpress/?p=43
    구글
    http://yammy89.dothome.co.kr/wordpress/?p=57

  5. blog.naver.com/solrhee 2013.03.18 02:18

    1110042 이솔

  6. 문희경 2013.03.18 03:49

    http://favoritfavorite.blogspot.kr/2013/03/2.html

  7. 이혜기 2013.03.18 04:11

    http://heyki90.blogspot.kr/

  8. 0911477 공구인 2013.03.18 07:14

    http://raspberry530.blog.me/20182858117

  9. 1113901 윤민정 2013.03.18 10:16

    내가생각하는 인터렉션
    http://mjmj2010.wordpress.com/2013/03/17/%EB%82%B4%EA%B0%80-%EC%83%9D%EA%B0%81%ED%95%98%EB%8A%94-%EC%9D%B8%ED%84%B0%EB%A0%89%EC%85%98%EC%9D%B4%EB%9E%80-2/

    리서치
    http://mjmj2010.wordpress.com/2013/03/17/research/
    구글 면접문제
    http://mjmj2010.wordpress.com/2013/03/17/google-%EC%9D%B8%ED%84%B0%EB%A0%89%EC%85%98-%EB%94%94%EC%9E%90%EC%9D%B8-%EB%A9%B4%EC%A0%91%EB%AC%B8%EC%A0%9C/

블로그나 워드프레스등에 숙제를 포스트한뒤 포스트한 URL을 

여기에 댓글을 달아 숙제를 제출해주세요. 

1. 자신이 하고 싶은 프로젝트 (디지털 베이스)에 대한 리서치 해오기, 왜 하고 싶은지도 적어올것

2. Donal Norman (돈 노만)에 대해서 조사해 오기


수업에 못들어 온 학생들에게. 

오늘 본  존마에다 강연. 

http://www.snow.or.kr/lecture/culture/art/398.html


위의 숙제를 각자 발표한뒤에... 

첫째 주에는 인터렉션 디자인, 인터페이스 디자인, UX 디자인, 정보디자인에 대한 용어를 정의하고 설명하였습니다. 

관련 강의화일은 여기에.

http://visualcommunication.tistory.com/623

  1. 1113901 윤민정 2013.03.10 03:43

    http://mjmj2010.wordpress.com/2013/03/09/donal-norman/

    http://mjmj2010.wordpress.com/2013/03/09/project-research-1/

  2. Hansol Shin 2013.03.10 14:18 신고

    http://rangssol.tistory.com/19

    -신한솔

  3. 0911477 공구인 2013.03.10 23:22

    http://raspberry530.blog.me/20181970367

  4. 설기 2013.03.10 23:25 신고

    1. 자신이 하고 싶은 프로젝트
    http://hyojujung.tistory.com/2

    2. 돈노만 리서치
    http://hyojujung.tistory.com/1

    -정효주

  5. 문희경 2013.03.10 23:35

    http://favoritfavorite.blogspot.kr/2013/03/1.html

  6. 1110042 이솔

  7. 김지혜 2013.03.11 03:31

    http://yammy89.dothome.co.kr/wordpress/?p=29

    http://yammy89.dothome.co.kr/wordpress/?p=17

  8. yooong 2013.03.11 03:51 신고

    http://ellenyong.com

    - 용지연

  9. 이혜기 2013.03.11 05:35

    http://heyki90.blogspot.kr/

+ Recent posts