it-swarm-korea.com

이 사이트는 장바구니에 좋은 UI를 사용합니까?

이 사이트 장바구니에 좋은 UI를 사용합니까? 카트에 물건을 어떻게 넣습니까? 사용하기에 직관적입니까?

Screenshot of the home page

3
Tony_Henrich

실제로라고 생각합니다.

가장 짜증나는 것은 프론트 페이지 (주어진 링크)에서 항목을 드래그 할 수 없다는 것입니다. 이미지 나 세트의 이름을 드래그하면 작동하지 않습니다. 그리고, 장바구니 가 표시되어 있고 항목을 드래그하도록 설명하는 것은 조금 이상합니다. '항목'이 무엇인지 확실하지 않습니다.

아이콘 set 페이지로 이동해야합니다 (이미지 또는 컬렉션이 아닌 작은 링크를 통해서만 도착하기 때문에 조금 어렵습니다) 헤더) '항목'으로 의미하는 것을 얻습니다. 둘째, 드래그하면 항목에 드래그가 성공한 것으로 직접 표시되지 않습니다. 카트를 쳤을 때 화면의 다른 곳에 있거나 전혀 드래그하지 않는 것처럼 디스플레이가 동일하게 유지됩니다 *. 대기 아이콘이 표시되기까지 시간이 걸리며 성공적으로 드래그 한 것이 분명해집니다.

이 두 가지를 개선해야한다고 말하고 싶습니다.

  1. 첫 페이지에 장바구니를 표시하거나 컬렉션을 드래그 할 수 없도록 만드십시오.
  2. 카트에서 항목이 올바르게 드래그되었는지 직접 확인하십시오.

(* 분명히 장바구니에서 항목을 드래그 할 필요가 없으며 드래그하기 만하면 작동합니다 ..)

9
Lode

먼저, 오른쪽의 "쇼핑 카트"영역과 "여기에서 항목을 쇼핑"으로 이동하십시오.

홈 페이지에서 초대하는 큰 이미지 중 하나를 장바구니로 드래그하려고 시도했지만 작동하지 않았습니다.

그런 다음 각 이미지가 실제로 다른 가격으로 제공되는 다른 세트를 나타냅니다. 막대의 설정 링크를 드래그하려고했습니다. 그러나 그것은 또한 작동하지 않았습니다.

나중에 설명, 다시 이미지, 각 product_item div의 공백을 드래그하려고 시도했습니다.

마지막으로 이미지 위에 "장바구니에 추가"버튼과 "+"버튼이있는 세트 페이지를 열겠다고 결정했습니다. 이렇게하면 전통적으로 아이템을 구매할 수 있었지만 드래그 팁을 더 혼란스럽게 만들었습니다. 홈페이지에서 무언가를 놓쳤습니까?

장바구니의 설정된 페이지에서 큰 아이콘을 드래그하여 시도했습니다. 그것은 또한 ---- 오, 잠깐만 요 .. 이제 라벨이없고 축소되었습니다.


당신이 고려할 수있는 것 : (한알의 소금과 함께 섭취)

  • 카트를 "법적"드래그 앤 드롭 동작으로 "반응"하도록하십시오. 좋아요
  • 사용자 실수에 반응합니다. 의미가없는 큰 아이콘을 끌어다 놓을 수있는 항목을 감지하고 오류 메시지를 표시합니다. 예 : "이 모음은 세트 수 로 제공됩니다. 어느 것을 구매 하시겠습니까?"
  • 보다 반응적인 클라이언트 측이 되십시오. 끌어서 놓기에서 항목을 끌어서 표시하고 서버 측을 업데이트 할 때 체크 아웃 버튼을 비활성화하십시오. 이 사이트는 예를 들어 이와 같은 투표를 처리합니다.
4
badp

실제 UI에서는 구현하기가 아니라 사용하기가 어렵 기 때문에 실제 UI에서는 볼 수없는 멋진 UI 중 하나와 같습니다.

운동 기술의 어려움을 가진 사람에게는 사용하기가 매우 어려울 수 있습니다. 트랙 패드를 사용하여 드래그 앤 드롭하는 것이 마우스로하는 것만 큼 반응이없는 경우가 많습니다. (일부 트랙 패드는 반응이 좋지 않습니다.) 한 번의 클릭으로 수행 할 수있는 작업에는 마우스 다운, 정확한 대상 마우스 이동 및 마우스 업이 필요합니다Fitts의 기본 지식 'law 버튼을 클릭하는 것보다 왜 이것이 어려운 작업인지 알려줄 수 있습니다.

