Replay , yazılımı daha sonra oynatabilmeniz için kaydeder; bu, bir zaman çizelgesinde videoda gezinmek için çok zaman harcadığınız anlamına gelir. Ancak YouTube'dan öğrendiğimiz gibi, uzun bir videoda önemli bir anı bulmak zor olabilir. Örneğin, David Byrne tüm zamanların en iyi konser filmi sırasında bir lambayla dans ediyor . Paylaşım bağlantısını oraya odakladım, böylece onu bulmak için 80'lerin başlarındaki yaklaşık iki saatlik rad içeriği aramanıza gerek kalmaz. Rica ederim!
Eski YouTube konser videolarını izlemek bir şeydir, peki ya yazılımda gezinmeye ne dersiniz? Herhangi bir geliştirici size hata ayıklamanın çok sık olarak samanlıkta iğne bulmak gibi hissettirdiğini ve samanlığın yandığını ve yandığınızı ve cehennemde olduğunuz için her şeyin yandığını söyleyecektir. Bu yüzden, hayatı kolaylaştırmaya yardımcı olmak için tekrarları belirli bir zaman aralığına odaklayacak teknoloji üzerinde çalışıyoruz. Biz buna Odak Modu diyoruz.
Aşağıda listelenen birçok teknik ayrıntı ve düşünce var, ancak nihai hedefimiz her zaman "elbette". Son kullanıcı, tüm karmaşıklığa hayret etmemeli çünkü bunu fark etmemelidir. İyi yapılmış bir film müziği gibi, bu UX işini dikkat çekmeden yapmalıdır.
Ama bu kolay olduğu anlamına gelmez! İşte “tabii ki” bir tasarıma yolculuğumuzda üzerinde çalıştığımız detaylar.
Oldukça standart bir desenle başlıyoruz. Tek zor kısım, ne kadar arabelleğe aldığımızı gösteren biraz daha koyu gridir. YouTube da bunu yapıyor.
İlk eğri topumuz! Nadir durumlarda, bir video o kadar uzun olabilir ki, bazı kısımlarını kaldırmamız gerekebilir. Bir kullanıcıya videonun mevcut olduğunu nasıl gösterebiliriz, ancak bir gecikme olabileceğini telgrafla? (#YouTube'un bununla uğraşmak zorunda olmamasını kıskanıyorum) İşte noktalı bir çizgi ile bulduğumuz şey:
Anlaşılması gereken önemli bir nüans, bunun kullanıcının tercih ettiği bir şey olmadığıdır. Hata sayfası gibi bazen başlarına gelen bir şey. Bu yüzden dikkatli bir şekilde ele almak önemlidir. Can sıkıcı diyaloglarla gereğinden fazla mesaj vermek istemiyoruz, ancak gereğinden az mesaj vermek ve işlerin yüklenmesi biraz zaman alırsa kafa karışıklığına neden olmak istemiyoruz. Pek çok ayrıntıyı atlıyorum, ama bunun üzerinde çok uğraştık ve iyi bir denge bulduk.
İşlerin keskinleştiği yer burasıdır, bu yüzden onu bir talimat istemiyle (gösterilmemiştir) iletiriz ve arayüzü önemli bir ayrıntıyla aynı tutarak yön bulmayı güçlü tutarız: sürüklenebilir kenarlara sahip yeni bir odak bileşenini kaplarız.
Bu, anlaşılması gereken yepyeni bir tasarım modelidir, dolayısıyla bu isteğe bağlı profesyonel düzeyde bir özellik olsa da, her şeyi olabildiğince netleştirmeye özen göstermeliyiz. Zorlaşıyor ama! Bir hokkabazlık metaforu kullanmak için, karmaşık üç portakaldan yedi greyfurta geçtik. Ama en azından mecazi UX kılıçlarıyla oynamıyoruz.
Hala.
Bu ekrana bayılıyorum, çünkü perde arkasında çok şey olmasına rağmen bariz hissettirecek şekilde tasarlandı. İçine daldırın ve neden havalı olduğunu açıklayayım.
Soldaki mavi noktalı çizgiyi nasıl yeniden kullandığımızı görüyor musunuz? Burada hızlı bir tane çekiyoruz çünkü görsel dili iki farklı bağlamda yeniden kullanıyoruz. Sinsi.
"Kullanıcı eylemi nedeniyle boşaltılan şeyler" ve "perde arkasındaki bir şey nedeniyle boşaltılan şeyler" için farklı görseller kullanmayı düşündük ama neden rahatsız? Kullanıcının bilmesi gereken tek şey “noktalı çizgi, mevcut olmadığı anlamına gelir”.
Zihinsel modellerin doğru olması önemlidir ve bazen bu, bazı şeyleri açık tutmak ve nihai hedefe odaklanmak için bazı bilgiçlik "aslında" arka uç ayrıntılarını karıştırmak anlamına gelir. (Klasik JTBD amirite) Bizim burada yaptığımız buydu ama gözünüzü kırpıştırırsanız kaçırırsınız. Böyle UX ayrıntılarını seviyorum.
Bu görünümde, kullanıcı odaklanmıştır ve hata ayıklama işine geri dönmek ister. Görmeye alıştıkları zaman çizelgesine geri döndüler, ancak şimdi odak alanının dışındaki ayrıntılar önemli ölçüde azaldı.
Bu noktada, Odak Modu dışında hiçbir şeye erişemezsiniz. Konsol değerlendirmelerini bastırır, olayları görmezden gelir, video oynatmayı durdurur ve her şeyin doğru olduğundan emin olmak için birçok başka temizlik ve durum tespiti yaparız. (Odak penceresinin dışındayken bile video oynatabileceğiniz bir sürümümüz vardı, ancak testte bozuldu. Düzeltildi! İleri!)
Bu kadar mı? Hayır. Yenildiğini düşündüğünüzde bile her zaman sendeleyen bir Stephen King kötü adamı gibi, sürecimizin sonlarında çözmemiz gereken başka bir son durum olduğunu fark ettik. Odak penceresini genişlettiğinizde ne olur? Ortaya çıkan yükleme durumlarını nasıl gösterirsiniz?
Şapkalarınızı sıkı tutun, millet.
Bu görsele baktığınızda, tüm bu ürün tasarımı işinde pek iyi olmadığımızı düşünmeniz mazur görülebilir. Ama kusura bakmayın, aşırı derecede karmaşık göründüğünü ve aptal biri tarafından tasarlandığını kabul etsem de, burada harika işler yapılıyor. Sıkı tutun.
Ama sorun değil küçük tavuklar, her şey 7 numaralı ekrana yüklendiğinde tüm karmaşıklık ortadan kalkar. Ama önce bazı yükleme durumlarını ele almamız gerekiyor.
Bu ilginç bir görünüm çünkü bir yükleme durumunu iki farklı şekilde gösteriyoruz. Bir tasarım eleştirisinde olsaydım, tasarımcı arkadaşlarım buna meydan okur ve her ikisi için de aynı görsel dili kullanmanın bir yolu olup olmadığını sorarlardı. Bu iyi bir soru! Üzerinde çalıştık ve ulaştığımız cevap kocaman bir "hayır!" oldu. Yukarıda açıklananlara benzer başka sorunlara neden olan bazı tasarım ödünleşimleri yapmadan olmaz.
Ama tabi bu kısa vadeli bir durum. Sunucularımız işleri oldukça hızlı yüklüyor, bu da bizi…
Ve işte standart odaklı durumumuz. Buraya gelmek için kodda yapmamız gereken tüm çılgın bükülmelere rağmen oldukça açık. Ardından, odak moduna ihtiyaç duymayı bıraktığınızda, standart zaman çizelgesine geri dönebilirsiniz. İşte!
Bu yepyeni bir zıplayan bebek özelliğidir. Tıpkı gerçek hayattaki bir insan bebeği gibi, sevimli ve basit ama şimdi onun harika olması için büyüdüğünden emin olmak bizim elimizde. Yol boyunca birçok viraj olacak ve bu eğlenceli kısım. Discordumuza katılarak herhangi bir geri bildiriminiz varsa bize bildirin . Bunu daha da iyi hale getirmek için bunun hakkında daha fazla sohbet etmeyi çok isteriz!
İşte bu özellik hakkında merak ettiğim bir dakikalık video demosu.
Bu blogda, İngilizce'ye yaklaşımımı nasıl ve neden değiştirmeye karar verdiğimi ve yaptığım bazı etkinliklerden para kazanarak bir yıldan kısa bir sürede fakir bir B1'den başlayarak B2 seviyesine nasıl geldiğimi tartışacağım. İçindekiler Okulda örnek bir öğrenci olmasam da İngilizce öğrenmek her zaman kültürel geçmişime eklemek istediğim bir şeydi.
Mars, Uranüs ve Kuzey Düğümü, 1 Ağustos 2022'de 18 derecede Boğa burcunda kavuşuyor. Yataklarımız yanarken nasıl uyuruz?-Gece yarısı yağı Yılın en önemli astrolojik yönlerinden biri olan Mars ve Uranüs'ün kaderin Kuzey Düğümü ile kavuşumu, gerçek bir aciliyet hissinin eşlik ettiği büyük bir uyandırma çağrısıdır.
İster NFT'lerde yeni olun, ister sahnenin emektarı olun, burada anlattıklarımın faydalı olabileceğini umuyorum. Bu seri, "projelerin" herkesi kendilerine bir miktar para kazandırmak için manipüle etmek için kullandıkları özenle tasarlanmış yöntemleri ortaya çıkarmayı amaçlıyor.
Abha'da spor aktiviteleri için bir deneyim tasarlayalım! Programın neredeyse yarısına geldik ve 3. proje zamanı geldi! Yalan söylemeyeceğim bu proje şimdiye kadar yaptığım en bunaltıcı, stresli ama eğlenceli proje olabilir. Başlamak için, güzel Abha şehrinde spor aktiviteleri için bir deneyim tasarlamak olan meydan okumamızla tanıştık.
Tarih boyunca insanlar yalnızlık veya ilham aramak ya da ruhsal farkındalıklarını derinleştirmek için vahşi doğaya yalnız gittiler. Yerli Amerikalılar genellikle genç erkekleri vizyonlarını aramak için haftalarca vahşi doğaya gönderirdi (Farb 1967).
Bazen, Morgan Stanley'de çalışırken, bir çarşamba günü en iyi arkadaşınla yatmak isteyen Dalton adında bir adamla sarhoş olursun. Continental'den çıkıp St.