보호되어 있는 글입니다.
iPhone Screen Transition 아이폰 모바일앱 화면 전환 애니메이션 모음 01 1. Hostel World 호스텔 월드 버튼 탭과 스와이프 제스처 모두 부드럽게 반응한다. 2. Megabox 메가박스 메뉴 보기가 버튼 탭으로만 반응한다. 홈 화면의 포스터 스와이프 제스쳐와 구분되어야 해서 그런가? 3. 움직이는 기초영어 좌측 메뉴 펼치기와 우측 달성률 보기가 버튼 탭으로만 반응한다. 호스텔월드와 비교했을 때 움직임이 딱딱하다. 4. Voice Translator 모바일앱 버튼 탭, 스와이프 제스처 모두 반응한다. 하지만 좌측 언어선택 애니메이션이 진행중일 때는 홈 화면으로 전환은 안된다. 화면 전환을 할 때 좌우 스와이프 제스처가 확실해야 작동한다. 홈 화면이 대화창이라 세로방향 스크롤과 ..
팩스 수신, 발신을 스마트폰으로 해결한다! 엔팩스 enFax 모바일앱 탐구 최근에 보험사 고객센터에 개인정보변경 건으로 문의를 했더니 먼저 신청서를 팩스로 보내면 받아서 작성 후 다시 팩스로 보내서 접수해야 한다는 답변을 들었다. 팩시밀리가 없어서 이메일로 처리할 수 없느냐고 물었더니 방법이 없단다! 예전에 팩스 수신이 필요할 때 임시로 인터넷 팩스 서비스에 가입해서 사용한 후 해지했던 적이 있었다. 그런데 이번에는 굳이 인터넷 팩스를 이용할 필요성을 느끼지 못하고 일 처리를 하던 중이었다. 여러 기관에 변경 신청을 했는데 대부분 필요서류를 이메일 이나 문자메시지 전송으로 해결할 수 있었기 때문이다. 다른 한 보험사는 문자메시지로 서류를 전송하는 임시번호 같은 것을 보내주고 그리로 서류를 사진 찍어 보내..
《오래가는 UX 디자인》 반준철 저 (2013.2) Chapter 6 NOTE 6장은 인터렉션 표현 설계에 관한 내용으로 다음 4가지 원칙을 이야기한다. 행동을 유도하는 단서를 제공하라적절한 피드백을 제공하라올바른 대응 관계를 만들어라제약과 제한의 힘을 활용하라 01ㆍ행동을 유도하는 단서를 제공 하라 여기서는 어포던스와 행동유도성, 시그니파이어에 대해 설명한다. 이 책에서는 어포던스를 2가지 의미로 구분해서 설명한다. 심리학자 제임스 J. 깁슨이 소개한 개념인 ‘내재적 어포던스’와 도널드 노먼이 소개한 ‘인지된 어포던스’ 이다. 제품 디자인의 관점에서는 인지된 어포던스가 더 중요하다고 한다. 깁슨의 어포던스는 사물 또는 환경이 지니는 본연의 특성을 의미하며 사람이 알아채지 못하더라도 항상 내부에 존재하는..
《오래가는 UX 디자인》 반준철 저 (2013.2) Chapter 4 NOTE 4장은 인터랙션 기반 설계에 관한 내용이다. 심성 모형과 개념 모형에 관한 내용, 스마트폰 OS별 개념 모형, 메타포 사용에 관한 것, 상황에 적합한 핵심 정보 노출에 관한 내용이 소개된다. 윈도우XP, 윈도우7, 안드로이드와 iOS의 볼륨조절 디자인에 관한 이야기, 복잡하고 혼란스러운 인터페이스가 얼마나 단순해질 수 있는지 보여주는 예로 인터넷 익스플로러 변천사가 소개된다. 01 · 개념 모형과 심성 모형 4장에서 기억에 남는 것은 재미있는 예제를 통해 개념 모형과 심성 모형에 대해 설명한 부분이다. 화장품에 대한 남자의 심성 모형, 자동차에 대한 여자의 심성 모형을 예로 들며 일반적으로 사람들은 자신이 평소 생활하는 데 필..
《오래가는 UX 디자인》 반준철 저 (2013.2) Chapter 2 NOTE 2장에서는 앞장에서 소개한 기술중심, 기능중심, 경험중심 디자인이 시대별로 어떻게 흘러왔는지 PC와 워드프로세서 발전사를 통해 자세히 설명한다. 제품의 성숙도와 기술적 완성도에 따라 제품이 제공하는 사용자 경험의 형태는 달라진다. 지금도 새로 생겨난 기술을 이용하는 제품은 기술적인 특성에 따라 제품이 평가되는 경향이 있다. 일반적으로 많이 사용하는 HD TV보다 해상도가 4배 높은 UD TV나 플렉시블 디스플레이, 무선 충전 기술 등은 아직 기술 수준이 높지 않아서 소비자는 기술적 완성도가 높을수록 좋은 제품이라고 생각한다. 이런 신기술을 이용한 제품은 여전히 기술 중심으로 만들어지고 평가 받는데, 제품이 일반화되고 기술 수준..
《오래가는 UX 디자인》 반준철 저 (2013.2) Chapter 1 NOTE 01 · 경험 중심 디자인기술, 기능, 경험으로 나누는 ‘제품 디자인의 3가지 관점’과 기술과 기능중심의 시대를 지나 경험 중심 디자인으로 흘러오는 과정에 대한 설명이 새로웠다. 기술 중심 디자인제품이 처음 등장하고 관련 기술이 충분히 완성되지 않은 초기일수록 디자인의 관심은 기술에 집중된다. (예, 3D TV, 갤럭시탭) _59 기능 중심 디자인기술은 자신의 약점을 보완하고 상대의 장점을 닮아가는 방향으로 발전하기 마련이다. 그래서 기술이 발전하면 서로 다른 기술이 크게 다르게 느껴지지 않거나 하나의 기술이 사실상의 표준이 되는 시점이 온다. 이 시점에서는 기술 우위를 주장하는 것이 더는 의미가 없게 되고 제품을 차별화하는 ..
보호되어 있는 글입니다.
보호되어 있는 글입니다.
이번 모바일앱 탐구에서는 도미노 모바일앱으로 피자를 주문하는 과정을 살펴보았다. 도미노피자 Domino's 모바일앱 피자배달 주문 과정 탐구매장 없이 배달 서비스만 제공하는 도미노피자는 그 때문인지 피자 체인점 중에서도 온라인 주문 서비스를 가장 먼저 시작했다. 오래 전 도미노가 웹사이트에서 피자배달 주문 서비스를 시작한 이후, 나에게 있어 피자주문은 전화가 아닌 컴퓨터로 처리하는 일이 되어버렸다. 매번 웹사이트에서 주문하다가 이번에 모바일 주문을 처음 해보았는데, 주문을 완료하기 까지 시간이 오래 걸리고, 복잡하다. 모바일 서비스라면 으레 붙이는 수식어인 '간편한 모바일 서비스'와는 거리가 멀다. 많은 개선이 필요해 보인다. 도미노 모바일앱의 핵심은 '신메뉴 소개'와 '주문하기'로 보인다. 그런데 메뉴..
영화 예매 모바일앱 탐구 CGV vs 메가박스이번에는 메가박스 앱의 예매 과정을 살펴본 후 CGV와 메가박스 앱의 좌석배치도와 신용카드결제 화면을 비교해보았다. 메가박스 앱에는 웹사이트처럼 '예매하기'로 대표되는 눈에 띄는 버튼을 두고, 극장 먼저/영화 먼저 식의 예매 방법이 있다. (상단 네비게이션 바) 이번 탐구에서는 웹스러운 그 방식을 이용하지 않고, 홈 화면에서 소개되고 있는 예매율이 높은 영화를 '바로예매' 해보았다.관련 포스팅영화 예매 모바일앱 탐구 (1) CGV 앱 메가박스 모바일앱 영화 예매 영화 선택 후 예매 과정으로 진입하면 처음으로 만나는 것은 극장 조회 및 선택이다. CGV 처럼 바로 상영시간표가 나오지는 않는다. 아래처럼 사전에 선호하는 극장을 설정해 두었다면 예매 절차가 약간 간..
영화 예매 모바일앱 탐구 CGV vs 메가박스온라인 영화티켓 예매는 영화, 극장, 상영시간의 3가지 정보를 조회하고 선택하는 과정이다. 보통의 웹사이트에서는 '예매하기'로 대표되는 눈에 띄는 버튼을 클릭한 후 영화 먼저 선택, 극장 먼저 선택 등의 선택지에서 부터 예매가 시작된다. 그런데 모바일에서의 예매 과정은 그 흐름이 다르다. 영화정보를 먼저 보고, 마음에 들면 그 영화를 예매하는 흐름이기 때문에 모바일의 영화 예매 서비스를 보면 영화 먼저 선택에 더 중요한 비중을 두는 듯하다. CGV와 메가박스. 두 서비스 모두 홈 화면에서 현재 예매율이 높은 영화정보를 보여준다. 앱에 로그인된 상태에서 예매하고 싶은 영화를 정해놓은 후 예매과정을 진행해 보았다. CGV 모바일앱 영화 예매 CGV 앱은 모바일 디..
숙소 공유 서비스 에어비앤비 Airbnb 모바일앱에서 전세계 숙박시설 검색하기에어비앤비 앱을 처음 실행하면 사용자 등록 과정을 진행한다. 이 과정에서 프로필 사진 등록과 휴대전화 인증을 하는데 건너뛰기를 할 수도 있다. 하지만 숙소 검색 과정에서 호스트에게 질문하기나 실제 예약을 하려면 인증 과정을 거쳐야 하므로 처음에 진행하는 것이 나중에 편하다. 사용자 등록 후에 본격적인 홈 화면을 볼 수 있다. 숙소찾기1. 홈 화면홈 화면에는 여행할 지역을 검색하는 기능이 제일 먼저 보인다. 그 아래로 다음과 같은 컨텐츠가 보여진다.최근 조회 숙소짧은 주말 여행에어비앤비 추천인기 여행지 에어비앤비 추천 코너에는 특별한 숙소들이 눈에 띈다. 숲속의 오두막이라던지, 바다 넘어 수평선이 보이는 곳에서 수영을 즐길 수 있..
《디자인과 인간심리》 도날드 노먼 (Donald A. Norman) 심리를 다룬 내용이지만 전문용어의 사용을 자제한 듯하고, 저자가 말하려는 것을 이해시키기 위해 독자에게 심리학 개념을 억지로 이해시키려는 시도도 적은듯하다. 그 노력이 저자의 노력인지 역자들의 노력인지 알 수 없지만, 대체로 일반인도 읽기 쉽게 하려고 애쓴듯하다. 대신 개념 이해를 돕기 위해 사례가 많이 나온다. 나 같은 일반인도 이 책을 읽고 무언가 깨달음을 얻을 수 있었다. 개인적으로 잘 만들어진 책으로 평가하고 싶다. 다만 일부 단어의 번역이 좀 어색하다. 오래 전에 출판된 책이라 그런가? 비망(Reminding), 도식(Schema), 단원화(Modularization) 등의 단어를 읽을 때 어색했다. 나는 상기, 스키마, 모듈로..
보호되어 있는 글입니다.
보호되어 있는 글입니다.
모바일 TO DO LIST 원더리스트 앱 탐구 4편! 1. 설정카테고리 화면 상단 네비게이션 바에서 사진이나 이름을 부분을 탭하면 설정화면으로 이동한다. 설정은 다음과 같은 메뉴로 구성되어 있다.Pro 업그레이드내 세부정보알림로그아웃스마트 목록스마트 기한배경화면할 일에 별 표시 (위치유지 / 상단으로이동)할 일 추가 (목록 맨 위에 ↑ / 목록 맨 끝 ↓)앱 알림 표시 (기한이거나 기한이 지난 할 일 / 알림 / 읽지 않은 대화 / 사용안함)소리자동 미리 알림 사용캐시된 파일 삭제삭제된 목록 복원지원 받기Wunderlist에 대하여리뷰 쓰기할 일에 별표시, 할 일 추가, 앱 알림 표시 설정. 이 세가지 설정은 탭 할 때마다 옵션이 토글된다. 설정 메뉴 중 [내 세부 정보]로 들어가면 사진과 이름, 이메일..
모바일 TO DO LIST 원더리스트 앱 탐구 3편!멀티 플랫폼 서비스인 원더리스트의 태블릿버전과 PC 웹사이트 버전을 살펴보았다. 태블릿은 애플 아이패드2(iOS 8.1.3)에서 PC는 크롬 브라우저(ver. 47)에서 테스트했다. 1. 태블릿 버전기본 화면태블릿 버전에서는 세로모드와 가로모드로 살펴보았다. 스마트폰과는 달리 화면이 2개 영역으로 나뉘어 카테고리 영역과 할 일 목록이 한 화면에 보여진다. 기본 화면 구성 (할 일 상세정보 영역)세로모드에서는 할 일 목록에서 제목을 탭하면 좌측 카테고리 영역은 사라지고 우측에 상세정보 영역이 나타난다.가로모드에서는 제목을 탭하면 가운데 영역이 축소되면서 우측에 상세정보 영역이 나타난다. 하단 툴 바 기능스마트폰 버전에서 보았던 하단 툴 바의 형태와 기능은..
모바일 TO DO LIST 원더리스트 앱 탐구 2편! 원더리스는 체크리스트를 작성해서 목적별로, 기한별로 모아 볼 수 있는 간단한 앱이다. 그런데 자세히 들여다 볼수록 상당히 세밀하게 기획되어 있는듯하다. 리스트 형태의 데이터 관리 도구가 가지고 있는 기본적인 기능들. 목록 및 항목의 추가/수정, 삭제, 순서변경, 폴더(그룹)을 비롯해 친구(팀원)간 목록 공유, 항목의 상태 변화 (완료, 별표, 기한 임박, 새 댓글 표시) 등 사용자가 관심을 가지도록 유도하는 기능들까지. 모바일 서비스지만 기능은 PC 소프트웨어 만큼이나 깨알같이 구성되어 있다. 이 기능들 모두 제대로 활용하려면 PC 소프트웨어를 이용하는 것 만큼의 학습이 필요하다. 그런데 원더리스트는 한번에 조금씩 점진적으로 학습해 가는 방향으로 설계..
모바일 TO DO LIST 원더리스트 앱 1편! 원더리스트는 할일목록을 작성하고, 처리 기한에 따라 목록을 모아 보고, 필요 시 그 내용을 공유할 수 있는 모바일앱이다. 모바일뿐 아니라 맥과 윈도우PC에서도 웹사이트에 접속해 로그인 후 이용가능하다. 멀티 플랫폼 서비스랄까. 원더리스트 모바일앱은 블로그 관련 책과 스마트폰 앱 디자인 책에서 추천 앱으로 소개가 되어 알게되었다. 2011년에 처음 출시되어 현재는 버전3로 업그레이드 되었다. 나온지 몇 년이나 지난 앱이지만 꾸준히 업데이트가 진행되었고 여러 곳에서 추천되는 만큼 사용성도 인정받은 듯하다. 앱을 처음 실행했을 때 나를 참 헷갈리게 한 것은 배경사진이었다. 왠 동방명주 사진인가 싶었다. 국가 별로 대표 사진을 깔아주는 건가? 그렇다면 한국어 버전..
- Total
- Today
- Yesterday
- UI 디자인 툴
- 페이코
- 포토샵 CC 2015
- 리스트뷰
- 원더리스트
- 댄새퍼
- invision
- 인비전
- sketchApp
- 디자인과 인간심리
- 벅스뮤직
- 피자주문
- UX 디자인 7가지 비밀
- 보헤미안 코딩
- 음악앱
- 카카오페이
- 토스
- 오래가는 UX 디자인
- 북노트
- 네이버뮤직
- rindesign
- 스케치앱
- 와이어프레임
- 모바일송금
- 마이크로인터랙션
- 모바일 스케치
- 프로토타입
- 온라인 간편결제
- 도미노피자
- 모바일앱
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | |
7 | 8 | 9 | 10 | 11 | 12 | 13 |
14 | 15 | 16 | 17 | 18 | 19 | 20 |
21 | 22 | 23 | 24 | 25 | 26 | 27 |
28 | 29 | 30 |