UX디자인 (13) 썸네일형 리스트형 [UX] 사용자가 훑어보기 좋은 웹&앱 디자인을 만드는 6가지 원칙 1. 관례를 이용하라 관례란 널리 사용되거나 표준화된 디자인 패턴을 가리킨다. 통용되고 있는 관례를 따르면 사용자가 내용을 빠르고 쉽게 이해하는 데 도움이 된다. 마치 교통 안내 표지판처럼! 웹 관례가 자리를 잡을수록, 사용자들의 삶이 편해진다. 새로운 사이트를 갈 때마다 처음 접하는 요소가 어떤 역할을 하는지, 어떤 방식으로 작동하는 지 매번 이해하려고 노력할 필요가 없기 때문이다. 그러나 종종 디자이너들은 관례 이용을 꺼리곤 한다. 관례를 따르면 사용자가 이해하기 쉬운 디자인이 완성될 가능성이 커진다는 것을 알지만, 본인을 고용한 이유가 관례를 답습하는 데 있지 않고 무언가 새롭고 다른 것을 창조하는 데 있다고 생각하기 때문이다. 저자에 따르면, 혁신적인 결과를 내려면 대체하고자 하는 것이 지닌 가치.. 디자인스펙트럼 파운더 '김지홍' 대표님께 쿠키파킹 Cookieparking 서비스 UX/디자인 피드백 받기 ON SOPT 데모데이, 첫번째 피드백 지지난 토요일, 몇 주간 팀원들과 고군분투하며 만들어온 서비스를 발표하는 온라인 데모데이가 있었다. Gather.town을 활용해, 400명에 달하는 사람들이 온라인 상에 모여, 발표와 피드백, 서비스 시연 부스 운영 등을 진행했다. 현업에 계신 IT 기획자, 디자이너, 개발자님들이 멘토로 참여해주셨고, 오랜 시간동안 모든 팀들에게 뼈와 살이 되는 좋은 피드백을 남겨주셨다. 우리 팀의 서비스에 대해서는 이전 포스팅에서도 작성한 바 있다. 성장하는 사람들을 위한 콘텐츠 파킹랏 | Cookieparking 기획 과정과 PM을 하며 배운 것 *SOPT는 대학생 연합 IT 창업동아리로, 기획자/개발자/디자이너들이 모여 IT 서비스를 만들어가는 단체다. ON SOPT 데모데.. [Insight Archive] 미국 현지 IBM의 UX디자이너는 어떻게 디자인 트렌드 리서치를 할까? '디자인 트렌드'란 무엇인가 유튜브의 '디자인소리'라는 채널에서 IBM 디자인리드 김수연 디자이너님의 인터뷰 영상을 보고 인상 깊어서 기록을 남기고자 한다. IBM 디자인리드 김수연 디자이너님은 '디자인 트렌드 리서치'를 위한 도구로 링크드인을 꼽았다. 뜬금 없이 링크드인? 우리나라로 치면, 잡플래닛, 사람인, 원티드같은 구인구직 플랫폼 아냐? 싶을 수 있다. 우리가 '디자인 트렌드 리서치'라고 생각했을 때 흔히 떠올리는 곳들은 드리블, 비핸스, 핀터레스트 같은 곳이 있겠다. 그런데, '드리블' 같은 사이트들은 트렌디한 아이코노그래피나 플랫한 디자인들, UI 디자인, 버튼 디자인 등 쪽을 많이 올려놓는다고 말한다. 그래서 오히려 디자인 트렌드를 읽을 수 있는 가장 좋은 방법은 '링크드인' 같은 커리어 사.. 디자인 시스템(Design System)과 서비스 기획(Service Design) 디자인 시스템이란 무엇인가? 디자인 시스템은 UI패턴에서 시작했다. Figma, Sketch 디자인 툴에 힘을 입어 체계적인 시스템으로 정리된 컴포넌트 기반의 디자인은, 빠르고 쉬운 스크린 디자인 & 업데이트 & 유지보수를 가능하게 해주었다고 한다. 이런 역사 속에서, 업계는 인터페이스와 개발에 대해 집중했었다. 그리고 이제는 앞서서 말했듯 전체 디자인 맥락을 만들 수 있게끔 점점 디자인 시스템의 범주를 넓혀가고 있는 상황이다. Toss 공식 블로그 https://blog.toss.im/ 디자인시스템의 개념을 알기 위해서는, UI 가이드 라인, UX 가이드 라인에 대해 먼저 이해할 필요가 있다. UI 가이드라인: UI를 표준화하고 화면 간 일관성을 확보하기 위한 것이다. 경험, 맥락, 목표 등을 고려해 .. Design Project #6 라-프레쉬(가제) User Flow 그리기 라이딩으로 일상을 리프레쉬하다, 라-프레쉬기획 중인 서비스가 서서히 틀을 잡아가면서, 지칭할 이름이 필요했다. '라이딩+리프레쉬'의 의미를 담아 '라프레쉬'라고 정하기로 했다. 영어로 쓰자면 좀 애매해져서, 이 부분들은 Wireframe까지 그리고 나서 본격적인 브랜딩 작업으로 들어갈 때 잡아가도록 하겠다. 오늘은 드디어, 라프레쉬의 유저 플로우를 완성했다. User flow를 그리기 위해, 우리의 사용자와 그 사용자의 목표를 다시 한 번 간결하게 정리해보았다. 1. User: 스트레스 해소 & 감정 발란스를 위해 가볍게 라이딩을 하는 초심자 라이더 2. Goal: 1) 감정 체크와 기록으로 나의 마음상태 돌아보고, Mind Balance 유지를 위한 격려와 라이딩 동기부여 얻기. 2) 라이딩 전후로 마.. [Insight Archive] 팟캐스트 Design Table _마켓컬리, 데이터로 이유있는 디자인하기 Design Table 팟캐스트 듣기 평소에 자주 듣는 Design Table의 리스트를 다시 훑어보던 중, 요즘 '데이터'와 '디자인'이라는 두 가지 테마에 관심을 갖고 있는 내 눈에 제목이 탁 꽂혔다. "데이터로 이유있는 디자인하기." 2019년 2월에 한 방송이지만, 오랜만에 팟캐스트를 듣게 되었다. 신선업계의 혜성처럼 등장해 새로운 공식을 써나가는 마켓컬리의 PM이 출연한 팟캐스트였다. 간만에 중간에 끊지 않고 1시간 좀 넘는 분량의 팟캐스트를 열심히 들었다. UX디자인으로 오랜 기간 커리어를 쌓아오다가 마켓컬리에 PM로 합류하게 된 '이지훈 디자이너님'이 출연했다. 팟캐스트 말미에 브런치를 하신다는 이야기를 듣고 바로 검색해보았다. 최근에는 글을 올리고 있지는 않았지만, UX와 Data에 대한 .. 태스크 플로우, 유저 플로우, 플로우차트, 플로우 다이어그램, IA? Task 개념을 하나씩 정리하고 가자 *UX 스토리보드: UX 구현에 수반되는 사용자와 태스크, 인터페이스 간 상호작용을 시각화하여, 개발자/디자이너의 의사소통을 돕는 도구이자 완성해야 할 앱 서비스와 예상되는 사용자 경험을 미리 보기 위한 방법론을 말한다. 1. Feature List : UX concept/ UX Needs의 구현에 필요한 기능 리스트 2. User Task Flow : 해당 기능수행과 사용자의 행위 맵핑 및 흐름도 3. IA (Information Architecture) : 정보의 구조화와 위계관계망(우선순위) 4. Wireframe : 해당기능 구현을 위한 인터페이스 요소의 배치와 화면 구조 5. Workflow : 여러 개의 와이어 프레임 또는 개별 기능 간 화면 전환 흐름 지난 Fea.. Design Project #5 퍼소나를 기반으로 유저시나리오 User Scenario 만들기(feat. Le User Scenario 만들기 지난 포스팅에서 만들었던 제1 퍼소나를 기반으로, 유저 시나리오를 만들어야 한다. 최소 2명의 퍼소나를 만들어야 하는데, 약식으로 진행하려고 일단은 한 명의 퍼소나만 만들고 이 단 한명의 퍼소나를 만족시키는 데 집중하고자 한다. 유저 시나리오에 대한 포스팅을 참고해서 진행해보겠다. 유저 시나리오에 들어가기 전에..유저 시나리오에 앞서서, 간단한 아이디에이션을 위해 일부 작성했던 Lean Canvas의 요소들을 공유한다. 린 캔버스는, 비즈니스 모델을 구상할 때 도움이 되는 '비즈니스 캔버스'를 린 스타트업 방법론에 따라 변형한 것이다. 사용자가 사용하게 될 서비스를 상상하기 위해서는, 이들의 문제와 내가 제시할 아이디어에 대해 간략하게나마 생각해볼 필요가 있었다. 아직 린.. 이전 1 2 다음
