12 pola UI abadi dianalisis

12 pola UI abadi dianalisis

 

12 pola UI abadi dianalisis
12 pola UI abadi dianalisis
Mengenai pertimbangan dalam Pola UI Web 2016 Vol. 1, desain sederhana untuk menyajikan konten dengan cara yang paling intuitif dan bermanfaat. Pada bagian ini, kita akan membahas contoh, praktik terbaik, dan skenario umum untuk 12 pola tata letak web yang sukses:
Kartu-kartu
Kisi
Majalah
Bebas dari wadah
Layar Terpisah
Aplikasi Web satu halaman
Pola F
Pola Z
Simetri Horisontal
Perkiraan Simetri Horisontal
Simetri Vertikal
Asimetri
Konferensi TNW Couch
Bergabunglah dengan pengumpulan online & diskusi real-time tentang navigasi tahun depan
DAFTAR SEKARANG
Lihat bagaimana tata letak web Anda dalam format sekuat mungkin.
1. Kartu
Facebook
image42
Pola
image03
Indonesia
image13
Google +
image27
Oprah
image32
Masalah
Menjelajah adalah bagian besar dari interaksi situs, tetapi menampilkan detail untuk setiap item akan mengacaukan layar.
Larutan
Kartu memungkinkan situs menyajikan konten dalam jumlah besar dengan cara yang dapat dicerna. Seperti yang kami jelaskan di Web Design Book of Trends 2015-2015 , kartu bermunculan di mana-mana belakangan ini, dan keberhasilan pola ini terkait langsung dengan kegunaannya.
Kartu bertindak sebagai wadah untuk informasi yang dapat diklik: preview berukuran gigitan untuk membantu pengguna menemukan konten yang mereka inginkan. Gaya kartu bervariasi dengan setiap situs, tetapi sebagian besar berisi gambar dan deskripsi, dan kadang-kadang fungsi individual, seperti Suka Facebook atau Retweet Twitter .
Selain itu, kartu berfungsi dengan baik dengan desain responsif. Karena setiap kartu mandiri, penempatannya dapat disusun ulang agar sesuai dengan ukuran layar apa pun.
Untuk situs dengan banyak konten, kartu menawarkan banyak:
Intuitif – tidak memerlukan instruksi.
Advantageous for responsive design — since each card is self-sufficient, their placement can be rearranged to fit any screen size.
Shareable — easy to share only specific content on social media.
Versatile — can be used with a wide range of site styles
Tips
Make the entire card clickable, not just certain portions. Fitts’s Law states that this makes user interaction more likely.
Focus each card around one central concept, and no more. Otherwise, that defeats the purpose.
Keep smaller screens in mind when selecting images. You may need to crop them differently for different devices.
Don’t get too complex. Cards work best when they’re simple, in what they show and how. Basic typography and minimal description helps browsing.
2. Grids
YouTube
image26
Huffington Post
image33
Etsy
image34
Diply
image29
Problem
Content-heavy sites want to display all primary items with equal hierarchy.
Solution
A grid structure makes browsing easier. Cards are almost always laid out in a grid format, of one kind or another. Grids offer more options for browsing than simple list views, which makes this style space-effective.
Grids can vary in size, spacing, and the number of columns. Sites like Huffington Post stagger their options to avoid that “straight-laced” feel, while YouTube plays up the strict organization, with straight rows and grouped into categories (“Recommended,” specific channels, etc.).
Tips
Pay attention to white space (or lack-there-of, as with Diply) because it influences how users browse. Ample space is slower, but with more attention placed on each item. Minimal space is faster, but risks some content slipping through the cracks.
Consistency is important, especially when designing for different devices. Make sure your layout stays recognizable at different responsive breakpoints.
Get started with a basic 12-column grid with tools like 960js.
3. Magazine-style layout
TIME
image40
WebMD
image23
WIRED
image21
BuzzFeed
image35
Problem
A site has a lot of regularly-updated content in multiple categories.
Solution
Magazines had this problem long before websites, and the format they evolved remains viable. The alternating sizes of columns, cards, and/or headlines breaks up the monotony of the grid, while still showcasing a variety of content.
The magazine layout changes up how content is displayed. The left side of the screen might be dominated by a grid of cards, while the right side might have a list of text links.
Take BuzzFeed, for example: the first column is featured content, with a detailed description next to the picture. The middle is timely content, with a brief description under the picture; and the last column is what’s trending, numbered pictures with no description. Pay attention to their typography — text colors and sizes vary to show usability and create a visual hierarchy.
Tips
Like print magazines, this format emphasizes images. As with TIME, WebMD, and WIRED, there is usually one dominant feature image on the screen to draw focus before users scan the smaller, secondary images.
One of the characteristics of this style is a vertical menu on either side (or horizontal menu).
4. Container-free format
AOL
image02
Apple
image28
Public-Library
image44
Cienne NY
image37
Problem
A site wants a minimalist approach when presenting data.
Solution
The container-free format takes minimalism to the next level, stripping away all unnecessary visuals and breaking away from the conventions of other sites. Rather than clear-cut divisions, this pattern format relies on visuals, grouping, and common sense to show relationships.
Historically, web design has relied on linear and highly structured layouts to present information. This works well, but with more options available today, designers can experiment “outside of the box.” This style appeals to agency (Public-Library), portfolio, and fashion sites (Cienne NY), which all value appearing modern and avant-garde.
Designing without containers puts more power back to the content itself. However, extra care must be given to the visual hierarchy. This risky pattern is only as effective as the people designing it.
Often the face of minimalism, Apple disregards containers for its site. Links are all textual (no buttons), and a clever visual design explains which content relates to what.
Tips
Typography is vital to designing without containers. Size, typeface weight, and color all communicate meaning in place of blunt dividers. Apple uses large text for the title, smaller text for the secondary description, and blue text for links out.
Untuk mencegah kebingungan, buat sebagian besar elemen dapat diklik. Jika pengguna bingung tentang suatu elemen, mereka kemungkinan akan mengkliknya terlebih dahulu untuk menguji interaktivitas. Situs padat konten mengalami kesulitan dengan format ini, meskipun AOL  menunjukkan bahwa itu mungkin (walaupun tidak selalu ideal).
5. Layar terbagi
penerjemah Google
image20
Adidas Football (UK)
image30
Peugeot
image12
62 Model
image06
Desain Lauren Wickware
image18
Masalah
Situs memiliki dua konten utama yang sama pentingnya.
Larutan
Tata letak layar terbagi adalah cara yang logis dan trendi untuk memberikan dua elemen yang kontras dengan pertimbangan yang sama.
Layar terbagi adalah pilihan untuk menampilkan dua elemen utama secara bersamaan atau – seperti contoh Adidas – mengadu satu sama lain. Ini adalah pilihan yang baik setiap kali Anda tidak tahu mana dari dua elemen yang akan menonjol: lakukan keduanya.
Split screens are perfect for when the site offers two drastically different variations, such as the genders in 62 Models. Users make their selection right from the start, so the site doesn’t waste time showing both options needlessly. Split screens also give the opportunity to feature two calls-to-action, as with Peugeot.
The style has since grown to become purely aesthetic. Most common is having text on one half of the page, and a header image filling the other, as with Lauren Wickware Design. Both sides are two aspects of the same concept.
Tips
The split-screen is ideal for contrast. As designer Patrick McNeil suggests, play up the duality with opposing characteristics, such as opposite colors, different text sizes, the nature of the image, etc.
Retain a single, unified navigation menu — ideally at the top, where it’s clear that it applies to both sides.
Split-screen designs do not expand well with as content grows, so do not apply them to content-heavy layouts.
6. Single-page layouts
Twitter
image17
Gmail
image04
Spotify
image05
Tumblr
image01
Problem
Multi-page navigation system is too convoluted or unnecessary.
Solution
Modern web development has paved the way for single-page sites and web apps. Both technological advancements and the prominence of mobile browsing (in which single-page apps are more useful) gave rise to this pattern, which is restructuring how the web works.
Using AJAX, single-page web apps load asynchronously and are able to combine multiple actions into one page. This pattern is also popular for non-app sites, which section off their home page to serve the needs of individual pages.
Gmail, for example, allows email reading, composing, and chatting on the same page, and even organizes emails into separate categories, which mimics a multi-page site. Spotify, too, multitasks by allowing the user to play music while they browse additional music, uninterrupted by loading pages.
Tips
Generate unique URLs for each viewpoint, like Gmail or Twitter. Because content is loaded dynamically using JavaScript, URLs require special attention. Unique URLs also enable use of the browser’s Back button.
Gunakan navigasi lengket untuk mengurangi disorientasi, bahkan jika hanya menu header.
Menerapkan teknik gulir dari Bab 4 Pola Web UI 2016 (Vol.1) untuk menangani masalah gulir dengan benar.
7. Pola-F
Menyalak
image43
Groupon
image36
New Yorker
image07
Masalah
Pengguna mengalami kesulitan menjelajahi situs-situs berat teks.
Larutan
Jika ada banyak konten – terutama teks – pengguna akan merespons lebih baik dengan tata letak pola F, yang meniru cara orang memindai secara alami.
Nielsen Norman Group menjelaskan bagaimana penelitian pelacakan mata mengungkapkan bahwa pengguna (dalam budaya membaca kiri-ke-kanan) biasanya memindai blok konten yang berat dalam pola yang terlihat seperti huruf F atau E. Mata kita dilatih untuk memulai dari atas sudut kanan, pindai secara horizontal, lalu turun ke baris berikutnya dan lakukan hal yang sama sampai kita menemukan sesuatu yang menarik.
Misalnya, jika pengguna memindai entri blog, mereka akan melihat baris pertama paragraf untuk kata kunci atau mengukur makna, dan jika bukan yang mereka inginkan, mereka akan turun ke paragraf berikutnya.
Ketika ada banyak konten, pola F mengaturnya menjadi baris horizontal, satu di atas yang lain. Ini menciptakan jalur bagi mata pengguna untuk pergi ke tempat yang biasanya, dan memberi desainer kontrol lebih besar atas apa yang dilihat.
Yelp menggunakan kolom vertikal sejajar sempurna untuk memberikan pengguna titik awal. Ketika mereka menemukan topik (atau gambar) yang menarik, mata mereka memindai secara horizontal untuk informasi lebih lanjut. Jika item di kolom vertikal tidak menarik bagi mereka, mereka turun sampai mereka menemukan yang cocok.
Kiat
Tempatkan konten yang paling penting seperti CTA di sisi kiri dan kanan, tempat pengguna memulai dan mengakhiri pencarian horizontal mereka. Jeda sesaat ini ketika mereka drop down memberi mereka sedikit waktu ekstra untuk mempertimbangkan.
Mulai paragraf baru dengan kata kunci yang menarik. Selain itu, coba sorot kata kunci dalam teks, karena memang itulah yang dicari pengguna.
Dua baris pertama adalah yang paling penting. Pengguna dapat meninggalkan situs jika mereka tidak menemukan apa yang mereka inginkan di sana.
Gunakan kolom sisi kanan untuk menampilkan konten yang relevan, tetapi tidak terkait, atau sebagai alat pencarian. Area ini terlihat, tetapi dianggap sebagai di luar proses pemindaian.
8. Pola-Z
TripAdvisor
image10
Kentucky Fried Chicken
image19
Wunderlist
image24
Masalah
Situs memiliki agenda atau ajakan bertindak tertentu yang tidak berinteraksi dengan pengguna.
Larutan
Like the F pattern, the Z pattern layout mimics natural user scanning methods. However the Z pattern is better suited for sites with a singular goal and less content.
The Z pattern is effective at directing user attention to specific points by using well-placed visuals, text, and CTAs. While the F pattern is better for browsing heavy content, the Z pattern guides users through more open pages.
The user (in left-to-right reading cultures) again starts in the top-left corner. Instead of dropping down directly, however, their eyes wander a bit in the middle, then start again at the bottom or near bottom left corner. You can encourage this pattern by placing a telling image in the center (TripAdvisor), or by alternating text and images to create a zigzag (Wunderlist).
Tips
Tempatkan CTA di sisi kanan, di ujung baris: pengguna akan sedikit berhenti di ujung sebelum bergerak ke bawah.
Tempatkan CTA Anda yang paling penting di sudut kanan atas, karena baris teratas adalah yang paling terlihat.
Pola Z dapat diulang berulang pada halaman yang sama, sehingga pengguna mengembangkan ritme yang membuat mereka tetap di sana.
9. Simetri horisontal
Starbucks
image25
Budweiser
image14
Masalah
Situs mencakup banyak pola visual berulang yang harus diatur dengan jelas.
Larutan
Sebuah fenomena visual yang terjadi di alam, simetri umumnya dianggap sebagai indah dan menciptakan rasa keteraturan dan struktur, bahkan kepercayaan.
Karena mereka menyenangkan secara visual, gambar simetris lebih mungkin untuk membuat hubungan emosional dengan pengguna, yang meningkatkan kenikmatan mereka terhadap situs, bagaimana mereka mengidentifikasi merek, dan seberapa baik mereka mengenali situs nanti.
Kiat
Keseimbangan belum tentu simetris. Ini adalah dua konsep yang berbeda, meskipun terkait. Untuk lebih lanjut tentang keseimbangan visual, baca artikel Majalah Smashing ini .
Dari latar belakang seni rupa, simetri menambah kesan elegan dan kecanggihan pada tampilan situs.
10. Perkiraan simetri horisontal
eBay
image38
McWhopper
image41
Masalah
Simetri horisontal terlalu terstruktur untuk suatu situs.
Larutan
Simetri perkiraan mempertahankan sebagian besar manfaat simetri, tetapi dengan sedikit tambahan vitalitas. Ini dibuat dengan menambahkan sedikit aspek asimetris ke gambar yang simetris. Hasilnya adalah visual yang lebih merangsang, meskipun kehilangan sejumlah kecil struktur.
Namun, sedikit gangguan penglihatan dapat bermanfaat bagi Anda.
Kiat
Untuk menarik lebih banyak perhatian, tempatkan baris teks, gambar, atau ajakan bertindak penting di area yang memecah simetri.
Sedikit berjalan jauh; bahkan mengubah gambar simetris sedikit menghasilkan ketegangan visual. Demikian juga, Anda dapat membuat asimetri dengan hanya menempatkan bilah sisi dalam desain yang seimbang. Tambahkan elemen mengganggu Anda dengan hati-hati, jika tidak Anda berisiko kekacauan visual yang lengkap.
11. Radial (rotasi) simetri
Wikipedia
image08
Teknik
image15
Masalah
Sebuah situs ingin menarik perhatian ke titik pusat dan memotivasi tindakan segera.
Larutan
Simetri radial menciptakan keseimbangan dalam lingkaran di sekitar titik pusat. Walaupun sulit diterapkan, ketika dilakukan dengan baik ini menciptakan estetika yang indah yang menarik perhatian ke pusat, biasanya dengan nama perusahaan, logo, dan tautan di sekitarnya.
Simetri radial juga baik untuk menunjukkan gerakan. Pola melingkar pada umumnya mendorong pengguna untuk terus memindahkan fokus mereka ke akhir yang alami.
Kiat
Simetri radial adalah cara yang baik untuk menonjol sambil terlihat baik, karena itu tidak biasa seperti jenis lainnya.
Pusatkan elemen terpenting Anda, dan simpan elemen sekunder di dekat ujungnya.
Saat menempatkan banyak tautan di sekitar pusat perhatian, jangan selesaikan loop. Sebagai contoh, perhatikan bagaimana Wikipedia membiarkan bagian atas dan bawah lingkaran kosong. Ruang tersebut menciptakan ruang bernafas bagi mata untuk menjelajahi tautan di kedua sisi.
12. Asimetri
Esquire (UK)
image09
Honda
image11
PN revolusi
image16
Histograf
image22
HSBC
image39
Beoplay
image31
Masalah
Konten fitur tertentu harus segera menonjol tanpa mengganggu aliran visual.
Larutan
Asimetri menciptakan ketegangan dan dinamisme – tidak praktis untuk setiap situs, tetapi bermanfaat jika Anda menginginkan situs yang lebih hidup yang jelas menunjukkan titik fokus.
Ketika digunakan dengan benar, asimetri dapat menciptakan ruang aktif, yang berarti itu membuat ruang putih lebih hidup. Elemen asimetris menyebabkan mata bergerak lebih cepat, bahkan melintasi kekosongan, yang membuat situs itu sendiri tampak lebih energik.
Namun, gaya ini sulit diterapkan. Asimetri yang salah tempat dapat menyebabkan kebingungan dalam hierarki visual, atau sekadar keburukan.
Kiat
Penggunaan warna menyoroti efek asimetri yang menggelegar. Baik HSBC dan Honda menggunakan patch merah untuk mendorong dan menarik pandangan pengguna.
Untuk membuat tata letak yang sedikit asimetris namun terorganisir, seimbangkan teks di satu sisi dengan gambar di sisi yang berlawanan.
Objek dengan tepi tajam (misalnya, segitiga) menambah bobot visual ke area, yang mengimbangi area yang berseberangan. Gunakan benda-benda ini dengan hati-hati karena mereka dapat dengan cepat menyeimbangkan desain.
Posting ini adalah bagian dari seri kontributor kami. Pandangan yang dikemukakan adalah milik penulis sendiri dan belum tentu dibagikan oleh TNW.
Baca selanjutnya: Hari ini adalah hari yang menyenangkan untuk mendapatkan Amazon Echo di Inggris
Cakupan corona
Baca liputan harian kami tentang bagaimana industri teknologi merespons coronavirus dan berlangganan buletin mingguan kami Coronavirus dalam Konteks .
Untuk tips dan trik untuk bekerja dari jarak jauh, lihat artikel Kuartal Pertumbuhan kami di sini atau ikuti kami di Twitter .
KREATIF
BAGIKAN DI FACEBOOK (258)
BAGIKAN DI TWITTER (42)
Paling populer
1
Facebook meluncurkan Toko, mengubah Halaman menjadi etalase toko
Rachel Kaser1 hari yang lalu
2
Qatar memaksa penduduk untuk memasang pelacak coronavirus-nya – atau menghadapi konsekuensinya
Campuran1 hari yang lalu
3
Penguncian 60 hari: 4 kiat produktivitas agar Anda tetap di puncak permainan
Yessi Bello Perez1 hari yang lalu
4
Peluncur PowerToys Run baru Microsoft seperti Spotlight macOS untuk Windows 10
Napier Lopez1 hari yang lalu
5
Aplikasi pencatatan dan produktivitas Notion sekarang gratis untuk penggunaan pribadi
Rachel Kaser1 hari yang lalu
Jangan pernah ketinggalan
Tetap terhubung dengan rekap mingguan kami tentang apa yang panas & keren oleh CEO kami Boris .
Surel
LAKUKAN
Bergabunglah dengan lebih dari 260.000 pelanggan!
Terbaru
1
Satoshi Nakamoto, apakah itu kamu? Bitcoin yang ditambang pada 2009 bergerak untuk pertama kalinya
David Canellis14 jam yang lalu
2
TFL: Hanya 20% penumpang London akan menggunakan transportasi umum setelah penguncian berkurang
Kota Saat Ini14 jam yang lalu
3
Para peneliti menggunakan AI untuk memecahkan CAPTCHA Microsoft Outlook
Campuran14 jam yang lalu
4
Hakim memutuskan bahwa ‘Tesla stock terlalu tinggi untuk tweet imo’ merepotkan merepotkan, tetapi tidak cukup untuk menuntut
David Canellis14 jam yang lalu
5
Ingin mengaktifkan Polestar 2 yang baru? Gunakan pipi pantatmu
Matthew Beedham16 jam yang lalu
iOS 13.5 sekarang diluncurkan dengan cara yang lebih mudah untuk membuka kunci iPhone Anda saat mengenakan topeng
oleh IVAN MEHTA -15 menit yang lalu di APPLE
gambar header membuka kunci masker sentuh id iphone
21
SAHAM
https://tnw.to/9iWg1
Apple telah mulai meluncurkan pembaruan iOS 13.5 untuk iPhone semalam. Ini membawa salah satu pembaruan yang paling dicari pada saat pandemi ini – kemampuan untuk dengan mudah membuka kunci ponsel Anda saat mengenakan masker.
Pembuat iPhone belum mengembangkan teknologi apa pun untuk membuat ID Wajah berfungsi ketika seseorang mengenakan masker wajah. Tetapi ketika sistem ID Wajah mendeteksi bahwa Anda mengenakan topeng, ia langsung menugaskan Anda ke layar kode sandi, jadi Anda tidak perlu menunggu sampai deteksi wajah gagal.
Untungnya, untuk menggunakan fitur ini, Anda hanya perlu memperbarui iPhone ke iOS 13.5. Untuk melakukannya, buka Pengaturan> Umum> Pembaruan Perangkat Lunak , dan unduh versi terbaru. Setelah Anda memperbarui telepon Anda, cobalah mengenakan topeng dan membuka kunci telepon. Anda akan melihat layar untuk langsung memasukkan kode sandi Anda.
[Baca:  iPhone Apple berikutnya mungkin tidak datang dengan EarPod sehingga Anda dapat membeli AirPod sebagai gantinya ]
Terlepas dari fitur bermanfaat ini, Apple juga meluncurkan API paparan notifikasi koronavirus yang  dibangun bersama dengan Google. Anda tidak dapat menggunakan API ini dengan menyalakan sakelar di ponsel Anda. Pemerintah negara atau negara Anda harus membuat aplikasi menggunakan API terlebih dahulu agar Anda dapat memanfaatkan fitur ini.
Keduanya merupakan pembaruan penting di masa-masa sulit ini. Namun, membuka kunci lebih mudah saat mengenakan masker adalah fitur yang akan membantu banyak orang setiap hari. Hanya setengah jam yang lalu, saya pergi membeli beberapa bahan makanan dan menguji fitur ini. Itu bekerja seperti pesona.
Di sisi lain, kolega saya, Callum, masih percaya Apple harus membawa Touch ID kembali – mungkin melalui sensor di bawah layar. Apakah Anda mendengarkan Apple?
Cakupan corona
Baca liputan harian kami tentang bagaimana industri teknologi merespons coronavirus dan berlangganan buletin mingguan kami Coronavirus dalam Konteks .
Untuk tips dan trik untuk bekerja dari jarak jauh, lihat artikel Kuartal Pertumbuhan kami di sini atau ikuti kami di Twitter .
IOSIPHONEPERUSAHAAN APPLE.TOPENGID WAJAH
BAGIKAN DI FACEBOOK (6)
BAGIKAN DI TWITTER (15)
Paling populer
1
Facebook meluncurkan Toko, mengubah Halaman menjadi etalase toko
Rachel Kaser1 hari yang lalu
2
Qatar memaksa penduduk untuk memasang pelacak coronavirus-nya – atau menghadapi konsekuensinya
Campuran1 hari yang lalu
3
Satoshi Nakamoto, apakah itu kamu? Bitcoin yang ditambang pada 2009 bergerak untuk pertama kalinya
David Canellis14 jam yang lalu
4
Penguncian 60 hari: 4 kiat produktivitas agar Anda tetap di puncak permainan
Yessi Bello Perez1 hari yang lalu
5
Fitur tab yang dikelompokkan Google Chrome sekarang diluncurkan – inilah cara menggunakannya
Ivan Mehta23 jam yang lalu
Jangan pernah ketinggalan
Tetap terhubung dengan rekap mingguan kami tentang apa yang panas & keren oleh CEO kami Boris .
Surel
LAKUKAN
Bergabunglah dengan lebih dari 260.000 pelanggan!

