InVision App

Apa itu InVision App?

Invision App adalah sebuah tools untuk membuat prototype dari desain sebuah produk aplikasi baik berbasis mobile maupun desktop yang mengkolaborasikan antara designer dengan developer. Desain, komentar dan perubahan yang dibuat oleh designer, langsung tersinkronisasi secara live dengan design yang kita lihat. Di Invision App juga terdapat fitur inspect element dimana kita bisa dengan mudah melihat ukuran-ukuran assets, melihat jarak antar komponen, melihat font-type, sampai men-generate kode css. Sehingga hal ini dapat menyingkat tenaga dan waktu kerja.

Apa saja kelebihan dari aplikasi ini?

1. Mendesain lebih cepat untuk designer.

2. Berkolaborasi lebih mudah.

3. Dapat berkomunikasi secara real time.

4. Terdapat fitur inspect element.

5. Terdapat ruang untuk menyimpan, membagi, serta
    mendiskusikan ide desain.

Apa saja kekurangannya?

1. cara penggunaan dan modifikasi masih minim.

2. flow yang cenderung lebih panjang daripada yang lain.

    (contoh : flow buat sharing prototype harus pakai invision, flow
    untuk buat motion pakai apps tambahan

3. kekurangan fitur yang memungkinkan untuk desain cepat selesai
    untuk tim development.

>>Sampai saat ini belum ada Prototypimg Tools yang pernah saya gunakan, sehingga tidak dapat membandingkan antara tools ini dengan tools yang lainnya.

 

Implementasi Model Donald Norman Pada 2 Aplikasi Yang Memiliki Tujuan Yang Sama

Donald Norman’s model mempuyai 7 komponen yaitu :

1. Menetapkan tujuan (goal).
2. Membentuk intention (execution).
3. Menetapkan rangkaian aksi (execution).
4. Melaksanakan aksi (execution).
5. Melihat kondisi system (evaluation).
6. Menginterprestasikan kondisi system (evaluation).
7. Mengevaluasi kondisi sistem sehubungan dengan goal dan intention (evaluation) .

Contoh penerapan model  Donald Norman dalam 2 aplikasi namun memiki 1 tujuan (goal) yang sama adakah sebagai berikut.

• APLIKASI WEBTOON

1. Membaca komik secara online.
2. Buka aplikasi Webtoon.
3. Log in dengan akun line.
4. Pilih genre yang di inginkan, klik komik yang di ingin dibaca dan baca episode yang di inginkan.
5. Setelah membaca 3 episode, akan muncul pilihan ‘apakah ingin favoritkan webtoon ini?’, pilih ‘ya’ atau ’tidak’.
6. Jika memilih ‘ya’ akan muncul pemberitahuan bahwa anda telah memfavoritkan webtoon tersebut
7. Episode yang sudah dibaca akan berubah warna.

• APLIKASI COMICA
  

1.      Membaca komik secara online.

2.      Buka aplikasi Comica.

3.      Log in dengan email / fb / registrasi.

4.      Pilih genre yang di inginkan, klik komik yang di ingin dibaca dan baca episode yang di inginkan.

5.      Setelah membaca beberapa episode, akan muncul pilihan ‘apakah ingin favoritkan webtoon ini?’, pilih ‘ya’ atau ’tidak’.

6.      Jika memilih ‘ya’ akan muncul pemberitahuan bahwa anda telah memfavoritkan webtoon tersebut.

7.      Episode yang dibaca terakhir akan ada tanda biru di ujung episodenya.

Interaksi Manusia dan Komputer

Apa itu interaksi manusia dan komputer?

Interaksi manusia dan komputer (Human Computer Interaction) adalah suatu proses, dialog, dan kegiatan saat pengguna berhadapan dengan komputer. Misalnya ketika kita memberi perintah delete pada komputer, lalu komputer melakukan perintah tersebut, maka sebenarnya kita sedang berdialog dengan komputer.

Interaksi manusia dan komputer juga dapat diartikan sebagai ilmu yang mempelajari desain suatu sistem guna mendapatkan sistem yang user-friendly dengan melihat faktor-faktor yang ada di sekeliling kita.  User-friendly disini adalah suatu sistem yang baik digunakan oleh pengguna, seperti navigasinya jelas, tulisan tidak terlalu kecil/besar, pemilihan warnanya baik, dan masih banyak lagi.

Dalam membuat sistem user-friendly ini terdapat 3 faktor, yaitu :

- Faktor manusia

- Faktor komputer

- Faktor ergonomi

Apa aja sih inti dari Sistem Komputer?

Sistem komputer pada umumnya ada 3, yaitu Hardware, Software, dan Brainware. 

Hardware

    Hardware atau perangkat keras adalah peralatan fisik dari komputer. Hardware ini terdiri dari peralatan masukan (contoh: keyboard, mouse, scanner, touchpad,dll), peralatan keluaran (contoh: speaker, printer, proyektor, dll), dan peralatan proses (contoh: processor). 

Software

       Software atau pengkat lunak adalah kumpulan perintah yang di proses dalam proses unit. Contoh : aplikasi-aplikasi, sistem operasi. 

Branware

       Brainware atau pengguna adalah  manusia yang menggunakan dan mengoperasikan komputer .
komputer tidak dapat digunakan apabila tidak ada brainware.                                                                                                                                                                                                                                                                                        

                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      

Saluran input dan output pada manusia ada apa saja ya?

Tidak hanya komputer yang memiliki sistem input dan output, manusia juga memiliki sistem tersebut:

·        Sistem input pada manusia adalah  kelima panca indera manusia, yaitu mata, telinga, lidah, kulit, mulut.

·         Sistem output pada manusia yaitu sentuhan, pendengaran, dan gerakan jari tangan

Kombinasi warna apa yang baik untuk background dan teks?

Ada 3 aspek penting yang harus diperhatikan dalam pemilihan warna, yaitu:
1. Aspek psikologis (hindari pemakaian warna yang tajam dan simultan),
2.  Aspek perseptual (warna latar belakang cenderung lebih gelap),
3.  Aspek kognitif (hindari pemakaian warna yang berlebihan).

Aplikasi apa sih yang ingin saya buat untuk saat ini?

 Untuk saat ini, saya ini sekali membuat aplikasi mahasiswa dengan tampilan sebagai berikut.

·         Halaman awal

seperti namanya, aplikasi mahasiswa di buat untuk mahasiswa, hal ini terinspirasi dari lingkungan saya yang masih mengolah data mahasiswa secara manual, tampilan awal aplikasi ini mengombinaskan warna biru tua, putih, krem dan hitam, sedangkan atributnya terdiri dari logo universitas, tombol log in dan tombol register.

·         Home

 tampilan berandamya terdiri dari warna biru putih dan krem, fitur-fitur yang baru terpikir oleh saya adalah fitur profil, jadwal, absen, dosen, dan berkas.

-jadwal berisi mengenai jadwal-jadwal pelajaran dan jadwal ujian

-absen untuk data kehadiran mahasiswa

-dosen berisi daftar nama2 dosen, kontak, dan riwayat hidupnya

-berkas untuk menyimpan data-data yang di miliki oleh mahasiswa tersebut.