UI/UX Improvement Ideation

[ariefrahmansyah]

This issue is the parent issue to track UI/UX improvement ideas. This issue is mainly being used to discuss and brainstorm about what should we improve or create. From this issue, we can break the task and create smaller and separate issues.

Ideas:

• Implement Search #11
• Loader/skeleton (Low priority)
• Filter by age/sex (?) #16
• Pagination or infinity scrolling (use virtualization) (?)
• Multiple columns (?)
• Hero section #14
• Auto scroll (?)
• Light/dark theme (?)

[randyvarianda]

• simple statistic by gender, adult / child
• credible donation link
• condolences messages for victim

[ariefrahmansyah]

Update: @randyvarianda will be creating the Figma for the design. It will be shared here.

[nandafebr]

• simple statistic by gender, adult / child
• credible donation link
• condolences messages for victim

Hi, mas @randyvarianda . Is there we can help with design thing? Or any existing figma to collaborate with? I'm ready to help. Thanks!

[chrele]

Hi mas @ariefrahmansyah, please excuse myself for directly write down my ideas

• gender-based visualization (e.g. blue and pink text color based on victim's gender)
• auto scheduler for daily data collection(?) + highlighting new victims (?)
• general number of victims per category (in the other dataset, they categorized the victims based on their ages: child, teen, young adult, adult, elderly) on the top of the page(?)

[ariefrahmansyah]

Thanks, Mas @chrele

For auto scheduler for daily data collection, I already have this implemented in a hacky way 😅. I have a GitHub Actions triggered every 4 hours to restart the web server so that it will fetch the dataset during the start-up (ref: start()). A better scheduler or cron-like implementation should be implemented though, but I think it's not high priority as for now.

Also, the killed in Gaza dataset is not frequently updated, it was last updated on January 5th (ref: Dataset Source). (Honestly, I would love the killing to stop, but I've prepared my heart once the dataset got updated).

[randyvarianda]

hi guys, you can access figma file here https://www.figma.com/file/WyFXQ4dwVR7hO0NslnQTPy/Remember-Gaza?type=design&node-id=502%3A1903&mode=design&t=ONFMB1kUphyVWur1-1

[nandafebr]

Hi mas @ariefrahmansyah & @randyvarianda, I can help design a logo for this movement and hero section exploration (optional). It might slightly help. Will update you on the progress soon (will update on 22 or 23 April 2024)

• Logo
• Hero section exploration

[randyvarianda]

@nandafebr thanks nanda that would be great, if you have idea or feedback for the design just comment or just do it in figma, cheers

[ariefrahmansyah]

Cross-posting here for better visibility, from Figma discussion:

Objective awalnya adalah menjadikan remembergaza sebagai virtual memorial place for the fallen victims. Ibarat Taman Makam Pahlawan Kalibata, tapi untuk korban perang. Di beberapa taman makam biasanya ada list nama-nama (contoh: TMP Kalibata, TMP Seroja Dili, dan Peace Memorial Park Okinawa Japan [1])

Some of fallen victims might not be buried properly. Some of them buried together in a mass grave [2]. Aku ngerasa, remembergaza.id adalah penghormatan dan bela sungkawa yang bisa kita berikan ke mereka.

Raising the awareness and helping victims families finding their relatives are the derived goals, I think.

So, I'm open on the UI/UX implementation as long as we can continue with the main goal -- virtual memorial place for the victims.

[1] Untuk lebih jelas tentang Peace Memorial Park Okinawa, bisa dilihat dari video klip lagu Himeyuri dari Mongol800 ini: https://www.youtube.com/watch?v=fu_77avtO2c (sedikit promosi band favorit saya gapapa ya 🙏)
[2] https://www.reuters.com/pictures/all-cemeteries-are-full-palestinians-buried-mass-grave-gaza-2023-11-22/