Terbaru

1
iOS 13.5 sekarang diluncurkan dengan cara yang lebih mudah untuk membuka kunci iPhone Anda saat mengenakan topeng
Ivan Mehta15 menit yang lalu
2
Snyder Cut of Justice League ada dan akan dirilis pada HBO Max
Rachel Kaser6 jam yang lalu
3
EA akan merilis kode sumber untuk Command dan Tiberian Dawn dan Red Alert milik Conquer
Tristan Greene8 jam yang lalu
4
Tes Twitter memungkinkan Anda memilih siapa yang dapat membalas tweet Anda
Rachel Kaser9 jam yang lalu
5
Kiat ahli untuk menjaga kesehatan mental Anda selama pandemi
Tristan Greene9 jam yang lalu
Snyder Cut of Justice League ada dan akan dirilis pada HBO Max
oleh RACHEL KASER -6 jam yang lalu di MEDIA
Snyder Cut of Justice League ada dan akan dirilis pada HBO MaxKredit: Warner Media / Twitter
25
SAHAM
https://tnw.to/61IYS
Itu terjadi. Para penggemar film DC berdedikasi akhirnya melihat kesabaran mereka dihargai karena Warner akan #ReleasetheSnyderCut pada layanan streaming HBO Max yang baru mulai tahun depan.
Ini nyata. #releasethesnydercut @HBOMax pic.twitter.com/Cnvupwg48W
– Zack Snyder (@ZackSnyder) 20 Mei 2020
Direktur Zach Snyder mengumumkan pembebasan itu saat pesta tontonan online (kegiatan sosial umum yang dilakukan orang-orang dalam karantina). Dia mengatakan kepada Hollywood Reporter bahwa versinya akan menjadi “hal yang sama sekali baru” dibandingkan dengan rilis teater, dan itu bisa dirilis baik dalam potongan sutradara besar-besaran, atau mungkin dalam beberapa “bab”. Untuk mengimbangi Anda, HBO Max adalah layanan streaming yang Warner Media telah upayakan untuk bersaing dengan Netflix, Disney +, dll. Sementara peluncuran HBO Max akan datang bulan depan, Snyder Cut diperkirakan akan keluar beberapa waktu tahun depan.
Jika Anda benar-benar bodoh, Zach Snyder adalah direktur dan auteur di belakang  Man of Steel ,  Batman V Superman , dan  Justice League . Dia harus berhenti bekerja di  Justice League  karena tragedi pribadi, dan Joss Whedon masuk untuk menyelesaikan pasca produksi dan mengarahkan pemotretan ulang. Potongan  Justice League  yang muncul di bioskop telah … kontroversial di kalangan penggemar waralaba. Sudah ada teori populer bahwa versi final tidak sejalan dengan visi Snyder, dan bahwa versi yang lebih baik dijuluki “Snyder Cut” ada yang akan membuat kagum mereka yang tidak puas dengan versi teater. Itu versi yang disederhanakan – sudah ada spekulasi penggemar yang cukup tentang Snyder Cut untuk mengisi beberapa novel.

