Scribd Logo
Unggah

Selamat datang di Scribd!

  • Belajar UX - Form Input Design PDF

    Diunggah oleh

    FAHMIIAKHMADD
    41 tayangan6 halaman
    Dokumen tersebut memberikan saran tentang desain input form untuk pengguna agar lebih user friendly dan mengoptimalkan pengalaman pengguna (user experience/UX), antara lain dengan memberikan umpan balik visual berupa highlight hijau pada email yang valid, warna merah pada email tidak valid, highlight border pada input yang difokuskan, dan menonaktifkan tombol submit jika form belum terisi dengan benar.

    Deskripsi Asli:

    Judul Asli

    Belajar UX — Form Input Design.pdf

    Hak Cipta

    © © All Rights Reserved

    Format Tersedia

    PDF, TXT atau baca online dari Scribd

    Apakah menurut Anda dokumen ini bermanfaat?

    Apakah konten ini tidak pantas?

    Laporkan Dokumen Ini
    Dokumen tersebut memberikan saran tentang desain input form untuk pengguna agar lebih user friendly dan mengoptimalkan pengalaman pengguna (user experience/UX), antara lain dengan memberikan umpan balik visual berupa highlight hijau pada email yang valid, warna merah pada email tidak valid, highlight border pada input yang difokuskan, dan menonaktifkan tombol submit jika form belum terisi dengan benar.

    Hak Cipta:

    © All Rights Reserved
    Unduh sebagai PDF, TXT atau baca online dari Scribd
    Tandai sebagai konten tidak pantas
    41 tayangan6 halaman

    Belajar UX - Form Input Design PDF

    Diunggah oleh

    FAHMIIAKHMADD
    Dokumen tersebut memberikan saran tentang desain input form untuk pengguna agar lebih user friendly dan mengoptimalkan pengalaman pengguna (user experience/UX), antara lain dengan memberikan umpan balik visual berupa highlight hijau pada email yang valid, warna merah pada email tidak valid, highlight border pada input yang difokuskan, dan menonaktifkan tombol submit jika form belum terisi dengan benar.

    Hak Cipta:

    © All Rights Reserved
    Unduh sebagai PDF, TXT atau baca online dari Scribd
    Tandai sebagai konten tidak pantas
    dari 6

    #BWAEBOOK

    Design UX
    Input Form User
    1 versus 2

    Email Address Email Address

    hi@buildwithangga.com hi@bwacom

    Password Password

    *** ********

    Create New Account Create New Account

    buildwithangga.com
    #BWAEBOOK

    Design UX
    Input Form User
    ! keduanya menang !

    Email Address Email Address

    hi@buildwithangga.com hi@bwacom

    Password Password

    *************** ********

    Create New Account Create New Account

    buildwithangga.com
    #BWAEBOOK

    Design UX
    Input Form User
    hi@buildwithangga.com

    Gunakan highlight hijau sebagai


    tanda bahwa email tersedia

    hi@bwacom

    Warna merah cocok menandakan


    bahwa email tidak memiliki format
    yang valid (.com)

    buildwithangga.com
    #BWAEBOOK

    Design UX
    Input Form User
    ***************

    Gunakan highlight border berwarna


    untuk menandakan fokus kepada
    input tersebut
    ********

    Segera hilangkan warna border


    pada input yang tidak difokuskan

    buildwithangga.com
    #BWAEBOOK

    Design UX
    Input Form User
    Create New Account

    Jadikan komponen button tersebut


    menjadi disabled ketika pengguna
    belum melengkapi form
    Create New Account

    Silahkan enable button ketika form


    sudah terpenuhi dengan value yang
    valid dari pengguna

    buildwithangga.com
    #BWAEBOOK

    Bersambung,
    #UpYourKarirNow
    KELAS PREMIUM

    Tersedia kelas UI, UX, Android,


    dan Website Development

    buildwithangga.com

    Anda mungkin juga menyukai