Please enable JavaScript.

Coggle requires JavaScript to display documents.

UI/UX Designer - Coggle Diagram

- - - - Semua pekerjaan diambil alih oleh satu lingkup
- - - - aligntment
        
        spacing
      - proximity/unity
        
        grouping
      - balance
        
        symetry/tencion/dominance
      - repetition/consitency
      - contrast
      - white space
        
        jarak antar element
    - - clarity
        
        kejelasan pada fungsi yang disediakan
        
        mencoba untuk mempermudah user dalam penggunaannya
        
        memberikan informasi yang jelas dan tertulis
      - consistency
        
        warna yang setidaknya harus sama dengan brand
        
        cari warna yang dapat mengadopsi warna logo
      - feedback
        
        interaksi produk terhadap user
      - familiarity
        
        elemen/bentuk yang familiar bagi user
      - effeciency
        
        menyaring hal yang tidak diperlukan
    - - warna
      - fonts
      - padding&margin
        
        untuk mobile kelipatan 4px dan ddesktop 6px
      - trend&inspirasi
        
        flat vs skeumorphism
        
        skeumorpishm dengan bentuk dimensi asli
        
        flat bentuknya polos
        
        Icon & asset
        
        patokan ukuran tergantung integrasi sistem
        
        android
        
        1x,1.5x,2x,3x,4x dari mockup
        
        ios
        
        1x,2x,3x dari ukuran asli di mockup
- - - - data demographic (rentang usia, lokasi/geografis, pekerjaan, status ,ekonomi)
      - kurang efektif digunakan
    - - data berdasarkan asumsi dan secondary research
    - - data berdasarkan research user
      - sangat efektif digunakan
