pemanfaatan komputer dalam kehidupan sehari hari

INFORMASI

By Helmince Ribka

Perancangan UI UX

By H.Suhendi, S.Kom.

PERKEMBANGAN TEKHNOLOGI

UI yang dirancang dengan baik akan membuat aplikasi Anda mudah dinavigasi dan digunakan, sementara UX yang baik akan membuat pengguna merasa senang dan puas saat menggunakan aplikasi Anda.

​Perbedaan UI/UX

Perancangan UI UX

By H.Suhendi, S.Kom.

SMK Swasta Yapim Taruna Bandar

​Apa saja yang harus di persiapkan sebelum membuat Aplikasi Mobile ??

​

Perancangan UI UX

By H.Suhendi, S.Kom.

SMK Swasta Indonesia Membangun Taruna

1.Discovery (proses pencarian ide aplikasi)

• Definisikan masalah apa yang ingin disolusikan dan juga target pasar.

• Libatkan pihak-pihak yang bersangkutan baik non teknik maupun teknikal untuk mendefinisikan kebutuhan. Dari situ bisa kita detailkan tujuan pembuatan aplikasi dan fungsinya serta platform yang akan dipakai. Untuk membantu perancangan fungsionalitas aplikasi dapat mendefinisikan uses case atau user storynya.

• Lakukan benchmark dengan aplikasi sejenis baik fungsional maupun user experiencenya.

• Buat juga rancangan infrastructure dan architecturenya baik dari server, basis data, dan API atau komunikasi antar perangkatnya.

• Kalkulasikan waktu pengerjaan dan estimasi bujetnya.

Perancangan UI UX

By H.Suhendi, S.Kom.

SMK Swasta Indonesia Membangun Taruna

2.Design (proses pembuatan desain aplikasi baik UI maupun UX)

​UX merupakan pengalaman atau rasa puas dan kemudahan pengguna dalam mengakses aplikasi

SMK Swasta Yapim Taruna Bandar

​Apa saja yang harus di persiapkan sebelum membuat Aplikasi Mobile ??

​

​Apa itu User Interface (UI) dan User Experience (UX)

User Interface Design atau yang biasa disebut UI Design adalah proses untuk membuat suatu produk yang terlihat dan menarik secara visual, istilahnya orang biasanya menyebut proses membuat tampilan suatu aplikasi atau website.

​​

​UI Desain meliputi berbagai aspek dari mulai interface design, pemilihan warna yang sesuai, pembuatan icon, penerapan typeface atau text yang mudah dibaca, serta juga visual design seperti ilustrasi termasuk juga animasi dan interaction design.

​Apa itu User Interface (UI) dan User Experience (UX)

User Interface Design atau yang biasa disebut UI Design adalah proses untuk membuat suatu produk yang terlihat dan menarik secara visual, istilahnya orang biasanya menyebut proses membuat tampilan suatu aplikasi atau website.

​​

​UI Desain meliputi berbagai aspek dari mulai interface design, pemilihan warna yang sesuai, pembuatan icon, penerapan typeface atau text yang mudah dibaca, serta juga visual design seperti ilustrasi termasuk juga animasi dan interaction design.

​Apa itu User Experience (UX)?

User Experience Design atau yang biasa disebut UX Design adalah proses untuk meningkatkan kepuasaan pengguna, kesenangan pengguna, kebutuhan pengguna, serta meningkatkan engage pengguna terhadap interaksi suatu produk yang kita buat.​

​

​UX Desain ini adalah proses kesulurahan yang meliputi pembuatan UI, sehingga orang terkadang bingung karena ternyata UX juga concerned dengan UI. Sederhananya sih bahwa UI itu berada dalam lingkup UX sehingga memang tidak bisa dipisahkan antara keduanya. UX itu bukan UI tetapi UI adalah bagian dari UX bisa dilihat ilustrasi berikut.

​Lalu bagaimana kolaborasi antara keduanya