Tagar #ReleasetheSnyderCut telah muncul setiap sekarang dan kemudian di Twitter sejak rilis film, tren dengan

sedikit bantuan dari aktor film. Seseorang bahkan menyewa papan iklan di Times Square . Saya belum pernah melihat sekelompok orang yang begitu berdedikasi untuk menampilkan film dari apa yang sebenarnya merupakan ruang negatif. Dan saya katakan itu sepenuhnya tanpa penilaian karena … mereka dibenarkan. Apakah itu selalu ada atau Snyder merasa termotivasi untuk membuatnya karena dukungan yang luar biasa, Snyder Cut ada dan akan dirilis di HBO Max.

HBO Max tidak benar-benar membutuhkan kekuatan bintang menjelang perilisannya – Warner Media, yang

memiliki HBO, memiliki banyak bahan, termasuk semuanya mulai dari HBO, Jalan Sesame, Looney Tunes, Teori Big Bang, Teman, Pangeran Baru, Taman Selatan, Doctor Who, dan perpustakaan Studio Ghibli selain film DC yang ada. Namun demikian, nanti akan menjadi salah satu pendatang terakhir dalam streaming, perlu perusahaan di belakangnya, perlu bantuan ekstra untuk meyakinkan apa yang sekarang menjadi pengunjung yang membayar layanan lain, dan katakan saja. Snyder Cut pasti akan menyediakannya. Ini pasti kartu yang bagus untuk bermain sedekat ini dengan rilis layanan, karena penggemar akan mendaftar untuk layanan berbondong-bondong untuk mengundang Snyder Cut