본문 바로가기
  • 오롯이 성장하는 사람
반응형

UX25

App기획 [UI/UX 용어] UI/UX용어 상태바 Status Bar 3G네트워크 상태, 이통사 브랜드, 와이파이 수신감도, 시계 및 배터리 잔량상태 등이 표시된다. 네비게이션 바 Navigation Bar다양한 기능을 수행함. 화면의 전환, 화면 내 저장 또는 취소, 화면의 제목표시 등 커스텀 뷰 Custom View커스텀이 가능한 뷰, 보여주고자 하는 정보, 서비스가 제공됨 탭바 Tab Bar앱의 모든 페이지로 이동할 수 있는 아이콘이 표시되는곳 툴바 Toolbar하나의 뷰 안에서 여러개의 액션을 사용자에게 제공할 경우 화면의 하단에 보여진다.현재 뷰에서의 실행되는 여러가지 버튼을 담고 있음.하나의 앱에서 여러 가지 다른 모드로 변경해서는 안된다. 경고창 Alert 경고창 디자인 작업시 고려사항화면방향전환에 따른 사전테스트 필요.. 2015. 10. 30.
App기획 [안드로이드 UX/UI] 안드로이드 OS의 특징 Application Framework Dalvik virtual machine Optimized graphics 2d 그래픽 라이브러리를 기본적으로 제공open GL ES1.0 스펙에 기반한 3D그래픽 라이브러리도 제공함 통합브라우저 제공폰에서 사용하는 통합 브라우저 제공 (웹킷 엔진기반) SQLite DB다양한 미디어 지원일반적인 오디오, 비디오, 정지 이미지 포맷 지원동영상 파일형식 : MPEF4, H.264, MP3, AAC, AMR 등스틸이미지 파일형식 : JPG, PNG, GIF 등 다양한 하드웨어 지원블루투스, 3G/WIFI, 카메라, GPS, 나침반, 가속도 센서 등의 지원모바일디바이스의 제조사, 사양에 따라 제한사항이 있을 수 있다. 풍부한 개발환경다양한 디버깅 도.. 2015. 10. 30.
App기획 [모바일 UX실무] 모바일 UX의 프로세스 전략수립 -> 기획 및 설계 -> 디자인 모바일 UX 전략수립UI를 먼저 작성하고 그 다음으로 사용자체험과 사용자 만족을 고려한 UX를 연구한다. 벤치마킹소비자 요구분석 -> 작업대상 선정 -> 우선순위 선정 -> 소비자 만족 관련 예앱에서 버튼이 작아 탭하기 어려운 경우사이즈를 적절하게 키워야 한다.적절함의 범위가 얼마인지를 찾아내고 구현하는 것이 모바일 UX개발자의 몫이다. 벤치마킹 대상무슨 콘텐츠를 제공하고 있는가?어떻게 콘텐츠 제공하고 있는가?정보구조는 어떤 방식인가?검색서비스 어떻게 제공하고 있는가? 모바일UX 기획과 설계 프로세스 콘텐츠 인벤토리앱 내의 모든 정보를 리스트 형태로 상세하게 설명한 것콘셉모델의 구현을 위해 필요한 모든 화면을 리스트 하는것 페이지맵각 화면,.. 2015. 10. 30.
App기획 [모바일 UX 기초] UI/UX UI : 눈에 보이는 디자인UX : 눈에 보이지 않는 사용자의 만족감까지 고려한 디자인 좋은 UX 디자인 차별화(Different) : 좋은 UX디자인은 다른 곳에서는 맛볼 수 없는 무언가가 있어야한다.펀(Fun) : 좋은 UX 디자인을 통해 사용자에게 즐거움, 재미를 줄 수 있어야한다. 감성(Emotion) : 좋은 UX디자인은 고객의 감성을 자극해야한다. UX의 고려대상 Interaction사용자와 디바이스간의 상호작용'토킹 칼' : 사용자의 소리를 따라 하는 디바이스 -> 사용자는 재미를 느끼게 된다. 재미있는 인터랙션 연구가 중요하다. Communication 손동작을 통한 메시지 전달이나 핸드폰을 돌리는 방법을 통한 메시지 전달 등 무한한 발전가능성이 있음.스마트폰의 다양한 센서와 카.. 2015. 10. 30.
App기획 [개발방식 확정하기] 개발 방식 모바일 웹각 폰의 모바일 브라우저를 통해 볼 수 있도록 모바일 버전의 웹사이트를 만드는것.장점 : OS영향 적음, 배포 및 업그레이드 이슈 없음, 장애시 빠르 대응 가능단점 : 앱에 비해 속도 저하, 가속도센서, 자이로센서, 나침반 등의 기능 사용 제한 네이티브 앱 일반적인 앱장점 : 모바일웹에 비해 속도빠름, 서비스 접근 용이, 푸시서비스 가능단점 : OS에 종속적, OS별로 개발 피요(개발비용 증대), 개발비 유지비 고려해야함 하이브리드 앱모바일웹과 일반앱의 절충안. 프레임은 앱으로 개발하고, 앱 내부의 콘텐츠는 웹(HTML)로 보여주는 방식장점 : 하나의 콘텐츠로 OS별로 대응 가능 (하나의 HTML, 프레임만 OS별 앱), 서비스 접근 용이, 푸시서비스 가능단점 : 100%앱에 비해 체.. 2015. 10. 15.
App기획 [정보구조,Information Architecture] 정보구조(Information Architecture, IA)란? 주로 공유 환경의 구조 디자인, 웹사이트의 분류와 조직화 순서, 인트라넷과 온라인 커뮤니티, 디자인 요소를 가져오는 방법과 설계를 디지털 구조화하는 방법으로 정의된다. 계층 구조 장점계층구조형 정보, 서브페이지가 많은 경우 적합하다. 전체구조를 쉽게 이해할 수 있다. 단점 다른 카테고리의 정보로 이동이나 검색이 어렵고 유저가 길 잃는 현상이 발생한다. 적용 예대부분의 웹사이트, 모바일 웹(네이버, 다음 등 포탈) 그리드 구조 장점 그룹별 서비스에 적합하다. 단점 계층구조에 비교시 사용자가 복잡하게 느낄 수 있다. 적용 예 콘텐츠가 많은 교육 사이트, 게임 포탈 등 네트워크 구조 장점각 페이지 별로 이동성이 가장 용이하다. 사용자가 다양한 .. 2015. 10. 14.
App기획 [사용자 니즈 분석] STEP1. 페르소나페르소나란? 어떤 제품 혹은 서비스를 사용할만한 목표 인구 집단 안에 잇는 다양한 사용자 유형들을 대표하는 가상의 인물ex)증권사 앱 기획 경우리서치 자료를 통해 주로 사용할 고객의 연령층과 성향 파악 후 이를 기초로 남성은 "홍길동", 여성은 "김영숙"등 가상 명의 명명.복수의 페르소나 존재할 수 있다. STEP2. 사용성 테스트 계획페르소나 작성 후 이들을 대상으로한 서비스 기능, 디자인에 대한 피드백 얻기 위함.테스트 참가자들이 자연스럽게 참여할 수 있는 분위기 조성과 세부 진행방법을 기술하는 것이 목표이다.테스트를 할 경우 사용자들의 진솔한 의견을 이끌어낼 수 있도록 적절한 시간배분과 휴식이 필요하다.ex)목적: 사용성 테스트를 어떻게, 어떤 방식으로 할 것인지를 보여주는것대상.. 2015. 10. 14.
App기획 [앱 방문자, 매출 늘리기] 앱 방문자 늘리는 방법 무료정책을 지양하고 다른곳에서 볼 수 없는 정보와 서비스를 제공한다.ex) 아이니드 커피 앱 : AR의 대표주자가 되었음. 방문자 확보 후 수익창출 방안 광고수익모델 : 해당 앱에 관련된 카테고리의 광고를 게재하고 수익창출부가정보사업 : 커피점의 매매/양도, 커피점 창업 및 운영노하우 등의 커피관련 부가정보를 제공해서 수익창출 전자상거래: 원두커피, 커피메이커 등 커피와 관련된 상품의 판매로 수익창출 앱 매출 늘리는 방법 구체적인 매출목표 설정동종앱의 다운로드 수를 조사하여 목표, 매출목표를 산정한다. ROI에 따른 설정Return of Investment는 투자비에 대한 회수시점을 산정하는 방안이다. ex) 6천만원이 투입되는 앱 개발건이라면, 매월 500만원씩 회수하거나 아니면.. 2015. 10. 14.
App기획 [앱 기획하기] 스마트폰 앱은 스마트폰 만의 특징 가속도센서, 나치반센서, 자력센서, 근접센서, 조도센서를 이용한 FUN한 앱으로 새로운 사용자체험을 하게 해주는 앱을 개발한다.아이콘 경쟁력이 좌우한다. (얼굴이나오는, 텍스트로 어필하는, 주제를 상징하는 아이콘) 앱 기획의 범위 사업기획앱을 개발하고 서비스하는데 필요한 사업목표의 수립, 자금사용계획, 일정계획, 사업성과의 평가방법 등을 기획 UX 설계아직까지 현업에 ux전문가가 없는 경우가 많다.앱개발에 필요한 기획실무 작업을 기초로 설계하고 개인적인 역량을 위해 연구해야한다. 개발관리기획자는 개발담당자와 개발내용 및 일정조율을 원할하게 해야한다.개발담당자와 수시로 프로젝트의 목표를 공유하고 진행상황을 확인해야한다. 외주관리외주로 개발될때 기획자는 더 많은 자료를 준비.. 2015. 10. 13.
App기획 [앱개발 프로세스] 앱개발이란? 애플이나 구글의 앱스토어에 등록을 하지 않으면 서비스가 되지 않는다. 업그레이드에 영향을 크게 받는다. 검색광고의 영향력이 작다. 앱개발 프로세스 단계별 특징 STEP 1. 개발 전 시장조사 사내 사용목적으로 개발되는 경우에는 시장조사가 구지 필요하지 않지만 대고객용으로 개발되는 경우에는 시장조사가 필요하다. 온라인과 오프라인으로 나뉜다. · 온라인: 개발하고자 하는 유사 앱, 동종의 앱 조사 · 오프라인 : 설문조사, 트렌드조사, 동종의 각종 상품 및 서비스 조사 사업계획서 목표수립 -> 자금계획 -> 일정계획 -> 유지보수 -> 인력계획 목표수립 : 구체적일수록 좋다. 자금계획 : 1.5~2배로 여유있게 잡고 업그레이드나 유지보수를 고려해야한다. · 인건비(한국소프트웨어산업협회의 연도별 .. 2015. 10. 10.
모바일 UI/UX디자인 [디지털 프로토타이핑] 디지털 프로토타이핑이란?실제 스마트폰에서 앱을 사용하는 것처럼, 스마트폰 앱 혹은 관련 서비스를 통해 스크린에서 터치 제스처, 화면의 이동, 터치에 따른 반응 등의 UI조작 및 인터랙션등의 구성, 내용, 전개 등을 확인하기 위함이다. 스마트폰 앱 프로토타이핑 시행의 장점· 테스트를 받는 사람은 앱 프로그램의 전개, 화면 및 터치 제스처에 대한 인터랙션, 사용 상황의 재연등을 테스트 해볼 수 있다.스마트폰 앱에 있어 프로토타이핑 필요성· 비용, 시간 문제 등 프로토타이핑 제작을 위한 프로그래머 투입 불가· 출시 전, 테스트를 통해 앱의 기능, 콘텐츠 부분의 품질 향상을 할 수 있는 기회· 개발자, 기획자, 디자이너 관점이 아닌, 사용자의 관점을 테스트할 수 있는 기회 스마트폰 앱 프로토타이핑의 종류 페이퍼.. 2015. 9. 20.
모바일 UI/UX디자인 [모바일 앱 UI 스토리보드] UI스토리보드 작업 순서 STEP 1. 기본 구성 페이지 중에서도 제일 중요한 것을 먼저 디자인한다.작업의 순서로 보면, 1.메인 콘텐츠/메인 페이지를 우선한다.사용자들이 제일 큰 가치로 여기는 콘텐츠/기능이 중심이 되어야 하기 때문이다.앱 아이콘을 먼저 디자인할 것이 아니라 메인 콘텐츠부터 디자인해야한다. STEP 2. 나중에 작업할 것, 작업의 성격을 명확히 안다.기획은 메인 콘텐츠/메인 페이지가 나온 후부터 진행한다.초반에 앱 아이콘을 작업하면 바뀔 확률이 높다.앱아이콘은 굉장히 중요하므로 작업의 시점과 작업 프로세스를 명확히 아는 것이 중요하다. STEP 3. 진행하는 프로젝트가 속한 카테고리의 일반적인 디자인 패턴을 참조하여 구성한다.게임 카테고리라면, 유틸리티라면, SNS라면...리서치를 통해.. 2015. 9. 19.
모바일 UI/UX디자인 [UI 디자인 패턴] 디자인 패턴이란?건축가 크리스토퍼 알렉산더가 제안한 방법여러 건축물들을 관찰하다 보니 발견되는 공통적인 요소들을 패턴으로 규정한 후, 필요에 따라 이를 조합하여 만드는 방식을 제안 소프트웨어 분야에서 디자인 패턴소프트웨어 분야에서 디자인 패턴이 각광받기 시작하면서 이를 소프트웨어 개발 방법에서 사용했다.소프트웨어 분야에서는 프로그래밍 시 자주 반복되어 나타나는 문제점을 해결하고자, 과거의 다른 사람이 해결한 결과물을 재사용하기 좋은 형태로 활용한다는 의미로 쓰였다. 특정한 상황에서 구조적인 문제를 해결할 수 있는 방식을 설명해준다. UI디자인 분야에서의 디자인 패턴UI디자인은 화면에 콘텐츠 배치, 레이아웃 등을 디자인하는 분야인데 디자인 패턴이 대두되었던 이유는?UI디자인 또한 디자이너가 원하는 방식대로.. 2015. 9. 16.
모바일 UI/UX디자인 [UX역사] UX역사1. 레오나르도 다 빈치의 주방 컨베이어 벨트 레오나르도 다 빈치의 주방 컨베이어 벨트 디자인이 시초이다. 밀라노 공작의 만찬 준비를 위한 주방 식자재 배달 컨베이어 벨트 디자인. 불규칙한 작동으로 인해 성공하지 못했지만 니즈에 의한 기술의 제공/개발/디자인했다는 면에서 UX의 시초라 볼 수 있다. 2. 1900년대초의 테일러와 산업혁명 프레드릭 윈슬로우 테일러, 최초의 매니지먼트 컨설턴트이자 기계 엔지니어. 테일러리즘이 헨리 포드의 대량 생산의 시초가 되었다. 근로자들 및 도구에 대한 효율성과 인터랙션(업무 프로세스)를 체계적으로 정립하며 테일러 시스템을 창안했다. 3. 1948년 토요타, 인간을 고려한 생산 시스템 일본의 토요타 자동차 주식회사 또한 포드사처럼 엔지니어링과 생산 부분에 효율성을.. 2015. 8. 25.
모바일 UI/UX디자인 [UI 작업범위] UI의 작업범위 PUI, AUI, GUI를 포함하여 UI를 통해 콘텐츠와 기능을 접한다. PUI, Product User Interface제품의 외관에 있는 버튼, 스위치, 터치스크린제품이 갖고있는 물리적 속성 : 볼륨버튼, 전원버튼, 홈버튼, 메뉴버튼, 백버튼 AUI, Audio User Interface 청각적인 요소로 사용자에게 정보 전달 GUI, Graphic User Interface스마트폰 스크린에 시각적 요소로 구성된 UI 컬러, 레이아웃, 타이포등으로 구성 2015. 8. 25.
애플, 마이크로소프트, 구글이 주목한 증강 현실 AR 증강현실이란[Augmented Reality] 실세계에 3차원 가상물체를 겹쳐 보여주는 기술이다.‘가상현실(Virtual Reality, VR)’과 증강현실을 혼동할 수 있는데 그 둘은 확연히 다르다. 가상현실은 자신(객체)과 배경·환경 모두 현실이 아닌 가상의 이미지를 사용하는데 반해, 증강현실(Augmented Reality, AR)은 현실의 이미지나 배경에 3차원 가상 이미지를 겹쳐서 하나의 영상으로 보여주는 기술이다. 애플이 독일 증강현실(AR) 전문 업체인 메타이오(Metaio) 를 인수하고 이 기술을 접목한 서비스로 새로운 시장 수요를 창출하기 위해 박차를 가하고 있다. 차기 아이폰이나 아이패드에 AR을 탑재할 것이라는 예측도 나오고 있다는데..2020년까지 연평균 50% 이상의 증가율로 고도.. 2015. 6. 3.
UX 디자이너들 앨런쿠퍼 Alan Cooper 앨런 쿠퍼(Alan Cooper, 1952년 6월 3일~ )는 인터렉션 디자인와 소프트웨어 개발 공학 분야의 전문가이다. 특히 "비주얼 베이직의 아버지"로 불리는데 마이크로소프트에서 비주얼 베이직을 개발하고 그래픽 사용자 인터페이스를 구현하기 위한 API 개발환경인 IDE를 개발하고 이용하는데 선구적 역할을 하였다. 그는 또한 "트라이포드"라는 프로그램을 개발하였는데 이후 이 프로그램은 "루비"로 발전하였다.그는 또한 인터렉션 디자인 프로젝트 개발을 위해 페르소나의 개념을 처음 소개하였다.1994년에는 마이크로소프트로부터 Window Pioneer Award를, 1998년에는 소프트웨어 비저너리상을 수상했다. 현재는 자신의 회사인 쿠퍼 인터렉션 디자인을 이끌고 있다.http.. 2015. 5. 17.
오래가는 UX 디자인 [웹/앱 프로젝트 과정] 오래가는 UX 디자인ㅣ한빛미디어 도서 [오래가는 UX 디자인], 한빛미디어 에서는 사용자 경험 UX (User Experience)에 대해서 명확하게 설명해주고있다. UX에 대해 깊고 자세하게 알기 유용한 책이다. 웹/앱 프로젝트 과정구상 > 기획 > 사용자 리서치 > 프로토타이핑 > UI개발 > 백엔드 개발 > 사용성 테스트 > 품질관리 기획 구상한 아이디어나 정보를 바탕으로 그 정보를 체계적으로 전달하는 정보 구조를 만들고 사용자와 제품의 인터랙션 방식을 설계하며 콘텐츠 작성을 담당한다. 웹 기획팀이최근에는 웹과 모바일 애플리케이션 등을 함께 고민하므로 UI기획팀 등으로 바뀌는 추세다. 기획의 중요성기획에서 설계가 무너지면 프로젝트 전반이 흔들린다. 기능하나를 추가하더라도 신중해야한다.예를들어, 체크.. 2015. 5. 7.
디자인 명언 디자인 명언 뒤를 더 많이 돌아볼수록 당신은 더 멀리 앞을 내다볼 수 있다.-처칠 한 인간이 참으로 보기 드문 인격을 갖고 있는가를 발견해내기 위해서는 여러해 동안 그의 행동을 관찰할 수 있는 행운을 가져야한다. 그의 행동이 온갖 이기주의에서 벗어나있고 그 행동을 이끌어나가는 생각이 더 없이 고결하며, 어떤 보상도 바라지 않고 그런데도 이 세상에 뚜렷한 흔적을 남긴것이 분명하다면, 우리는 틀림없이 잊을 수 없는 한 인격과 마주하는 것이다.-장지오노 나는 보는것을 그리는 것이 아니라 생각하는 것을 그린다.-파블로 피카소 표현력이 없으면 디렉션은 불가능하며 디렉션 감각이 없으면 디자인도 불가능하다.-나카무라 마코토 디자이너를 경영자 옆에 앉혀라.-토머스 피터스 머리 속 지혜를 남과 나눌 줄 아는 사람이 어른.. 2015. 5. 4.
오래가는 UX 디자인 [UI/UX/인터랙션 디자인] 오래가는 UX 디자인ㅣ한빛미디어 도서 [오래가는 UX 디자인], 한빛미디어 에서는 사용자 경험 UX (User Experience)에 대해서 명확하게 설명해주고있다. UX에 대해 깊고 자세하게 알기 유용한 책이다. 인터페이스(Interface )란? 서로 다른 두 성분이 만날 때 그 두 요소 사이에 생기는 경계면. 인터페이스로 UI / API / UX 개념 이해하기 UI (User Interface) 사용자와 시스템 사이에 생기는 경계면. 즉 사용자와 기기, 사용자와 웹사이트 및 애플리케이션이 만나는 접점. UI (User Interface) DESIGN 사람과 만나는 시스템의 외형과 화면 구조, 버튼 모양 등을 설계하는 것. API (Application Programming Interface)시스템과.. 2015. 4. 30.
반응형