Blog 썸네일형 리스트형 [Daily UI 002] - Credit Card Checkout 저는 요새 Daily UI 라는 뉴스레터를 이용해서 UI 스터디를 진행중인데요 (1편 참고) 2번째 과제를 받았습니다. 신용 카드 결제 화면 과제군요, 첫 과제 Sign Up에 이어 정말 중요한 화면이죠, 점점 이 뉴스레터에 신뢰가 갑니다. 저는 개인적으로 비즈니스에 도움되는 디자인에 좀 더 높은 점수를 줘야 한다고 생각하고 있거든요. 아 참 Authoring Tool을 Framer에서 Figma로 바꿨습니다. Framer 초보라 빠르게 디자인하기에는 Figma가 낫겠더라고요, 프로토타이핑에 특화된 툴이라 그런지 화면 설계는 불편했습니다. 그냥 제가 Framer를 잘 못써서 그런 것 같기도.. 그리고 타겟 해상도도 iPhone 11 Pro로 바꾸었습니다. 맨날 최저 해상도만 가지고 작업하다가 최신 해상도.. 더보기 [Daily UI 001] - Sign Up 저는 앞으로 4개월동안 Daily UI 라는 뉴스레터를 이용해서, 뜻이 맞는 5분과 함께 UI 스터디를 진행해볼 예정이에요. Daily UI Design Challenge, Inspiration, and Resources Daily UI Design Challenge, Inspiration, and Resources Daily UI design challenge. Become a better designer in 100 days. www.dailyui.co Daily UI는 평일 100일동안 매일 1개의 디자인 챌린지를 주는 뉴스레터입니다. 이미 10만명의 디자이너가 드리블과 트위터를 통해서 자신의 Daily UI 과제를 공유하고 있다고 하네요. (궁금하신 분은 드리블과 트위터에 #DailyUI 해시태그.. 더보기 디자이너가 알아야 할 인공지능 [Design X AI 1편] 2018년 구글 I/O를 기억하시나요? 사용자가 구글 음성 비서(듀플렉스)에게 5월 3일 10시에서 정오 사이에 헤어컷을 예약해달라고 하자, 구글 음성 비서는 미용실에 전화를 걸어 예약을 해냅니다. 그것도 아주 능청스럽게 말이죠. 2019년 구글 I/O도 예외는 아니었습니다. 키노트 중 정말 많은 부분을 할애해서 AI를 다루고, 뽐내고 있습니다. 구글만 그런 게 아니죠. 아마존도, 삼성도, 마이크로소프트도, 내로라하는 IT공룡이라면 눈에 불을 켜고 달려든다고 표현해도 과언이 아닐 것입니다. 그렇다면 그들은 왜 그렇게 AI에 집중하고 있을까요? 그것은 아마도 AI가 포스트 스마트폰 시대를 주도할 열쇠이기 때문일 겁니다. 그를 증명하듯 2019년 구글은 I/O에서 한층 강화된 딥러닝 기술을 기반으로 10배 .. 더보기 요구조건이 뭡니까 [사용성공학 6편] 디자인 요구조건은 시스템이 무엇을 해야 하는지 또는 어떻게 해야 하는지를 지정하는 것입니다. 요구조건에도 여러 종류가 있는데요. 요구 조건의 종류 기능적인 요구조건: 제품이 무엇을 해야 하는지 환경적인 요구조건: 이 제품이 어디서 운영되어야 하는지 (물리적으로/사회적으로/조직적으로/기술적으로) 사용자 특징: 의도된 사용자들의 주요 속성 사용성/사용자 경험 목표: Nielson의 사용성을 이루는 5가지 요소 요구 조건을 수립하는 게 왜 중요할까요? 외부적으로는 사용자와 그들의 행동, 그리고 맥락을 이해하여 시스템을 통해 그들의 니즈를 충족시키기 위해서 중요하고, 내부적으로는 디자인 목적에 대한 안정적이고 의사소통 가능한 조건을 수립한다는 점에서 중요합니다. 요구 조건은 어떻게 수립될까요? 인터뷰나 포커스그.. 더보기 사용자의 생각을 읽는 방법 [사용성공학 5편] 오늘은 사용자들에게 어떤 것을 보여주고, 그들의 생각을 알아보는 기법 중 하나인 Think Aloud 기법에 대해서 소개하겠습니다. Think Aloud? Think Aloud는 Verbal protocol(언어적 규약)같은 것입니다. 사용자는 실험자가 준 과제를 수행하면서 드는 생각을 바로바로 말하고, 실험자는 그런 사용자를 관찰하는 실험중의 약속을 말합니다. (보통 사후 분석을 위한 동영상 녹화가 수반됩니다.) 보통 주어지는 과제는 다음과 같이 생겼습니다. 과제 1 : Google 지도를 사용하여, 파리의 3성급 호텔 중 에펠탑과 샹젤리제를 방문하기에 편리하며 1 박당 100 유로 미만의 호텔을 찾아보세요. 과제 2: 당신은 데이트를 위해 G마켓에서 초콜릿과 꽃을 구매하려고 합니다. 이틀 안에 배송.. 더보기 사용자가 누군지 정말로 아시나요? [사용성공학 4편] 사용자? 사용자! 사용자는 당신의 시스템을 사용하거나, 운영하는 어떤 개인이나 단체를 포괄합니다. 시스템에는 보통 이해관계가 얽혀 있는 여러 사람이 있습니다. 서비스 공급자도, 사용자도 그 중 하나죠. 예를 들어 봅시다. 이마트의 결제 단계에서의 이해관계자들을 생각해볼까요? 일단 캐셔와 고객이 있을 거고, 보이지 않는 곳에 매니저와 창고 스태프, 그리고 물건을 공급할 공급자 등이 있을 수 있겠군요. 이처럼, 한 시스템을 사용하는 사용자는 실로 다양합니다. 그렇다면, 이런 다양한 사용자, 혹은 이해관계자의 니즈를 어떻게 찾을 수 있을까요? “People don't know what they want until you show it to them” - Steve Jobs 스티브 잡스는 "사용자들에게 어떤 것.. 더보기 사용성공학의 과정 [사용성 공학 3편] 사용성 공학의 과정 사용성공학은 일반적으로 아래와 같은 과정 속에서 반복하며 제품을 완성합니다. 1. Establishing requirements(요구조건 수립) 이 단계는 사용자를 알고, 그 사용자들의 니즈를 알아가는 단계입니다. 2. Designing Alternatives(대안 만들기) 컨셉 디자인 혹은 물리적인 디자인을 하는 단계입니다. 3. Prototyping 빠르고, 자주 사용자에게 디자인을 노출하는 단계입니다. 4. Evaluating 사용성 기준에 따라 경험적으로 디자인을 평가하는 단계입니다. 5. 1-2-3-4를 계속 반복합니다. 여건에 맞고, 만족할만큼의 반복을 거친 후 최종 제품을 출시합니다. 아마 제일 중요한 점은 이를 계속 반복해서 제품을 개선한다는 점이 아닐까 싶습니다. 다음.. 더보기 그래서 사용성을 어떻게 늘리는데요? [사용성공학 2편] 사용성을 늘리는 6가지 UX디자인의 대가 Don Norman은 사용성을 늘릴 수 있는 6가지에 대해 아래와 같이 설명했습니다. 1. Visibility (가시성): 사용자가 취할 수 있는 행동과 기능이 잘 보이는가 2. Feedback (피드백): 사용자 행동에 대한 반응이 있는가 3. Constrain (제약): 사용자가 적절한 행동을 취하도록 제한하는가 4. Map (맵핑): 공간적으로, 명확하게 피드백을 조절하는가 5. Consistent (일관성): 인터페이스의 디자인 요소들이 일관적인가 6. Affordance (행동 유도성): 인터페이스가 어떻게 사용될 지 유도하고 있는가 그런데, 이 6가지는 알았는데, 이 6가지는 또 어떻게 늘리냐고요? 사용성을 늘리는 방법 스티브 잡스같은 천재라면 알아서 .. 더보기 이전 1 2 3 4 다음