​Jadi sebenarnya UX Desainer dan UI Desainer itu bekerja dalam satu tim, UX Desainer yang merancang flow aplikasinya, layouting, melakukan riset dan lain-lain, lalu kemudian hasil kerjaan dari UX Desainer diberikan kepada UI Desainer untuk dibuatkan visualisasinya atau tampilan antarmukanya, sehingga mereka sering melakukan kolaborasi, lalu kemudian mereka melakukan kolaborasi lagi dengan seorang enginer atau developer yang akan mengeksekusi hasil rancangan aplikasi yang dibuat ke dalam bentuk kodingan.

SMK Swasta Yapim Taruna Bandar

3.Development (proses pengembangan aplikasi)

Pada fase ini aplikasi akan dibuat kodenya oleh developer. Kode akan dipisahkan modulnya berdasarkan rancangan fitur dan arsitekturnya. Untuk pembuatan aplikasi mobile dibagi 2 secara umum, yaitu pembuatan kode untuk UI dan pembuatan kode untuk lojik atau fungsionalitas. Proses pembuatan kode untuk UI dan lojik menggunakan bahasa, metode, dan cara yang berbeda. Tentukan juga framework yang akan kita gunakan berdasarkan rancangan platform dan bujet.

Selain itu juga perlu pembuatan kode untuk sisi server baik database, backend dan APInya.

SMK Swasta Indonesia Membangun Taruna

4.Debuging/stabilization (proses peningkatan kualitas aplikasi)

Dalam proses ini kita melakukan testing aplikasi untuk mendapatkan kestabilan dan minim bug. Selain itu kita juga melakukanya untuk mengecek dari sisi fungsional, kegunaan, dan kenyamanan pengguna

Secara umum ada 4 fase aplikasi :

SMK Swasta Indonesia Membangun Taruna

aplikasi sudah bisa dijalankan, Tetapi masih beberapa fitur utama dan belum menggunakan data sesungguhnya.

1.Prototype

SMK Swasta Indonesia Membangun Taruna

aplikasi hampir telah diimplementasikan keseluruhan, dan belum melewati fase debuging.

2.Alpha

SMK Swasta Indonesia Membangun Taruna

aplikasi sudah selesai diimplementasikan dan melewati debuging, tetapi masih banyak bug yang belum dibetulkan.

3.Beta

SMK Swasta Indonesia Membangun Taruna

Aplikasi sudah layak untuk di release, sudah sesuai dari fungsional, kegunaan dan kestabilan.

Untuk melacak bug dan distribusi testing app bisa menggunakan berbagai macam tools seperti testflight, crashlytics, instabug, dsb.

4.Release candidate

5.Distribution (proses pemasaran aplikasi)

Pada proses ini kita akan mendistribusikan aplikasi versi release ke market.

Perancangan UI UX

By H.Suhendi, S.Kom.

UI yang dirancang dengan baik akan membuat aplikasi Anda mudah dinavigasi dan digunakan, sementara UX yang baik akan membuat pengguna merasa senang dan puas saat menggunakan aplikasi Anda.

​Perbedaan UI/UX

SMK Swasta Yapim Taruna Bandar

​Apa saja yang harus di persiapkan sebelum membuat Aplikasi Mobile ??

​

SMK Swasta Indonesia Membangun Taruna

1.Discovery (proses pencarian ide aplikasi)

• Definisikan masalah apa yang ingin disolusikan dan juga target pasar.

• Libatkan pihak-pihak yang bersangkutan baik non teknik maupun teknikal untuk mendefinisikan kebutuhan. Dari situ bisa kita detailkan tujuan pembuatan aplikasi dan fungsinya serta platform yang akan dipakai. Untuk membantu perancangan fungsionalitas aplikasi dapat mendefinisikan uses case atau user storynya.

• Lakukan benchmark dengan aplikasi sejenis baik fungsional maupun user experiencenya.

• Buat juga rancangan infrastructure dan architecturenya baik dari server, basis data, dan API atau komunikasi antar perangkatnya.

• Kalkulasikan waktu pengerjaan dan estimasi bujetnya.

SMK Swasta Indonesia Membangun Taruna