컴퓨터 인터페이스가 실제 인터페이스를 모방하려고 시도하지 않는 이유가 있습니다 (이 UI가 수행하려고하는 것, IMO). 따라서 우리는 "3D 상점"의 "통로"를 거치지 않고 대신 페이지를 전용으로 사용합니다. "장바구니에 추가"버튼을 클릭 한 제품 걷기 및 픽업 UI에 자연스러운 것은 WIMP에게는 자연스러운 것이 아닙니다 (창, 아이콘, 메뉴 및 포인팅 장치) UI.

3
Manas Tungare

나는 그것에 큰 문제가 보이지 않습니다. 끌어서 놓기뿐만 아니라 아이콘 세트 페이지 (페이지를 클릭하여 도달 할 수 있음)에는 장바구니에 추가 버튼이 있습니다. 또한 다른 많은 온라인 상점과 달리 장바구니의 내용을보기 위해 다른 페이지를 방문 할 필요가 없습니다.

그러나 큰 문제 중 하나는 자바 스크립트가 없으면 작동하지 않거나 켜져 있어야한다는 경고가 표시되지 않으면 사용자에게 경고를 표시한다는 것입니다.

3
Gelatin

아니

  1. 우선 critical UI 버그입니다. 장바구니 높이가 화면 높이보다 낮은 고객은 결제 할 수 없습니다. (화면 높이가 600px 인 넷북을 생각하십시오.)
  2. 장바구니 활동은 활동이없는 페이지에 표시되며 텍스트는 장바구니에서 드래그 할 항목을 지정하지 않습니다. (해결책은 ~ 일 것입니다)
  3. 라이센스 옵션을 변경할 때 가격 정보가 없습니다.
  4. "Vector Set" "Vector Single"및 "Pixel Set"에 대한 별도의 페이지는 불필요하고 혼동됩니다. ( "전체 세트 구매 (벡터 형식)", "전체 세트 구매 (비트 맵 형식)"및 "개별 아이콘 구매"헤더가있는 단일 페이지 (아래의 개별 아이콘 구매 옵션이 혼동되지 않음)
  5. 더하기 버튼을 사용할 때 초점 영역이 아닌 동계가 느리게 나타납니다.
  6. 장바구니는 동일한 세트의 다른 버전간에 차이를 만들지 않습니다.

나는 이제 멈춰야한다고 생각한다.

2
alexanderpas

괜찮아.

나는 그것이 시원함이 핵심 기능에서 산만하게하는 경우 중 하나라고 생각합니다. 사용하기가 조금 어렵습니다. 내용에 대한 정보가 거의 없습니다.

그래서 괜찮다고 말하고 싶습니다. 대부분의 사용자는 그곳에서 구입할 수 있지만 내 사이트에서 사용할 것이라고는 생각하지 않습니다.

@simon이 말했듯이 JS가 꺼져 있으면 문제가 될 것입니다.

1
Sruly

드래그 앤 드롭 옵션을 추가 한 이유를 파악하는 데 시간이 걸렸습니다. 세트가 아니라 개별 아이콘을 구입할 수 있는지 확실하지 않기 때문입니다.

세트를 추가 한 다음 개별 아이콘을 추가하려고했지만 세트의 일부인 아이콘을 추가하려고 할 때 이미 추가했습니다. 추가되지 않았습니다. 혼란스럽고 실망 스럽습니다.

카트에 많은 항목이있을 때 카트의 상단 및 하단에 작은 화살표가 표시되어 스크롤됩니다. 또한 혼란 스럽습니다. 여섯 번째 아이콘이 추가 될 때이 아이콘을 표시하거나 여섯 번째 아이콘의 작은 부분을 표시하여 더 많은 것을 알 수 있습니다. 이제 아이콘을 더 추가하고 어디로 갔는지 알 수 없습니다. Chrome 6을 사용하여 스크롤이 작동하지 않았습니다.

더하기 기호를 클릭하여 끌어서 놓을 수 없다는 것이 이상했습니다. BTW-툴팁에 "제거"가 표시됩니다.

이 기능은 귀엽지 만 장바구니에 항목을 드래그하는 것보다 장바구니에 담기 버튼 또는 더하기 기호를 한 번 클릭하는 것이 좋습니다. 더 효율적입니다.

나는 어딘가에, 특히 그림에 관해서는 더 이상 페이지 매김이 필요하지 않다는 의견을 읽었습니다. 사람의 눈은 많은 이미지를보고 좋아하는 이미지를 고르는 데 큰 도움이됩니다. 한 페이지에 모든 아이콘을 표시하면 훨씬 더 나은 쇼핑 경험을 할 수있어 구매자가 더 쉬울 수 있습니다.

사이트가 좋아 보이고 아이콘이 훌륭합니다.

1
idophir