- - - - Design thinking
        
        pemahaman product,user, riset, ide , prototype , dan testing
        
        Design spirit
        
        tidak ada riset
        
        Lean ux
        
        memangkas step dan memperbanyak kaloborasi dengan user
        
        Double diamond
    - - Understand
        
        tentukan produknya
      - Research
        
        pengumpulan masalah pada user
        
        Tujuan
        
        Data dan Insight
        
        mengumpulkan informasi dari user dan kebutuhan produk
        
        Menghindari kesalahan
        
        menghindari kesalahan dan kekeliruan
        
        Mengenal user
        
        mengenal dan empati terhadap user
        
        Jenis
        
        Berdasarkan sumber
        
        primary (field)
        
        data langsung dari user
        
        sumber langsung dari user behaviour
        
        survey, kuisioner, user interview
        
        secondary (desk)
        
        data tidak langsung dengan user
        
        data sudah tersedia sebelumnya
        
        buku, artikel, internet
        
        Berdasarkan metodologi
        
        Qualitative
        
        kualitas/ behaviour user
        
        lebih pada Why? dan tidak terukur angka
        
        contoh
        
        3 more items...
        
        Quantitative
        
        mencari angka terukur / sudut banding
        
        lebih pada How many?
        
        contoh
        
        2 more items...
        
        Berdasarkan kebutuhan
        
        Exploratory
        
        unknown data
        
        User interview, ethnography , observation
        
        Generative
        
        data sudah tersedia dan synthesizing
        
        stake holder interview dengan expert, persona , atau user journey map
        
        Evaluative
        
        pengetesan solusi atau jalan keluar
        
        Usability testing, A/B test
      - Ideate
        
        pengelompokan data menjadi ide
        
        metoda crazy 8's
        
        dalam bentuk sketsa/ wireframe
        
        8 sketsa dalam 8 menit
        
        waktu digunakan
        
        inisight sudah didapatkan
        
        data user sudah tersedia
        
        idde tidak hanya dari desainer
        
        lebih cepat dalam olah ide
        
        kolaborasi
        
        mendapat solusi dari tukar pikiran
        
        lebih diutamakan kuantitas
        
        Kaidah
        
        Design sprint
        
        8sketsa 8menit
        
        kolaborasi
        
        wireframe/sketsa kasar yang tidak perlu detail
        
        ide yang berbeda
        
        kombinasi ide
        
        memutuskan ide
        
        3 more items...
        
        kombinasi double diamond
        
        fungsinya untuk generate dan menyaring ide
        
        dilakukan dengan melakukan crazy 8's sebanyak 2x
        
        kombinasi dengan crazy 8's
        
        Diverge ke-2
        
        mencari kemungkinan ide dari sketsa yang telah dipadukan
        
        Converge ke-1
        
        presentasikan ide dan memadukannya menjadi inspirasi
        
        Diverge ke-1
        
        buat sketsa dengan crazy 8's
        
        Converge ke-2
        
        memilih desain terbaik
        
        digunakan sebagai tool saja
        
        keputusan lebih fair dan tersaring
      - Design
        
        merancang ide yang didapat
        
        Synthesizing data
        
        data didapat dari
        
        Project manager
        
        UX Researcher
        
        data berdasarkan user testing
        
        Data analyst
        
        data yang diamati dari data komputer
        
        Transisi data menjadi desain
        
        Define problem
        
        figure out problems dari data yang didapat
        
        Ideation
        
        menarik ide2 sebagai solusi masalah dan goals
        
        Design
        
        Implementasi berdasarkan prinsip, guideline desain, limitasi dan pengalaman desainer
        
        Acuan data ke desain
        
        Kolaborasi
        
        presentasi dengan menghasilkan keputusan bersama
        
        Urgensi problem
        
        kebutuhan, goals, impact, effort, bahan pertimbangan
        
        Pengalaman
        
        pengalaman dalam solve problem
        
        Design guideline dan inspirations
        
        data yang perlu dipertimbangkan kembali
        
        Contoh studi kasus
        
        Menurut data
        
        contoh pada affiliate marketing
        
        3 more items...
        
        Ideation
        
        perundingan untuk mencari solusi
        
        contoh solusi
        
        3 more items...
        
        Prioritization quadrant/decision metrix
        
        pertimbangan ddari solusi yang ada
        
        contoh
        
        1 more item...
        
        Mulai mendesain
        
        ketika tersedia crazy 8's desainer dapat memilih ide/wireframe yang terbaik
        
        bila tidak tersedia crazy 8's maka lakukan kolaborasi dengan ux researcher dan stakeholder lainnya
        
        Contoh sampel :blog amazon pada affiliate marketnya
        
        poin utama
        
        dapatkan data
        
        lakukan ideation
        
        pilih ide terbaik
        
        buat wireframe hi fi/ versi perbaikan
        
        buat desain UI
        
        buat prototype
        
        realisasi rancangan
        
        Interaction design
        
        Connection & conversation antara user dan produk
        
        5 elemen
        
        Visual representations
        
        behaviour
        
        time
        
        physical objects or space
        
        words
        
        5 konsep
        
        Goal driven design
        
        HCD/UCD dan research tersedia
        
        detail dapat dilihat dari alan cooper
        
        usability
        
        Mudah digunakan
        
        learnability
        
        mudah dipahami
        
        affordances & signifiers
        
        affordances
        
        1 more item...
        
        signifiers
        
        1 more item...
        
        Feedback & response time
        
        feedback
        
        1 more item...
        
        response time
        
        1 more item...
      - Implement
        
        prototyping sebelum develop produk
      - Evaluate
        
        evaluasi produk testing
      - Iteration
        
        pengulangan dan tinjauan produk kembali
  - - - HCD melakukan tinjauan kembali pada produk sebagai problem solving dan juga feedback user untuk mendapatkan solusi
    - - Human Centered Design (HCD) fokus pada human needs, berdasarkan badget pembuatan sealam dan setelah produk dibuat
      - User Centered Design (UCD) kebutuhan user terhadap produk sehingga diperoleh apakah produk bisa menjadi solusi
      - Design thinking metoda penyelesaian yang diambil dengan HCD
      - persamaan : sama2 mengutamakan user
    - - Inspiration
        
        understand user, research , observasi user langsung
      - Ideation
        
        identifikasi kemungkinan pada desain dan test dan menyaring solusi
      - Implementation
        
        penerapan solusi sebagai jalan keluar
    - - Empathize
        
        mendapat insight dari user
      - define
        
        perincian masalah yang didapat dan pemecahan solusi
      - Ideate
        
        brainstorm dan pengumpulan ide
      - prototype
        
        pembuatan produk sample hasil ide
      - test
        
        percobaan pada produk apakah telah memenuhi masalah user
      - Design sprint pada emphatize dan, dan define
      - framework double diamond
        
        a diamond
        
        Diverge / bercabang
        
        Create choices
        
        kemungkinan dari data yang didapat/ eliminasi data
        
        Converge / menuju satu titik
        
        make choices
        
        membuat requirement
- - - - Context
        
        personal perusahaan/ produk
        
        karakter perusahaan/ produknya
        
        Business goals, technology, culture, budget resources, constraints
      - Content
        
        jumlah kapasitas detail konten didalam sebuah produk
        
        document/data type, volume, existing structure
      - Users
        
        sisi behaviour user dalam penggunaan produk
        
        tasks, needs, information seeking behaviour, experience
        
        User stories
        
        WHAT dan HOW
        
        cakupan users/persona tentang keinginan, kebutuhan,dan jalan keluar ketika menggunakan produk
        
        merupakan bagian dari brief/ requirement
        
        biasanya dibuat oleh owner/manager
        
        Detailnya berisi mengenai workflow dan menekankan sisi user
        
        sebagai task
        
        digunakan dalam lingkungan kerja agile/system scrum didalam spriint
        
        mengerjakan user story/ tasks menjadi sebuah solusi
        
        Keuntungan
        
        team lebih fokus pada user centric
        
        kolaborasi dan mengetahui goals projek
        
        task lebih mudah dipahami
  - - - Ide
      - Project
      - solusi/fitur
    - - digunakan untuk menghindari individu yang mendominasi / toxic
      - mempertimbangkan efforts dan user impacts
        
        bahan pertimbangan efforts
        
        Design
        
        pandangan dari segi high fidelity design, dan workflow
        
        Development
        
        tingkat kerumitan dalam pembuatan, tergantung developer
        
        Marketing
        
        bergantung pada jumlah budget operasional serta akses
        
        Other technical stuffs
        
        mempertimbangkan kendala teknis yang akan muncul