2.Design (proses pembuatan desain aplikasi baik UI maupun UX)

​UX merupakan pengalaman atau rasa puas dan kemudahan pengguna dalam mengakses aplikasi

​Apa itu User Interface (UI) dan User Experience (UX)

User Interface Design atau yang biasa disebut UI Design adalah proses untuk membuat suatu produk yang terlihat dan menarik secara visual, istilahnya orang biasanya menyebut proses membuat tampilan suatu aplikasi atau website.

​​

​UI Desain meliputi berbagai aspek dari mulai interface design, pemilihan warna yang sesuai, pembuatan icon, penerapan typeface atau text yang mudah dibaca, serta juga visual design seperti ilustrasi termasuk juga animasi dan interaction design.

​Apa itu User Experience (UX)?

User Experience Design atau yang biasa disebut UX Design adalah proses untuk meningkatkan kepuasaan pengguna, kesenangan pengguna, kebutuhan pengguna, serta meningkatkan engage pengguna terhadap interaksi suatu produk yang kita buat.​

​

​UX Desain ini adalah proses kesulurahan yang meliputi pembuatan UI, sehingga orang terkadang bingung karena ternyata UX juga concerned dengan UI. Sederhananya sih bahwa UI itu berada dalam lingkup UX sehingga memang tidak bisa dipisahkan antara keduanya. UX itu bukan UI tetapi UI adalah bagian dari UX bisa dilihat ilustrasi berikut.

​Lalu bagaimana kolaborasi antara keduanya

​Jadi sebenarnya UX Desainer dan UI Desainer itu bekerja dalam satu tim, UX Desainer yang merancang flow aplikasinya, layouting, melakukan riset dan lain-lain, lalu kemudian hasil kerjaan dari UX Desainer diberikan kepada UI Desainer untuk dibuatkan visualisasinya atau tampilan antarmukanya, sehingga mereka sering melakukan kolaborasi, lalu kemudian mereka melakukan kolaborasi lagi dengan seorang enginer atau developer yang akan mengeksekusi hasil rancangan aplikasi yang dibuat ke dalam bentuk kodingan.

SMK Swasta Yapim Taruna Bandar

3.Development (proses pengembangan aplikasi)

Pada fase ini aplikasi akan dibuat kodenya oleh developer. Kode akan dipisahkan modulnya berdasarkan rancangan fitur dan arsitekturnya. Untuk pembuatan aplikasi mobile dibagi 2 secara umum, yaitu pembuatan kode untuk UI dan pembuatan kode untuk lojik atau fungsionalitas. Proses pembuatan kode untuk UI dan lojik menggunakan bahasa, metode, dan cara yang berbeda. Tentukan juga framework yang akan kita gunakan berdasarkan rancangan platform dan bujet.

Selain itu juga perlu pembuatan kode untuk sisi server baik database, backend dan APInya.

SMK Swasta Indonesia Membangun Taruna

4.Debuging/stabilization (proses peningkatan kualitas aplikasi)

Dalam proses ini kita melakukan testing aplikasi untuk mendapatkan kestabilan dan minim bug. Selain itu kita juga melakukanya untuk mengecek dari sisi fungsional, kegunaan, dan kenyamanan pengguna

Secara umum ada 4 fase aplikasi :

SMK Swasta Indonesia Membangun Taruna

aplikasi sudah bisa dijalankan, Tetapi masih beberapa fitur utama dan belum menggunakan data sesungguhnya.

1.Prototype

SMK Swasta Indonesia Membangun Taruna

aplikasi hampir telah diimplementasikan keseluruhan, dan belum melewati fase debuging.

2.Alpha

SMK Swasta Indonesia Membangun Taruna

aplikasi sudah selesai diimplementasikan dan melewati debuging, tetapi masih banyak bug yang belum dibetulkan.

3.Beta

SMK Swasta Indonesia Membangun Taruna

Aplikasi sudah layak untuk di release, sudah sesuai dari fungsional, kegunaan dan kestabilan.

