코로나 관련 UX 인사이트 모음

코로나 질병 관리와 정보의 공유, 사람들의 소비 행태의 변화, 기업들의 위기와 변화 시도 등을 UX 관점에서 생각해볼 수 있는 기사와 자료들

 

1. 코로나19 이후 웹사이트 메인 페이지의 변화 

https://slowalk.tistory.com/2629?fbclid=IwAR0TFWc5Sd1l5HP-BpucBjXOA6JlrRbdeWDeLLI00TLcU8zBlrIl4ZQ-5hg

 업계가 메인페이지 콘텐츠로 위기에 대처하는 방법들을 소개

  • 공공기관 : 실시간 코로나19 현황 데이터 노출
  • 문화시설 : 온라인 전시  공연 콘텐츠 제공
  • 여행업계 : 소통방식 변화와 예약 변경 안내사항 노출
  • 교육기관 : E-Learning 수강 시스템 바로가기

2. UX 코로나와 싸우는 방법

https://brunch.co.kr/@supernova9/187

코로나 고위험군 집단을 효율적으로 관리하고, 시민들이 코로나 관련 정보를 숙지하고 대처하도록 돕는 UX 사례들을 소개합니다.

사례

  • 보건복지부 입국관리앱
  • 질병관리본부 - COVID-19
  • 카카오톡 - 19 
  • 스타트업 : 케어랩스 (굿닥)

발전 방향 제안

  • 정부가 데이터 수집/개방
  • 민간이 잘하는 것은 민간에서
  • 정보를 개인 맞춤형으로 제공

3. 앱 데이터로  요즘 우리의 라이프 스타일과 업계의 변화

유료 자료라서 삭제

4. 코로나19 시대의 글로벌 유저 리서치 (번역)

경험 디자인을 위해서는 유저를 직접 만나고, 현장을 탐색하고 관찰하는 것이 굉장히 중요하죠. 코로나 시대에 어떻게 대처해야할지 고민과 제안을 담은 

https://story.pxd.co.kr/1511

  • UX 리서치의 연기, 생략, 조사방법이나 내용의 조정
  • 사용자 모집의 유연한 관리
  • 참가자의 안전 보장
  • 원격 그룹 인터뷰
스터디/Prototyping 2019. 4. 18. 14:38

[프로토파이] 학생할인제도 문의내용

프로토파이를 강의에 활용하려면?


프로토파이 깔면 7일 트라이얼
회원 가입하면 추가 10일 트라이얼
학생/교사 인증하면 50프로 할인
교사가 신청해서 클래스에서 다같이 써보는거 120일동안 무료 (Class Support Program)


Q.

프로토파이를 수업용으로 사용하기 위해서 문의를 드린 적이 있는데 120일간 “한번만” 트라이얼을 사용한다고 안내를 받았습니다

Class Support Program
프로토파이의 Class Support Program 교육은 교사와 학생들이 프로토파이핑을 배우기 위한 전용 프로그램입니다. 프로토파이는 강의를 위해 120일동안 교사와 학생들을 위한 무료 트라이얼을 한 번 제공합니다.


이것은 제가 이 학교에서 한번만 트라이얼을 120일간 학생들과 이용해볼수있고, 다음 학기에 다른 새 수업에서는 해볼수 없다는 뜻인지.. 혹은 제가 한번만 해볼수있는데 이 학교의 다른 교수님이 신청하셔서 다른 수업에서도 또 120일간 수업에서 써보실수 있는 것인지 상세한 정책이 궁금합니다
학생수는 수업 규모에 따라 다른데 20-40명 입니다

A.

이해하신대로 120일 동안 '한번만' 이용하실 수 있는 프로그램입니다. 수업이 다른 경우에는 해당 교수님께서 신청해 주시면 가능하도록 도움을 드리겠습니다. 프로토파이는 7일간 트라이얼을 사용하실 수 있으며, 회원가입을 하게되면 추가로 10일을 더 사용하실 수 있습니다. 그 이후에는 학생할인 50% 를 적용받으실 수 있겠습니다.

 

https://www.protopie.io/

'스터디 > Prototyping' 카테고리의 다른 글

[Framer] 스터디 시작  (0) 2018.07.27
스터디/WEB 2019. 2. 9. 23:47

[생활코딩] WEB2 - CSS (1)

https://opentutorials.org/course/3086/18311


폰트의 스타일을 바꾸는 쉽지만 재앙인 방법
->폰트 태그 추가


아톰에디터에서 커맨드 누르고 다중선택해서 동일한 코드 입력
입력한 다음 
쉬프트 +  > 누르면 다같이 한칸씩 선택
옵션 +  > 다음 단어로 커서 넘어감
커맨드 + > 줄 끝으로 커서 넘어감 
커맨드 + D 선택한 블록이랑 동일한 부분 찾아서 선택함

CSS로 스타일에 대한 정의, 유지, 보수

1)CSS 사용 방법 1
CSS는 HTML과는 완전히 다른 언어이기 때문에 
<style>
   이 안에 내용은 CSS 문법에 맞게 처리하도록 하렴 
</style>


여기서의 style 태그는 효과만 있어서는 이 효과를 누구에게 지정할지를 설명할 수가 없기 때문에 a { } 라는 누구에게 줄 것인가를 선택한다는 의미에서 “선택자” “Selector” 라고 부른다
선택자에게 지정될 효과가 color:red;   “선언" “Declaration” 이라고 한다

2)CSS 사용 방법 2


HTML에 style이라는 속성의 값을 
웹브라우저는 CSS라는 문법에 따라 해석해서 그 결과를 스타일 속성이 위치하는 태그에게 적용하게 된다
이 style = “   “ 부분은 HTML의 속성이다
이 선언은 스타일 태그를 직접 사용할때에는 그 태그가 위치한 곳에만 적용하기 때문에 선택자를 쓸 필요가 없다


Selector 선택자.누구에게 줄까 : a 코드
Declaration 선언. 무슨 효과를 줄까  : {}
property 어떤 속성 : color
value 그 속성의 값 : red
어떤 것이 어떤지 알면 질문할 수 있게 된다


무엇을 모르는지를 알면 검색할 수 있고, 질문할 수 있고, 궁금해하기 시작함

CSS 속성을 스스로 알아내는 방법

h1의 폰트 사이즈를 어떻게 키우지?
구글링 css font size property

CSS 선택자를 스스로 알아내는 방법


.네임 {
클래스 정의
}





하나의 태그에는 여러개의 속성이 들어갈 수 있고
여러개의 선택자를 통해서 하나의 태그를 공동으로 제어할 수 있다
(좋은 방법은 아님)
“saw active"에서 active인 빨간색이 되는데
.active가 .saw보다 나중에 등장했기 때문
이 순서를 바꾸면
“saw active”라고 입력해도 .saw의 값이 반영됨
말하자면 최근의 값이 영향력이 큼

그래서 다른 방식이 id를 사용하는 것




태그 선택자 < 클래스 선택자 < 아이디 선택자


이유는?
Id 선택자의 값이 active인 태그가 한번이라도 등장하면 더이상 active는 쓰면 안됨. 단 한번만 등장해야함
ID 선택자가 구체적. 포괄적인것보다 구체적인것의 우선순위를 높임
태그 선택자 a{}를 통해 전체 태그의 디자인을 하고, 예외적인 것에 ID 선택자를 적용

CSS Selector




#생활코딩 #CSS 편! Selector, Declaration, Property, Value 



'스터디 > WEB' 카테고리의 다른 글

[생활코딩] WEB1 - HTML& Internet 시작  (0) 2019.02.09