UX/UI Design Przyciski

Przycisk "Call to action" powinien...

• mieć większy ciężar wizualny i wyraźnie kontrastować z resztą elementów

• być zaprojektowany w stylu "ducha"

• mieć zaokrąglone rogi oraz etykietę wypełnioną wersalikami

• być wycentrowany względem tekstu

Kolor pomarańczowy zdefiniujemy jako:

• Kolor ten postrzegany jest jako kolor poważny,

  kojarzony z bogactwem

• Kolor ten kojarzony jest z dojrzałością i odpowiedzialnością, a także mądrością i wiedzą

• kolor ten lubiany jest przez

  młodzież. Symbolizuje radość, energię i fascynację

Chcąc uzyskać stonowany, poważny i profesjonalny wygląd na stronie powinniśmy zastosować narożniki:

• 
• 
• 

Załączony obrazek przedstawia przycisk:

• pływający

• podniesiony

• destrukcyjny

• najważniejszy

Wybierz odpowiednią definicję dla "przycisków wtórnych"

• przyciski wtórne mają funkcję wspomagania przycisków CTA oraz przycisków

  działań podstawowych

• przyciski wtórne są zwykle używane do różnych akcji,

  które są ważne, ale nie każdy użytkownik będzie chciał je wykonać

• przyciski wtórne są wskaźnikiem wizualnym, który pomaga dotrzeć

  do celu

• przyciski wtórne są na szczycie ważności, mogą być wykorzystywane jako zachęcenie do zapisu do newslettera

Dobrą praktyką ustalania wielkości dla przycisku jest rozpoczęcie

pracy od...

• 32px w przypadku stron internetowych, 44px w przypadku aplikacji

  mobilnych

• 30px w przypadku stron internetowych, 40px w przypadku aplikacji

  mobilnych

• 16px w przypadku stron internetowych, 24px w przypadku aplikacji

  mobilnych

• 50px w przypadku stron internetowych, 90px w przypadku aplikacji

  mobilnych

W ustalaniu wielkości odstępów treści od krawędzi wewnątrz przycisku pomocne będzie zastosowanie litery:

• 
• 
• 
• 

Stan klikalny przycisku występuje gdy,

• użytkownik najedzie na przycisk i kliknie, ale

  nie odsunie jeszcze kursora

• użytkownik najedzie na przycisk

  kursorem

• użytkownik najedzie na przycisk, kliknie i

  odsunie kursor

• użytkownik nie wykonał jeszcze

  żadnych kroków

Która kolejność rozmieszczenia przycisków w etapie zakupowym jest bardziej logiczna uwzględniając zasady użyteczności

• Zamówienie -> Przelicz koszty -> Zaktualizuj koszyk

• Zaktualizuj koszyk -> Zamówienie -> Przelicz koszty

• Przelicz koszty -> Zaktualizuj koszyk -> Zamówienie

Przycisk główny powinien być umieszczony po stronie

• lewej

• prawej