Untuk melacak bug dan distribusi testing app bisa menggunakan berbagai macam tools seperti testflight, crashlytics, instabug, dsb.

4.Release candidate

5.Distribution (proses pemasaran aplikasi)

Pada proses ini kita akan mendistribusikan aplikasi versi release ke market.

Perancangan UI UX

By H.Suhendi, S.Kom.

UI yang dirancang dengan baik akan membuat aplikasi Anda mudah dinavigasi dan digunakan, sementara UX yang baik akan membuat pengguna merasa senang dan puas saat menggunakan aplikasi Anda.

​Perbedaan UI/UX

SMK Swasta Yapim Taruna Bandar

​Apa saja yang harus di persiapkan sebelum membuat Aplikasi Mobile ??

​

SMK Swasta Indonesia Membangun Taruna

1.Discovery (proses pencarian ide aplikasi)

• Definisikan masalah apa yang ingin disolusikan dan juga target pasar.

• Libatkan pihak-pihak yang bersangkutan baik non teknik maupun teknikal untuk mendefinisikan kebutuhan. Dari situ bisa kita detailkan tujuan pembuatan aplikasi dan fungsinya serta platform yang akan dipakai. Untuk membantu perancangan fungsionalitas aplikasi dapat mendefinisikan uses case atau user storynya.

• Lakukan benchmark dengan aplikasi sejenis baik fungsional maupun user experiencenya.

• Buat juga rancangan infrastructure dan architecturenya baik dari server, basis data, dan API atau komunikasi antar perangkatnya.

• Kalkulasikan waktu pengerjaan dan estimasi bujetnya.

SMK Swasta Indonesia Membangun Taruna

2.Design (proses pembuatan desain aplikasi baik UI maupun UX)

​UX merupakan pengalaman atau rasa puas dan kemudahan pengguna dalam mengakses aplikasi

​Apa itu User Interface (UI) dan User Experience (UX)

User Interface Design atau yang biasa disebut UI Design adalah proses untuk membuat suatu produk yang terlihat dan menarik secara visual, istilahnya orang biasanya menyebut proses membuat tampilan suatu aplikasi atau website.

​​

​UI Desain meliputi berbagai aspek dari mulai interface design, pemilihan warna yang sesuai, pembuatan icon, penerapan typeface atau text yang mudah dibaca, serta juga visual design seperti ilustrasi termasuk juga animasi dan interaction design.

​Apa itu User Experience (UX)?

User Experience Design atau yang biasa disebut UX Design adalah proses untuk meningkatkan kepuasaan pengguna, kesenangan pengguna, kebutuhan pengguna, serta meningkatkan engage pengguna terhadap interaksi suatu produk yang kita buat.​

​

​UX Desain ini adalah proses kesulurahan yang meliputi pembuatan UI, sehingga orang terkadang bingung karena ternyata UX juga concerned dengan UI. Sederhananya sih bahwa UI itu berada dalam lingkup UX sehingga memang tidak bisa dipisahkan antara keduanya. UX itu bukan UI tetapi UI adalah bagian dari UX bisa dilihat ilustrasi berikut.

​Lalu bagaimana kolaborasi antara keduanya

​Jadi sebenarnya UX Desainer dan UI Desainer itu bekerja dalam satu tim, UX Desainer yang merancang flow aplikasinya, layouting, melakukan riset dan lain-lain, lalu kemudian hasil kerjaan dari UX Desainer diberikan kepada UI Desainer untuk dibuatkan visualisasinya atau tampilan antarmukanya, sehingga mereka sering melakukan kolaborasi, lalu kemudian mereka melakukan kolaborasi lagi dengan seorang enginer atau developer yang akan mengeksekusi hasil rancangan aplikasi yang dibuat ke dalam bentuk kodingan.

SMK Swasta Yapim Taruna Bandar

3.Development (proses pengembangan aplikasi)

