YouTube

Got a YouTube account?

New: enable viewer-created translations and captions on your YouTube channel!

Indonesian subtitles

← Desain Halaman Utama

Get Embed Code
14 Languages

Showing Revision 4 created 10/02/2015 by Abe Felisa.

  1. Layar utama suatu situs
  2. atau layar tunggu aplikasi ponsel Anda
    akan menjadi kesan pertama pengguna.
  3. Pastikan Anda melakukannya dengan tepat.
  4. Inilah halaman utama
    Udacity per April 2015.
  5. Tujuan yang jelas menjadi judul utama,
    dan cukup banyak ruang putih...
  6. ...di sekitar judul utama,
    dan moto untuk menarik pengguna.
  7. Halaman utama seperti ini harus
    menjawab pertanyaan berikut.
  8. Apa ini?
  9. Apa yang ditawarkan?
  10. Apa yang bisa dilakukan di sini?
  11. Dan bagaimana memulainya?
  12. Pada Udacity, "bagaimana memulai" terlihat
    jika kita sedikit men-scroll ke bawah
  13. dengan penjelasan program Nanodegree.
  14. Semua informasi ini harus ada,
  15. tapi hati-hati juga agar tidak
    membuat pengguna bingung.
  16. Anda ingin pengguna paham
    tentang apa yang Anda tawarkan,
  17. lalu tautkanlah halaman lain
  18. agar pengguna tahu lebih jauh
    tentang produk dan layanan Anda.
  19. Banyak perusahaan meletakkan
    tautan di bagian bawah.
  20. Kembali ke bagian atas halaman utama,
    kita bisa lihat di sini,
  21. saya bisa mendaftar akun, atau bisa masuk
    jika sudah mendaftar sebelumnya.
  22. Untuk membaca lebih jauh
    tentang cara kerja nanodegrees
  23. saya klik salah satu tombol ini.
  24. Halaman depan itu rumit
    jadi mereka harus bepikir keras.
  25. Tapi hati-hatilah dalam menambah
    lebih banyak konten pada halaman itu
  26. maka kadang ada
    halaman landing seperti ini.
  27. Halaman landing itu untuk produk spesifik
    yang ingin Anda tunjukkan kepada pengguna.
  28. Mereka memungkinkan Anda fokus
    pada satu produk yang khusus.
  29. Perhatikan di sini, ada panggilan jelas
    untuk sebuah tindakan.
  30. Saya bisa tahu ini produk apa
    dari tulisan pada halaman ini
  31. dan juga dari gambar latarnya.
  32. scroll ke bawah, bahkan ada
    lebih detail lagi tentang program.
  33. Untuk belajar lagi tentang
    mendesain halaman utama
  34. dan halaman landing, periksa artikel
    yang tertaut pada catatan instruktur.
  35. Setidak-tidaknya, Anda harus
    mempertahankan halaman yang informatif,
  36. yang terbaik, halaman utama
    harus mudah diingat
  37. Penting untuk diingat bahwa
    halaman utama tak perlu statis.
  38. Bisa saja sedang dalam pengerjaan.
  39. Ini contoh lain halaman utama Udacity.
  40. Dan perhatikan ini sedikit berubah.
  41. Di sini ada tulisan yang berbeda
    dan gambar ini telah disatukan.
  42. Halaman utama Anda bisa juga dinamis.
    Anda bisa melakukan uji A/B fitur tertentu
  43. supaya tahu apa yang
    mendorong tindakan pengguna.
  44. Anda juga bisa mencoba memperbaiki
    proposisi nilai Anda bagi pengguna
  45. bahkan sebelum halaman utama.
  46. Seperti inilah halaman utama
    Udacity suatu hari nanti.
  47. Anda lihat, ini tak terlalu
    informatif atau jelas dalam menjawab...
  48. ...pertanyaan seperti, apa ini
    dan apa yang bisa saya lakukan di sini?
  49. Pada pokoknya, Anda ingin membuat
    kesan pertama yang fantastis.
  50. Terserah Anda bagaimana
    menyenangkan pengguna
  51. sehingga mereka menjadi kenal siapa Anda
    dan apa yang Anda tawarkan.
  52. Nah sekarang giliran Anda
    untuk sedikit menyelidik.
  53. Saya ingin Anda cari tiga halaman utama
    perusahaan yang relatif baru
  54. dan lakukanlah analisa.
  55. Anda harus tahu secara naluriah
    informasi dan elemen apa
  56. yang bisa menghidupkan halaman utama.
  57. Untuk setiap halaman utama
    Anda harus bertanya:
  58. elemen apa di halaman utama,
    panggilan utama apa yang memicu tindakan,
  59. apa yang halaman utama katakan tentang
    perusahaan, pengguna, dan proposisi nilai?
  60. Dan seperti apa kira-kira alurnya
  61. dari halaman utama
    ke halaman situs lainnya?
  62. Dengan kata lain, bisa apa saja
    dari halaman utama?
  63. Terakhir, apa kesamaan dan perbedaan
  64. halaman utama yang Anda lihat?
  65. Tulis postingan yang
    menjawab pertanyaan ini
  66. dan diskusikanlah di forum.
  67. Jika siap, beri tanda centang
    untuk melanjutkan.