티스토리

uiuxer

검색하기

블로그 홈

uiuxer

frontend-note.tistory.com/m

uiuxer 님의 블로그입니다.

구독자: 0

방명록 방문하기

반응형

주요 글 목록

[W5_D3] Clone Design (7) 벌써 주말이라니 일주일 정말 순삭이다 숙제하랴 프로젝트하랴 하루가 24시간이 부족하다 집안일도 해야되는데 .. 지저분한 걸 못보는 나 자신 너무 슬프다 (남편 미안..) 나는 데스크리서치 파트를 맡아서 하루종일 계속 리서치하고 분석하고 우리 공유 노션에 올렸다 우리 팀원들 똑똑이 분들이 정확하게 피드백도 빠르게 주셔서 생각보다 하루 안으로 끝낼 수 있었다 감사하다 똑똑이 팀원분 중 한분이 리서치와 서베이 그리고 인터뷰를 토대로 우리의 계획서를 멋지게 작성해주셨고, 이번주 과제로 업로드할 예정이다 서로서로 칭찬과 격려를 하면서 으쌰으쌰해주는 모습이 너무 좋다 이 과정이 끝나서 회사에 들어가든, 프리로 일을 하든 이런분들만 만나고 싶다.. 애니웨이 나는 금요일까지 끝내야했던 study 를 따로 하고있었던 m.. 공감수 0 댓글수 0 2023. 3. 11.
W5_레퍼런스 분석 [배달의 민족] 오늘은 요즘 나의 최애 어플 '배달의 민족'에 대해서 레퍼런스 분석을 하려고 한다. 하루에 내가 해야할 분량의 숙제와 프로젝트를 끝내야 잠을 잘 수 있는 성격인 나에게, 밥할 시간이 부족하기에 배달의 민족은 없어서 안될 어플중 하나에 꼽힌다. 감사합니다 배민! 배달의 민족은 2010년 6월에 '우아한 형제들' 스타트업에서 개발된 대한민국의 대표적인 배달앱이다. 대한민국에서 모르는 사람이 없을 정도로. 먼저 앱이 출시된 후, 그 다음에 회사가 설립이 된 신기한 케이스이다. Main Function - 음식점 검색 & 주문 (포장 또는 배달) - B마트 (식재료 검색, 주문 및 배달) - 주문내역 확인기능 - 좋아하는 음식점 찜 기능 - 선물하기 - 쇼핑라이브 - 함께주문 (출시 된) Main Page 상단.. 공감수 0 댓글수 0 2023. 3. 11.
[W5_D2] Clone Design (6) 어제 밤늦게 팀원들이 함께 구글밑에 모여서 첫 회의를 진행하였다 처음으로 화상미팅을 했다 밤늦게여서 너무 부끄러웠지만, 얼굴보고 대화하는게 더 빠르고 정확하게 진행할 수 있을꺼같았다 뭔가 슬랙에서 댓글로만 봐오다가 첫 대면을 하니 뭔가 연예인보는 기분이었다 ㅋㅋㅋㅋㅋㅋ 우리는 어떤 앱을 선정하면 좋을지 각자 1-2개 정도 리스트 업해왔다 그중에 우리는 정말 신선한 앱을 선택했고, 흥미있는 앱이었지만 한편으로 그 앱을 써본적이 없는 나는 좀 걱정했다 저번 프로젝트에도 그 앱을 써본적이 없어서 좀 고생했던 기억이 있어서 또륵 이번에 데스크 리서치를 맡게되었는데 역시나 .. 내가 모르는 앱이여서 처음부터 그 앱을 먼저 공부한 후 에 그 앱에 대한 정량조사와 정상조사를 시작했다 오늘 내가 한게 우리 조의 프로젝.. 공감수 0 댓글수 0 2023. 3. 8.
[W5_D1] Clone Design (5) 오늘부터 새로운 클론디자인을 한다 이번주는 내내 당근마켓에 대해 클론디자인을 해야한다 데일리스케쥴에 어느 부분을 클론디자인해야되는지 정확하게 명시해주지 않았다ㅜ 그래서 보이는부분은 다 해보려고 한다 - Main - FAB - 상세페이지 - 대화창 - 대화진행 - 채팅리스트 - 동네생활 - 동네생활 상세 - 내 근처 - 마이페이지 등등 클론디자인을 하면 할 수록 정말 피그마는 멋진 툴이다 일러로 작업했던 벡터이미지를 피그마로도 할 수 있다니 정말 안되는게 없는 아이구나 할때마다 놀란다 픽셀을 맞추기 위해 오늘도 나는 컴퓨터 앞으로 가까이 간다 귀여운 픽셀아트 동글동글 색깔도 알록달록 역시 당근답다 내일부터 프로젝트 시작이다 새로운 팀원들을 만날텐데 두근거린다 어떤분들과 프로젝트를 할까? 이번에는 정말 잘하.. 공감수 0 댓글수 0 2023. 3. 6.
[W4_D4] Clone Design (4) 한주가 끝나간다 숙제도 프로젝트도 부랴부랴 시간을 쪼개서 했다 내일 숙제까지 거의 다 끝나간다 프리스쿨이후로 피그마 작업 열심히 해본것 같다 계속해서 피그마 작업을 하니 손에 더 익숙해지는듯? 내일은 빠진거 없나 체크하고, 더 추가해야될 부분 있으면 추가하고 마무리하면 될꺼같다 오늘 그룹프로젝트 발표가 있는 날이었다 모두 정말 전문가의 향기가 물씬. 여기서 수업을 왜 들으시는지...? 바로 취업하실 수 있는 수준이신거 같은데.. 모두 너무 잘하신거 같다 우리팀도 열심히 했는데, 다음에는 더 잘하고 싶다 정말로 다음주부터 새로운 프로젝트가 다시 시작된다 어떤 팀원분들을 만날지, 또 어떤 프로젝트가 시작될지 기대가 된다 우리팀원분께서 아주 좋은 정보를 주셨다 워라벨을 중요시하는 나는 재택을 사실 선호하긴한다.. 공감수 0 댓글수 0 2023. 3. 2.
W4_ 레퍼런스 분석 [Rooming] 이번주 분석해 볼 어플은 '루밍, rooming' 이다. 루밍은 스타일리스트로 활동하는 대표님이 설립한 회사로 room + ing 합성어이다 2005년 4월부터 지금까지 달려온 회사 루밍은 공간을 끊임없이 바꾸고, 필요한 모든 요소를 보다 쉽게 접근하고 소통하자는 의미로 시작되었다고 한다 이탈리아, 프랑스, 스위스, 영국, 미국 등 다양한 나라의 트렌드를 대표하는 디자이너들의 인테리어 관련 제품을 소개시켜줌과 동시에 구매까지 할 수 있도록 도와주는 디자인 편집 매장이다 주변에서 흔히 접할 수 없는 유명한 디자이너의 가구와 생활용품들을 소비자들에게 쉽게 접근할 수 있도록 도와준 브랜드이다 나 또한 인테리어 디자인에 관심이 많은 사람으로써, 루밍을 자주 이용한다 루밍 어플을 이용하면서, 정말 눈을 호강시켜주.. 공감수 1 댓글수 0 2023. 3. 2.
[W4_M4] UIUX 디자인 스쿨에서 그룹 프로젝트 해보니.. 오랜만에 그룹 프로젝트를 해봤다 대학다닐 때, 매주 했던게 그룹 프로젝트였는데 다시해서 신났었다 미생물학과를 졸업한 나는 실험에 나름 익숙한 편이었다 조사계획서를 작성하고, 가설을 세우고, 만약 우리가 생각했던 결과 값이 나오지 않으면 어디서 문제가 있는지 분석하고 그거에 따른 피드백을 세우고, 다시 조사를 진행하는 반복. 신기하게도 UIUX User research 에서 동일하게 적용이 된다 이번에 그룹프로젝트로 5명씩 그룹을 묶어주셨다 어떻게 묶어주셨는지 기준은 모르겠지만! 중간이 드롭한 친구가 있어서 약간의 멘붕이 있었지만, 다행히 그 친구가 맡은 부분이 큰 부분이 아니어서 남은 팀원들이 머리를 맞대어 헤쳐나갈 수 있었다 팀원 한명이 문제점이 많은 어플을 제시해줘서, 처음부터 우리조는 순탄하게 잘 .. 공감수 0 댓글수 0 2023. 3. 2.
[W4_D3] Clone Design (3) 난 오늘도 피그마와 함께한다 매일매일 해야되는 숙제가 비슷하면서 다르다 (무슨말이지?) 같은 어플을 비교분석하는 거라서 비슷한다, 다른걸 분석해서 다르다는 말. 오늘은 빨간날, 삼일절임에도 불구하고 숙제를 해야된다니 또륵 남편도 오늘 쉬는날인데 날씨는 왜이렇게 좋은거야 그래도 쉬는날 컴퓨터 앞에만 앉아있으면 속상할꺼같아서, 드라이브 다녀왔다 다녀오자 마자 나는 다시 피그마와 함께했지 부끄러우니까 블러 .. 숙제에 찾을 수 있을만큼 어플을 찾아서 분석해보라고 하셔서 진짜 이 악물고 어플을 찾아서 나열했더니 40개.. 더 해야되나? 싶었는데 40개 분석도 나에게 이미 벅차기에 여기서 스톱 블로그도 꾸준히 써야되는데. 글에 재주가 없는 나는 블로그에 재미를 못느껴 스킵할 때가 많다 꾸준히 제로베이스 하면서 한.. 공감수 0 댓글수 0 2023. 3. 1.
[W4_D2] Clone Design (2) 매일 매일 하루가 금방지나간다 하루일지를 쓸 시간이 없을 정도로 이렇게까지 숙제를 하는게 맞나 싶을정도로? 디자인할때는 1px 튀어나가는것도 용납못하는 나는 병이 있다 .. 간격병 작업할 때, 원본 디자인과 완전 똑같이 하려고 노력한다 다 했을 때의 그 쾌감은 이루말할 수 없다 정말 오늘은 프로젝트 녹음과 영상제작을 했다 우리팀의 청일점 팀원과 함께 녹음하기로 했다 녹음을 하다보니 말이 나도 모르게 빨라지고, 반복해서 녹음했다ㅜ 시간이 쫌 아깝.. (숙제할 시간을 할애했으니) 그래도 그룹프로젝트여서 열심히 함께한 다른 팀원들에게 피해를 끼치고 싶지 않아서 열심히 작업을 했다 한장한장 우리의 목소리와 피치를 맞춰서 잘 넘기도록 슬라이드 형식으로 제작을 했다 이제 이 영상을 목요일 7시 전까지 올리면 된다 .. 공감수 0 댓글수 0 2023. 2. 28.
[W4_D1] Clone Design (1) 4주차 시작이다 벌써 수업들은지 한달이 다 되어간다. 살면서 이렇게 시간 빨리간거 오랜만이다 한달정도되면 어느정도 과제와 수업에 익숙해 질 줄 알았는데 이거 왠걸 절대 그럴수 없는 스케쥴이다 온라인수업이라고 해서 절대 무시하면 안된다 오프라인보다 더 스케줄이 꽉차있다 또륵 하지만, 하루의 분량을 끝내면 그만큼의 뿌듯함이 가득하다 4주차부터는 클론디자인시작이다. 본격적으로 실습으로 들어가는 단계 간격병이 있는 나는 하나하나 꼼꼼하게 작업해야 마음이 편하다 작업시간이 6시간. 옆에 있던 남편이 무슨말을 했다는데, 기억에 없다 그만큼 집중을 하면서 작업을 했다는 이야기 첫날은 회원가입 UI 페이지 분석이다. 그냥 수집만 하면 되는게 아닌.. 분석까지 해야된다 나는 하나하나 요소를 쪼개서 수치를 재고, 간격을 .. 공감수 0 댓글수 0 2023. 2. 27.
[W3_D5] 2.Interface Design (2) 2-7 ) 아이콘 Iconography : 문자처럼 규칙과 의미가 있다는 의미 (직관적으로 이해할 수 있는 시각적인 언어) - APP Icon :앱을 실행시키기 위해 제공되는 아이콘 - System Icon: 앱을 구동하여 구동된 플랫폼 안에 사용되는 아이콘 ** Icon Layout 24x24 사이즈로 만들고 2-4px의 여분을 주고 하기 ** Icon Space 사용성을 주기위해 테두리를 48x48로 24x24아이콘을 싸준다 (겹치지 않게) ** Icon Grid& Keyline 일관된 시각적 그리드를 유지하게 위해서 ** Icon Style - line: 많이 사용함 - Fill: 많이 사용함 - Color : 피드백을 주거나, 주목도를 높이기 위해 ** Icon Stroke : 2px 을 권장함 .. 공감수 0 댓글수 0 2023. 2. 24.
W3_ 레퍼런스 분석 [Kurly] 오늘 분석을 해볼 어플은 [컬리]이다. 누구나 한번쯤 써봤을 어플일 것이다. 새벽배송과 첫구매 깜짝 할인 이벤트로 소비자들의 주목을 끌었던 핫한 어플 2014년에 처음 런칭된 마켓컬리는 식품판매가 메인이었다. 하지만 작년 22년 10월부터 뷰티 라인이 들어오면서 마켓컬리의 이름은 마켓을 뺀 '컬리'로 변경이 되었다. 현재 지금은 두가지의 서비스 영역으로 운영되어지고 있다 (마켓+뷰티) 주부인 나도 애용하는 서비스이기 때문에, 이 어플에 대해서 분석해보고자 한다 Main #1. 1) 런칭한지 몇개월 안된 뷰티라인과 기존에 있던 마켓컬리를 구분하기 위해서 사용자들에게 편의성을 제공함 위쪽에도 버튼형식으로 제작되어져있고, 오른쪽 하단에도 메인부분은 사진과 텍스트를 함께 써서 뷰티라인으로 이동할 수 있도록 도와.. 공감수 0 댓글수 0 2023. 2. 23.
[W3_D4] 2.Interface Design 2-1 ) 고도 ** Elevation : 입체적으로 보여지기 위해 (Shadow를 적용한다) 2-2 ) 밀도와 해상도 모바일의 종류는 너무 많다 실제 픽셀의 밀도가 다 다를 수 있다 (스마트폰의 해상도에 따라) 2-3 ) 레이아웃 레이아웃은 '설계, 지면의 배열, 배치'라는 뜻 잡지나 광고, 출판물 등을 디자인할 때 텍스트나 이미지 등의 요소를 보기좋게 배열하는 것을 의미 screen size 최신폰에서 1-2단계 아래 사이즈를 정의함 (바로 최신기기로 바꾸지 않기때문에) https://gs.statcounter.com Statcounter Global Stats - Browser, OS, Search Engine including Mobile Usage Share Tracks the Usage Sha.. 공감수 0 댓글수 0 2023. 2. 23.
[W3_M3] 디자인 툴, 뭐가 좋을까 ? 정말 다양하고 많은 디자인 툴이 있다. 디자인의 툴 조상인, 포토샵과 일러스트가 있다 어느 누구 안들어 본 사람이 없을 것이다 하지만, 요즘은 정말 비전공자들도 정말 쉽게 접근할 수 있는 툴(플랫폼)들이 나오고 있다 그중에 요즘 핫한 네가지 툴만 이야기 해보려고 한다 Figma / Adobe XD / Sketch / Protopie 1. Figma 요즘 협업에서 제일 핫하다고 할 수 있는 피그마 부터 이야기 해보겠다 구직사이트에서 UIUX 또는 그래픽디자인 뽑는 회사에서 우대사항으로 피그마가 없는 곳이 없을 정도로 많은 회사에서 사용하고 있다. 피그마는 클라우드 기반인 플랫폼이여서 자동저장이 가능하다는 큰 장점을 가지고 있어, 작업할때마다 수시로 자동저장해줘서 공들였던 작업물이 휘리릭 날아갈 일은 거의 .. 공감수 0 댓글수 0 2023. 2. 22.
[W3_D2] Design Process & Define 1. Design Process ** Double diamond 복잡한 서비스 디자인 프로세스를 구조화하는 접근 방법 Discover (확산) - 고객경험 리서치를 통해 문제 수집, 분석 (사용자 경험을 높이기 위해 분석) Define (수렴) - 아이디어 수렴, 자료분석&디자인 방향 설정 (퍼소나 설정, 고객여정지도, 핵심욕구도출) Develop (확산) - 해결책 구체화 (세부해결방안 구상) 프로세스 UI설계 (프로토타입제작, 모델개발) Deliver (수렴-적용) - 모델을 평가하고, 과제를 마무리 짓는 단계 ** Stanford's d.school Empathize 공감 - 사용자를 관찰, 충족되지 않는 니즈를 발견, 인터뷰 Define 정의 - 수집한 데이터에서 패턴찾기, 사용자에게 가장 의미있.. 공감수 0 댓글수 0 2023. 2. 21.
[W3_D1] Design History + Empathy 1. Design History - 물건의 제작 : 인간의 행동 양식에 따라서 발전과 개선을 해옴 - 도구의 사용 : 1차적 목적을 위해 (농업과 전쟁 등 생계를 위한 목적) - 장식적인 면에 치중 : 기술의 발전으로 공예품 제작 (부과 권력 과시) ** Mass Production : 대량생산 - 산업혁명 (18-19C) - 대량생산 시스템 - 산업혁명 전,후 산업혁명 전_ 동력원을 자연에서 얻어서 사용 (물.바람.가축 등) : 외곽지역 산업혁명 후_ 증기기관을 이용한 새로운 동력원 등장(자유로운 이동이 가능) : 공장과 노동자들이 도시로 진입(더 많은 노동인력), 생산속도 향상 디자이너 역할의 변화 - 수요 < 공급 (사용자가 추구하는 가치기준이 높아짐으로써 그에 따른 스타일에 소비하기 시작) - 컨.. 공감수 1 댓글수 4 2023. 2. 20.
[W2_D5] UX 이론 Chapter.10-11 + 학습일지 10 ) 사용성 테스트 수행하기 10-1 ) 사용성 테스트 단계별로 알아보기 #Step 1 : 사용성 테스트 문제 정의 무엇에 대해서 테스트를 해야되는지, 누구에게 해야되는지 - 해결하고자 하는 문제에 직접 연관된 사람들을 만나서 인터뷰하기 - 문제의 구조를 분해해라 - 구체적으로 어떻게 데이터를 봐야되는지 고민하기 - 분석하기 전에 고객의 상황을 시뮬레이션 하기 - 고객 행동에 대해 가설을 세우기 ** 실수_ 데이터를 반복해서 수집 / 단순한 설문 진행 (깊이 고민x) / 이미 알고 있는 내용 정리 #Step 2 : 사용성 테스트를 위한 데스크 리서치 : 서비스와 관련된 외부상황(트렌드, 시장환경 변화) 부터 서비스의 내부 상황(조직, 협업 구조, 서비스 시스템)까지 다방면으로 상황을 파악하기 위한 방.. 공감수 0 댓글수 0 2023. 2. 17.
[ UX 아티클 디스커션 ] Article # 1. UI커리어 시작하기: 사용자 경험 디자인 직업을 시작하고자 하는 사람들을 위한 완벽한 가이드 https://story.pxd.co.kr/933 UX 커리어 시작하기: 사용자 경험 디자인(User Experience Design) 직업을 시작하고자 하는 사람들을 위 이 글은 매튜 매가인(Matthew Magain)과 루크 챔버스(Luke Chambers)가 2014년 4월 UX matters에 게재한 글입니다. 피엑스디에서 저자의 서면 허락을 받고 번역, 게시하였으며, 저자의 허락없이 복사하여 사용 story.pxd.co.kr 이 아티클 처음 부분에 질문을 한다. 당신은 '왜' 지금 여기에 있는가? 이 질문을 받고 한번 곰곰히 생각을 해보았다. 정말 내가 왜 UX디자인을 하고 싶어했.. 공감수 0 댓글수 0 2023. 2. 17.
W2_ 레퍼런스 분석 [COLLECTION.B] 왜 Collection.B 를 선택했나? 나는 인테리어 디자인에 관심이 많다 특히, 해외 디자이너들의 가구에 관심이 많다 단순히 '가구' 가 아니라, 심플하면서 포인트를 줄 수 있는 오브제로써 눈을 즐겁게 해주기 때문이다 그중에 내가 자주 이용하는 어플이 있다. '콜렉션 비' 이다. 콜렉션 비는 좋은 품질과 디자인을 가진 해외 브랜드들을 소개하는 프리미엄 리빙 온라인 커머스 이다. 단순히 제품만 파는 곳이 아닌, 브랜드들의 히스토리까지 담은 가이드 백과사전의 컨셉으로 서비스를 제공한다고 한다. 콜렉션 비는 아무 브랜드가 입점할 수 있는 곳이 아니다 브랜드 선정 원칙이 따로 있다 1. Branded Brand _ 스스로의 개성과 스토리를 가진 대중들에게 충분히 인지된 브랜드 2. Authenticity _.. 공감수 0 댓글수 0 2023. 2. 16.
[W2_D4] UX 이론 Chapter 9. 사용성 테스트 알아보기 9 ) 사용성 테스트 (UT) 9-1 ) 사용성 테스트에 대해 자세히 알아보기 ** UT (Usability Test) 사용성테스트란? - 사용자에게 특정 과업을 수행하도록 과제(Task)를 부여한 뒤 그 일을 진행하는 과정(행동)을 관찰하는 방법 의도한 서비스 시나리오대로 유저가 행동하는지 아닌지 알 수 있음 필수적인 컨트롤 요소를 인지/이해/예측/실행 하는지 알 수 있음 이외의 다양한 컨트롤 요소를 인지/이해/예측/실행 하는지 알 수 있음 사용성 평가 (Usability Test) 와 유저 테스트 (User Test) 는 확실히 다르다 ( 사용성 평가는 우리의 제품을 평가하는 것이지 사용자를 평가하는 것이 아니다 ) ex) 사용자가 어떤 기능을 통해 다음단계진행을 할 수 있는가? 할 수 없다면 문제점.. 공감수 0 댓글수 0 2023. 2. 16.
[W2_M2] 제로베이스 UIUX 디자인 스쿨을 선택한 이유 오늘은 내가 제로베이스 UIUX 디자인 스쿨을 선택한 이유에 대해서 적어보려고 한다 불과 일년전에 나는 국비지원으로 수업을 듣고 있었다 코로나로 인해서 전면 비대면 수업으로 진행했었기 때문에 집에서 수업을 들을 수 밖에 없었다 국비지원 수업을 듣기전에 여러가지 부트캠프를 알아보고 있었다 디자인에 관심은 있지만, 내가 UIUX가 적성에 맞을까? 고민을 하고 있었기 때문에 확신이 없는 나는 거금을 부트캠프에 투자할 용기가 나지 않았다 국비지원으로 수업을 들었는데 결과는 "좋은 경험" 이었다 UIUX가 재밌고 적성에 맞는거 같았지만, 그냥 수박 겉핥기? 같은 느낌이었다 나는 웹디자인에 대해서, 특히 UIUX에 대해서 더 관심이 가지게 되었고 좀 더 자세하게 공부해보고 싶었다 그러던 중, 광고를 보게 되었고, .. 공감수 0 댓글수 0 2023. 2. 15.
[W2_D3] UX 이론 Chapter.7-8 + 학습일지 7 ) 퍼소나 (Persona)는 무엇인가 7-1 ) 퍼소나? 우리의 제품이나 서비스를 사용하는 고객을 대표하기 위해서 가상으로 만든 인물 서비스 기획, 제품 개발, 디자인 등 많은 분야에서 사용자 연구 및 마케팅 전략을 위해 주로 활용 ( 리서치의 방법은 언제든지 발전되면서 변할 수 있다 ) 앨런 쿠퍼 Alan Cooper '정신병원을 뛰쳐나온 디자인_The Inmates Are Running The Asylum' 7-2 ) 퍼소나는 아직 유효한가? ** 누군가는 퍼소나의 유용성에 대해 의심한다 애자일로의 변화 퍼소나의 남용 마케팅 분야 마케팅과 디자인의 퍼소나의 목적은 다르다 디자인에서는 제품과 관련된 사용자의 행동이 좀 더 드러나야되는데, 마케팅에서는 그렇지 않다 마케팅에서는 실제 제품에 대한 의사.. 공감수 0 댓글수 0 2023. 2. 15.
[W2_D2] UX 이론 Chapter.3-6 + 학습일지 3) 사용자를 이해하기 3-1 ) 사용자는 당신처럼 생각하지 않는다 사용자는 나처럼 생각하지 않을 수 있다 ex) 연애관계에서 잘못 이해해서 행동하는 것들, 생각하는 것들 과 마찬가지이다 "상대방이 이렇게 생각하고, 이렇게 행동할꺼야" 라고 오해를 많이 한다 - 공급자들이 중요하게 생각하는 것들을 사용자들이 중요하지 않게 생각할 수 도있다 (폰트, 레이아웃 등) - 사용자이 기술적인 지식 또는 숙련도를 과대평가 할 수 도있다 사용자는 자신이 무슨행동을 했는지 이유를 알 수 없다 - 어떤 행동을 할 때, 마음속에서 생각하고 하는 경우보단 좀더 직관적으로 행동하는 경우가 많다 - 얘기를 하는 사람이 리스너에 따라서 관점에 따라 말을 바꾼다 ** 사용자들이 어떤 행동을 할 것인가 가장 잘 예측하는 것은 그들이.. 공감수 0 댓글수 0 2023. 2. 14.
[W2_D1] 1.UX&UX Researcher & 2.리서치에 대한 마음가짐 1 ) UX & UX Researcher 1-1 ) UX 와 UXR UX (User eXperience) = 사용자 경험 - 사용자가 [어떤 시스템/제품/서비스]를 직/간접적으로 이용사면서 느끼는 총체적 경험 - 사람의 행동 전반에 걸쳐 모든 경험을 고려해야 함 - Contents가 음식의 재료라면 UI는 그 재료로 만든 음식이고, UX는 식당에 들어와 그 음식을 주문하고, 먹는 모든 경험을 의미 UX Researcher - 사용자가 느끼는 경험을 관찰하고 분석하여 고객의 진짜 문제(pain point)를 찾아내는 것 Usability - 사용성 : 사용 경험을 통해 얻게되는 '사용자의 편의성' - 평균적인(혹은 평균 이하의) 능력과 경험을 지닌 사람이 어떠한 도구를 통해 무엇을 수행하고자 할 때, 그 .. 공감수 0 댓글수 0 2023. 2. 13.
[W1_D6] 8.UX 디자이너 되기 1 ) UX 디자이너에게 필요한 기본개념_PART 1 1-1 ) A/B Test 무조건 두개로 test 할 필요가 없고, 여러개도 가능 (하지만, 후보군이 많을 수록 결정하기는 힘듬) ** A/B test Process #Step 1 : 가설 수립 'CTA(call to action)에 따라 클릭 카운트가 달라질 것 같다' #Step 2 : 변수 설정 UI test만 변경 (버튼의 위치. 디자인은 동일) #Step 3 : A/B 시안 제작 총 6개의 시안 제작 #Step 4 : 조사 설계 기간_2주 (짧게 설정하기_너무 길게 설정할 경우 트렌드가 바뀔 수 있음) 대상_랜딩 페이지에 접속하는 아시아 유저 테스트 방식 1_랜딩 페이지에 접속한 유저들에게 랜덤으로 6개 시안을 노출 테스트 방식 2_지역별로 각.. 공감수 0 댓글수 0 2023. 2. 11.
[W1_D6] 7.디자인 평가 및 테스트 1 ) 프로토 타입 1-1 ) 프로토 타입이란? ** 미리 만들어 보는 것 말은 상대방이 어떻게 듣는지에 따라 많이 달라지기 때문에, 러프하게 이미지로 만들어보는 것 ?프로토 타입은 왜 필요할까? Test early, Test often! 최대한 빨리 자주 수집하고, 고쳐야 될 것을 빨리 도출해서 다시 개선하기 위해서 프로토타입은 강력한 커뮤니케이션 Tool이다 Lean project에도 프로토 타입은 너무 유용한 툴이다 ** Lo-fi prototype No time + Early stage = Concept evaluation 시간이 없거나, 재정이 부족하거나 프로젝트의 초기 단계일 때 기본적인 UI 와 컨셉 도출을 위해서 ( 실제에 가깝다기 보다는 누가봐도 프로토 타입이라고 생각할 정도 ) 장점: .. 공감수 0 댓글수 0 2023. 2. 11.
[W1_D5] 6.인터렉션 디자인 1 ) 인터페이스 디자인 (UI 컴포넌트와 레이아웃) 1-1 ) 인터페이스 디자인이란 ? User Interface Design = User Interaction Design ** 사용자가 시스템을 통해 과업을 달성하기 위해 조작하는 영역 ?어떻게 시스템과 대화하는가? 시스템에게 말을 걸기위한 상호간에 이해되는 언어를 만들어야 된다 ** DOS의 시대: 컴퓨터의 언어 예전에는 모든것을 다 키보드를 통해서 시스템과 대화를 할 수 있었다. 사용하기 어려워서 전문가들 영역이였다. ** GUI(Graphical User Interface)의 탄생: 사용자의 언어 사용자가 눈으로 보고 이해하고, 마우스를 이용해서 클릭(더블클릭) 등으로 시스템에서 명령할 수 있다. (UI component 위에 보기에 좀 더 예쁘.. 공감수 0 댓글수 0 2023. 2. 10.
[W1_D4] 5.Design Concept (디자인컨셉) 1) 디자인 컨셉이란? 1-1) Definition of 'Design Concept' ** 디자인 컨셉이란 스케치, 이미지 또는, 텍스트로 이루어진 핵심 아이디어 1-2) Conceptual Design ** 우리가 생각하고 우리가 만들자고 하는 것이 무엇인지 추구하는 방향성을 설명하기 위해서 작성하는 것 효과적인 커뮤니케이션을 위해서. "이상과 현실의 중간점" - 스토리를 기반으로 제품의 방향성을 시각화 - 만들고자 하는 제품의 예상도 (백번의 말보다 한장의 이미지) - 시장(또는 이해관계자)의 반응을 미리 확인 - 만들고자 하는 제품의 예상도 - 커뮤니케이션을 위한 아이디어의 시각화 - 표준 등에 대한 위반의 여지는 없는가? - 요구사항은 잘 반영될 수 있나? - 구현이 가능한가? - 디자인 컨셉과.. 공감수 0 댓글수 0 2023. 2. 9.
[W1_D4] 4.Persona (퍼소나) 1) 퍼소나 란? ** 우리가 생각하는 서비스 또는 제품의 대표 사용자 (사용자의 시각은 다 다르다) 우리 제품에 대한 일반적인 혹은 타겟 유저에 대한 정의 ** 현실적으로 이해하기 위해서 가상인물을 설정해서 퍼소나 = 대표사용자 1. 우리의 사용자가 누구인지 정의 할 수 있다 (혹여 대상 사용자가 '전체'라 하더라도 우선순위(Primary user)는 반드시 존재한다) 2. 선택과 집중의 기준이 된다 (모든 사용자의 모든 니즈를 만족하는 mega service란 없다_기능과 정보가 너무 많아지면 디자인이 복잡해짐) 3. 디자인 의사결정과 커뮤니케이션에 유용하다 ('왜' 이러한 디자인 결정을 내려야 하는지에 대한 기준이 된다) 4. 사용자의 마음과 시선에서 생각 할 수 있다 (몰입연기 method act.. 공감수 0 댓글수 0 2023. 2. 9.
[W1_D3] 3.모델링 1) 사용자 여정 지도 (User Journey Map) 1-1) User Journey Map 사용자가 과업을 수행하는 동안 하는 행동, 느끼는 감정 그리고, 상호작용하는 접점을 시간순서로 정의한 것 사용자 여정 지도를 통해 알 수 있는 것 ** 사용동기 ** 시작 점 ** 행동(Step by step) ** 감정 ** 도구 ** 시간 사용자 여정 지도의 활용 ** 사용자 여정 지도는 사용자 조사 결과를 시퀀셜하게 시각화 함 ** 팀원 및 이해관계자들(Stakeholders)의 공통된 이해를 도움 ** 디자인 의사결정의 주요 기준이 됨 (퍼소나와 관련있음) ** 기회 요인(Opportunity)과 문제점(Problem)을 도찰할 수 있고 특히 선후관계를 파악할 수 있음 (시간순으로 되어있어서) ** 사.. 공감수 0 댓글수 0 2023. 2. 8.

문의안내

티스토리
로그인
고객센터

티스토리는 카카오에서 사랑을 담아 만듭니다.