Pada fase ini aplikasi akan dibuat kodenya oleh developer. Kode akan dipisahkan modulnya berdasarkan rancangan fitur dan arsitekturnya. Untuk pembuatan aplikasi mobile dibagi 2 secara umum, yaitu pembuatan kode untuk UI dan pembuatan kode untuk lojik atau fungsionalitas. Proses pembuatan kode untuk UI dan lojik menggunakan bahasa, metode, dan cara yang berbeda. Tentukan juga framework yang akan kita gunakan berdasarkan rancangan platform dan bujet.

Selain itu juga perlu pembuatan kode untuk sisi server baik database, backend dan APInya.

SMK Swasta Indonesia Membangun Taruna

4.Debuging/stabilization (proses peningkatan kualitas aplikasi)

Dalam proses ini kita melakukan testing aplikasi untuk mendapatkan kestabilan dan minim bug. Selain itu kita juga melakukanya untuk mengecek dari sisi fungsional, kegunaan, dan kenyamanan pengguna

Secara umum ada 4 fase aplikasi :

SMK Swasta Indonesia Membangun Taruna

aplikasi sudah bisa dijalankan, Tetapi masih beberapa fitur utama dan belum menggunakan data sesungguhnya.

1.Prototype

SMK Swasta Indonesia Membangun Taruna

aplikasi hampir telah diimplementasikan keseluruhan, dan belum melewati fase debuging.

2.Alpha

SMK Swasta Indonesia Membangun Taruna

aplikasi sudah selesai diimplementasikan dan melewati debuging, tetapi masih banyak bug yang belum dibetulkan.

3.Beta

SMK Swasta Indonesia Membangun Taruna

Aplikasi sudah layak untuk di release, sudah sesuai dari fungsional, kegunaan dan kestabilan.

Untuk melacak bug dan distribusi testing app bisa menggunakan berbagai macam tools seperti testflight, crashlytics, instabug, dsb.

4.Release candidate

5.Distribution (proses pemasaran aplikasi)

Pada proses ini kita akan mendistribusikan aplikasi versi release ke market.

Perancangan UI UX

By H.Suhendi, S.Kom.

UI yang dirancang dengan baik akan membuat aplikasi Anda mudah dinavigasi dan digunakan, sementara UX yang baik akan membuat pengguna merasa senang dan puas saat menggunakan aplikasi Anda.

​Perbedaan UI/UX

SMK Swasta Indonesia Membangun Taruna

Aplikasi sudah layak untuk di release, sudah sesuai dari fungsional, kegunaan dan kestabilan.

Untuk melacak bug dan distribusi testing app bisa menggunakan berbagai macam tools seperti testflight, crashlytics, instabug, dsb.

4.Release candidate

SMK Swasta Yapim Taruna Bandar

​Apa saja yang harus di persiapkan sebelum membuat Aplikasi Mobile ??

​

5.Distribution (proses pemasaran aplikasi)

Pada proses ini kita akan mendistribusikan aplikasi versi release ke market.

SMK Swasta Indonesia Membangun Taruna

1.Discovery (proses pencarian ide aplikasi)

• Definisikan masalah apa yang ingin disolusikan dan juga target pasar.

• Libatkan pihak-pihak yang bersangkutan baik non teknik maupun teknikal untuk mendefinisikan kebutuhan. Dari situ bisa kita detailkan tujuan pembuatan aplikasi dan fungsinya serta platform yang akan dipakai. Untuk membantu perancangan fungsionalitas aplikasi dapat mendefinisikan uses case atau user storynya.

• Lakukan benchmark dengan aplikasi sejenis baik fungsional maupun user experiencenya.

• Buat juga rancangan infrastructure dan architecturenya baik dari server, basis data, dan API atau komunikasi antar perangkatnya.

• Kalkulasikan waktu pengerjaan dan estimasi bujetnya.

SMK Swasta Indonesia Membangun Taruna

2.Design (proses pembuatan desain aplikasi baik UI maupun UX)

​UX merupakan pengalaman atau rasa puas dan kemudahan pengguna dalam mengakses aplikasi

Fill in the Blanks

​Apa itu User Interface (UI) dan User Experience (UX)

