【2016년 7월 5주】 이번 주에 신경이 쓰이는 웹 디자인
첫째, 시작
본래라면 다음과 같은 것을 확실히 생각해야 합니다.
どうやったら使いやすいかな…。どうやったら私たちが提供したい「体験」をしてもらえるのか…。
利用するユーザーさんはどんなシーンで、どのように操作するだろう…。その時に求めているものは何なのか…。
このペルソナ(大きく言うとターゲット)に対しては、こういう設計がいいのか…ダメなのか…。
私たちのWebサイトのゴールである地点まで行ってくれるのか…。(コンバージョンしてくれるのか。)
그러나, 나는 이 기사에서는 단순히 「좋다!」라고 생각한 디자인을 다루겠습니다.
어떤 곳이 좋다고 생각했는지와 함께 다양한 웹 사이트를 재고합니다.
1.ACTUS( → 사이트 보기 )
좋다고 생각한 페이지
상품 상세 페이지
여기가 좋다!
순서와 배치가 좋다!
우선, 문자가 아닌 이미지로 상품에 대해 흥미를 깊게 받는 순서로 배치되고 있습니다.
첫 번째 보기에서는 상품 설명의 문자가 없습니다.
원래 세세한 설명은 「갖고 싶다!!」라고 하는 기분이 높아질 때까지는 읽지 않는 물건이 되는군요.
잡화 가게와 가구 가게는 그것에 해당한다고 생각합니다. 이 느낌 굉장히 좋습니다.
2. 타카걸(→사이트보기)
좋다고 생각한 페이지
톱 페이지
여기가 좋다!
두근두근하는 움직임, 외형
디자인적으로는 여성용 사이트에서 자주 눈에 띄는 방향성입니다만, 마우스 오버시의 움직임 등이 즐겁고, 두근두근합니다.
쓸데없는 움직임이 많아서, 이것 필요 없지요… 라고 생각하는 사이트가 많이 있는 가운데, 이 Web 사이트에서는 모든 것이 필요한 움직임이라고 느꼈습니다.
3.종이의 밀피유(→사이트 보기)
좋다고 생각한 페이지
톱 페이지
여기가 좋다!
PC판에서는 매력적인 표현, 스마트폰판에서는 숨기기
세로 쓰기의 일본어 표기가 되어 있지요. 이 부분은 PC에서 보면 굉장히 매력적이고 눈을 끄는 것입니다만, 스마트폰이라고 방해가 되기 쉽다.
단지 display: none; 하고 숨겨 버리면 좋을 뿐입니다만, 최근 이런 아이디어가 부족하고 있었습니다.
굉장히 좋다!
요약
이번 주는 3개의 사이트를 픽업해, 어디가 좋다고 생각했는지, 나름대로의 감상을 써 주셨습니다.
Web 사이트를 작성하고 있어, 곤란한 일이 있었을 때, 조금이라도 참고가 되는 스톡이 되면 다행입니다.
Reference
이 문제에 관하여(【2016년 7월 5주】 이번 주에 신경이 쓰이는 웹 디자인), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/Y_ASAMOTO/items/3ccb1c377b48261ccefa
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
どうやったら使いやすいかな…。どうやったら私たちが提供したい「体験」をしてもらえるのか…。
利用するユーザーさんはどんなシーンで、どのように操作するだろう…。その時に求めているものは何なのか…。
このペルソナ(大きく言うとターゲット)に対しては、こういう設計がいいのか…ダメなのか…。
私たちのWebサイトのゴールである地点まで行ってくれるのか…。(コンバージョンしてくれるのか。)
좋다고 생각한 페이지
상품 상세 페이지
여기가 좋다!
순서와 배치가 좋다!
우선, 문자가 아닌 이미지로 상품에 대해 흥미를 깊게 받는 순서로 배치되고 있습니다.
첫 번째 보기에서는 상품 설명의 문자가 없습니다.
원래 세세한 설명은 「갖고 싶다!!」라고 하는 기분이 높아질 때까지는 읽지 않는 물건이 되는군요.
잡화 가게와 가구 가게는 그것에 해당한다고 생각합니다. 이 느낌 굉장히 좋습니다.
2. 타카걸(→사이트보기)
좋다고 생각한 페이지
톱 페이지
여기가 좋다!
두근두근하는 움직임, 외형
디자인적으로는 여성용 사이트에서 자주 눈에 띄는 방향성입니다만, 마우스 오버시의 움직임 등이 즐겁고, 두근두근합니다.
쓸데없는 움직임이 많아서, 이것 필요 없지요… 라고 생각하는 사이트가 많이 있는 가운데, 이 Web 사이트에서는 모든 것이 필요한 움직임이라고 느꼈습니다.
3.종이의 밀피유(→사이트 보기)
좋다고 생각한 페이지
톱 페이지
여기가 좋다!
PC판에서는 매력적인 표현, 스마트폰판에서는 숨기기
세로 쓰기의 일본어 표기가 되어 있지요. 이 부분은 PC에서 보면 굉장히 매력적이고 눈을 끄는 것입니다만, 스마트폰이라고 방해가 되기 쉽다.
단지 display: none; 하고 숨겨 버리면 좋을 뿐입니다만, 최근 이런 아이디어가 부족하고 있었습니다.
굉장히 좋다!
요약
이번 주는 3개의 사이트를 픽업해, 어디가 좋다고 생각했는지, 나름대로의 감상을 써 주셨습니다.
Web 사이트를 작성하고 있어, 곤란한 일이 있었을 때, 조금이라도 참고가 되는 스톡이 되면 다행입니다.
Reference
이 문제에 관하여(【2016년 7월 5주】 이번 주에 신경이 쓰이는 웹 디자인), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/Y_ASAMOTO/items/3ccb1c377b48261ccefa
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
좋다고 생각한 페이지
톱 페이지
여기가 좋다!
PC판에서는 매력적인 표현, 스마트폰판에서는 숨기기
세로 쓰기의 일본어 표기가 되어 있지요. 이 부분은 PC에서 보면 굉장히 매력적이고 눈을 끄는 것입니다만, 스마트폰이라고 방해가 되기 쉽다.
단지 display: none; 하고 숨겨 버리면 좋을 뿐입니다만, 최근 이런 아이디어가 부족하고 있었습니다.
굉장히 좋다!
요약
이번 주는 3개의 사이트를 픽업해, 어디가 좋다고 생각했는지, 나름대로의 감상을 써 주셨습니다.
Web 사이트를 작성하고 있어, 곤란한 일이 있었을 때, 조금이라도 참고가 되는 스톡이 되면 다행입니다.
Reference
이 문제에 관하여(【2016년 7월 5주】 이번 주에 신경이 쓰이는 웹 디자인), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/Y_ASAMOTO/items/3ccb1c377b48261ccefa
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
Reference
이 문제에 관하여(【2016년 7월 5주】 이번 주에 신경이 쓰이는 웹 디자인), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/Y_ASAMOTO/items/3ccb1c377b48261ccefa텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)