User Interface Design atau yang biasa disebut UI Design adalah proses untuk membuat suatu produk yang terlihat dan menarik secara visual, istilahnya orang biasanya menyebut proses membuat tampilan suatu aplikasi atau website.

​​

​UI Desain meliputi berbagai aspek dari mulai interface design, pemilihan warna yang sesuai, pembuatan icon, penerapan typeface atau text yang mudah dibaca, serta juga visual design seperti ilustrasi termasuk juga animasi dan interaction design.

perkembangan tekhnologi

​Apa itu User Experience (UX)?

User Experience Design atau yang biasa disebut UX Design adalah proses untuk meningkatkan kepuasaan pengguna, kesenangan pengguna, kebutuhan pengguna, serta meningkatkan engage pengguna terhadap interaksi suatu produk yang kita buat.​

​

​UX Desain ini adalah proses kesulurahan yang meliputi pembuatan UI, sehingga orang terkadang bingung karena ternyata UX juga concerned dengan UI. Sederhananya sih bahwa UI itu berada dalam lingkup UX sehingga memang tidak bisa dipisahkan antara keduanya. UX itu bukan UI tetapi UI adalah bagian dari UX bisa dilihat ilustrasi berikut.

​Lalu bagaimana kolaborasi antara keduanya

​Jadi sebenarnya UX Desainer dan UI Desainer itu bekerja dalam satu tim, UX Desainer yang merancang flow aplikasinya, layouting, melakukan riset dan lain-lain, lalu kemudian hasil kerjaan dari UX Desainer diberikan kepada UI Desainer untuk dibuatkan visualisasinya atau tampilan antarmukanya, sehingga mereka sering melakukan kolaborasi, lalu kemudian mereka melakukan kolaborasi lagi dengan seorang enginer atau developer yang akan mengeksekusi hasil rancangan aplikasi yang dibuat ke dalam bentuk kodingan.

SMK Swasta Yapim Taruna Bandar

3.Development (proses pengembangan aplikasi)

Pada fase ini aplikasi akan dibuat kodenya oleh developer. Kode akan dipisahkan modulnya berdasarkan rancangan fitur dan arsitekturnya. Untuk pembuatan aplikasi mobile dibagi 2 secara umum, yaitu pembuatan kode untuk UI dan pembuatan kode untuk lojik atau fungsionalitas. Proses pembuatan kode untuk UI dan lojik menggunakan bahasa, metode, dan cara yang berbeda. Tentukan juga framework yang akan kita gunakan berdasarkan rancangan platform dan bujet.

Selain itu juga perlu pembuatan kode untuk sisi server baik database, backend dan APInya.

SMK Swasta Indonesia Membangun Taruna

4.Debuging/stabilization (proses peningkatan kualitas aplikasi)

Dalam proses ini kita melakukan testing aplikasi untuk mendapatkan kestabilan dan minim bug. Selain itu kita juga melakukanya untuk mengecek dari sisi fungsional, kegunaan, dan kenyamanan pengguna

Secara umum ada 4 fase aplikasi :

SMK Swasta Indonesia Membangun Taruna

aplikasi sudah bisa dijalankan, Tetapi masih beberapa fitur utama dan belum menggunakan data sesungguhnya.

1.Prototype

SMK Swasta Indonesia Membangun Taruna

aplikasi hampir telah diimplementasikan keseluruhan, dan belum melewati fase debuging.

2.Alpha

SMK Swasta Indonesia Membangun Taruna

aplikasi sudah selesai diimplementasikan dan melewati debuging, tetapi masih banyak bug yang belum dibetulkan.

3.Beta

SMK Swasta Indonesia Membangun Taruna

Aplikasi sudah layak untuk di release, sudah sesuai dari fungsional, kegunaan dan kestabilan.

Untuk melacak bug dan distribusi testing app bisa menggunakan berbagai macam tools seperti testflight, crashlytics, instabug, dsb.

4.Release candidate

5.Distribution (proses pemasaran aplikasi)

Pada proses ini kita akan mendistribusikan aplikasi versi release ke market.