Windows XP’yi portföy olarak yeniden yarattı
(mitchivin.com)- Grafik tasarımcı Mitch Ivin, portföy sitesini Windows XP tarzında yeniden yarattı
- Tüm görsel efektleri ve işlevleri deneyimlemek için JavaScript etkin olmalı
- Sitenin tamamı, Windows XP masaüstü hissini ve etkileşimlerini aslına sadık biçimde taklit ediyor
- Ziyaretçiler giriş kullanıcı arayüzünü ve Başlat menüsü, görev çubuğu gibi öğeleri özgürce keşfedebiliyor
- Portföy deneyiminin kendisi, benzersiz arayüz tasarımı yetkinliğini öne çıkarıyor
Mitch Ivin — Portföy web sitesi tanıtımı
- Mitch Ivin, grafik tasarımcı olarak kendi portföy web sitesini, Windows XP işletim sisteminin masaüstü ortamı gibi ayrıntılı biçimde hayata geçirdi
- Ziyaretçiler ilk ekranda Windows XP duvar kâğıdı (Bliss) görseli ve önyükleme animasyonu gibi, gerçek kullanım ortamını hatırlatan görsel öğelerle karşılaşıyor
- Giriş, “Mitch Ivin”e tıklanarak yapılıyor; bu süreçten sonra kullanıcılar siteyi gerçek bir masaüstünü kullanır gibi gezebiliyor
- Arayüzün birçok yerinde görev çubuğu, Başlat menüsü, kullanıcı profil simgesi, yeniden başlatma ve oturumu kapatma düğmeleri bulunuyor; bunların hepsi gerçek işletim sisteminin atmosferini ve UX’ini sadakatle yansıtıyor
- Bu site, tasarım ve frontend geliştirme becerilerini deneyimin kendisi üzerinden gösteren yaratıcı bir portföy ve aynı zamanda eğlenceli bir web etkileşimi örneği
Başlıca işlevler ve özellikler
- Tam deneyim için JavaScript kesin olarak gerekli
- F11 tuşuyla tam ekran kullanıldığında gerçek masaüstü deneyimine daha çok yaklaşıyor
- LinkedIn, GitHub, Instagram gibi harici profillere ve çalışmalara giden kısayol düğmeleri sunuyor
- Mobil cihazlarda, “Lütfen cihazı dikey moda çevirin” benzeri bir yönlendirme penceresi gibi kullanıcı dostu animasyonlar uygulanıyor
- Her simge, düğme ve animasyon amaç odaklı tasarım anlayışıyla sade tutulmuş; orijinal Windows XP hissini olduğu gibi aktarıyor
Arayüz yapısı
Masaüstü ekranı ve giriş
- Açılış ekranında Windows XP arka plan görseli ve önyükleme animasyonu gösteriliyor
- “Mitch Ivin” kullanıcı simgesine tıklanınca giriş süreci başlıyor
- Giriş başarılı olduğunda görev çubuğu ve Başlat düğmesi gibi arayüz öğeleri etkinleşiyor
Görev çubuğu (Taskbar) ve Başlat menüsü (Start Menu)
- Gerçek Windows XP’ye çok benzeyen bir görev çubuğu gösteriliyor
- Restart ve Log Off gibi görsel düğmeler yer alıyor
- Her düğmeye tıklandığında gerçek işletim sistemi benzeri etkileşimler sunuluyor
Özet
- Mitch Ivin’in Windows XP portföy sitesi, karakter sahibi bir UI/UX ile farklılaşan bir kendini tanıtım deneyimi sunuyor
- Ziyaretçiler, basit bir proje listesi yerine doğrudan deneyimlenen bir portföy ile karşılaşıyor
- Dijital tasarımcılar ve frontend geliştiriciler için incelenmeye değer bir arayüz tasarımı ve markalama örneği
3 yorum
Hacker News görüşleri
Aslında bu projeyi epey beğendim, gerçekten çok iyi yapılmış olduğunu düşünüyorum
Ama kendisini ‘grafik tasarımcı’ olarak tanıtıp Windows XP’yi birebir yeniden yaptığı için, kendine özgü tasarım becerisinin ne kadar olduğunu hemen anlamak zor
IE simgesinin altındaki diğer projelere bakınca biraz daha kendi tarzı hissediliyor ama bazı görsellerin yapay zeka ile üretilmiş gibi görünmesi beklentimi düşürüyor
UX de biraz garip; örneğin geçmiş kontrolleri portföy içinde bir carousel gibi çalışıyor. Geri/önceki düğmesine basınca proje menüsüne döneceğimi sanmıştım ama öyle olmuyor
Böyle bir portföyle bana başvursa mülakat şansı verirdim. Belli ki çok emek verilmiş ve yüksek kaliteli bir iş çıkmış
Ama yukarıda bahsettiğim noktalar, özellikle kullanıcı odaklı bir yaklaşımın görünmemesi, beni endişelendiriyor; mülakatta bunu mutlaka sorardım
Ekleyeyim, istersem ben de böyle bir tasarım yapabilirim. Aslında bu iş pratikte bir UX tasarımcının verdiği tasarımı uygulamakla aynı ve bunu çok yaptım
Hayal kırıklığı gibi duyulmasından çekiniyorum ama yine de çok havalı bir iş ve hoşuma gitti; birçok yerde ‘ilk eleme’yi geçmek için kesinlikle işe yarayacak bir portföy olur. Gerçek beceriyi gösteren şey ise sonraki adım olur
Gerçekten ben de bu tasarımı yapabilirim ve tasarım konusunda pek iyi olmadığımı söylemiştim; ama bunu bu kadar net söyleyebilir misin diye sormak isterim
Şimdiye kadar sayısız XP taklidi arayüz gördüm ama hepsinde hep biraz tuhaf duran bir şey vardı
MitchIvin’in XP’si tamamen birebir bir kopya olmayabilir ama kullanım deneyimi oldukça hoş
Benzer kaygılarım var
Tek başına proje olarak ilginç ama bir XP kopyası olarak bakarsak bundan daha doğru uygulanmış pek çok örnek zaten var
Portföy olaraksa ters etki yaratma ihtimali daha yüksek görünüyor. Bugünün tasarım dünyasında özgün bir şey denemek çok daha önemli
Grafik tasarım bazen sadece program becerisiyle ölçülen ya da havalı şeyler çizme yeteneği gibi görülüyor ama aslında kısıtlar, hedef kitle ve duygular gibi mesajları görsel olarak kurgulayan bir iletişim biçimi
Kestirme yol yok; daha önce yapılmış tasarımları inceleyip renk, yerleşim, tipografi ve görsellerle ne göstermek istediğini çalışmak gerekiyor
Elden çizim de yapılmalı ve üretken yapay zekadan, kişi gerçekten ustalaşana kadar, uzak durmak daha iyi
Bu aşamada portföy olarak akılda kalacak kadar eksik ve daha çok pratik gerekiyor
Yine de bitirip HN’de üst sıralara çıkarmış olması kesinlikle övgüyü hak ediyor; umarım bu fırsat bir dönüm noktası olur ve üretmeye devam eder
‘Mülakatta merak uyandıracak kadar iyi, şartlı olarak işe alınabilir’ noktasına gelmesi bile bu sitenin portföy görevini yerine getirdiğini gösterir
Portföyün görevi birinde ‘bu kişiyle bir görüşeyim’ merakı uyandırmaktır; bu yeterlidir
Sonuçta yaptığı şey ‘ilk kapıyı çalmak’tır; tek başına işi kapatmak değil
Aslında grafik tasarım sanat değildir
Metin, görsel ve yerleşimi stratejik biçimde kullanarak bilgiyi görsel olarak etkili ileten bir iletişim yöntemidir
Özgünlük daha çok branding, telif meseleleri ya da mevcut kültürü doğrudan alıp kullanma durumlarında önem kazanır
Daha önemli soru şu: "Neden kendinizi ve portföyünüzü Windows XP üzerinden göstermeye çalışıyorsunuz?"
Bana hissettirdiği şey daha çok teknik yeterlilik
Muhtemelen amacı teknoloji sektöründeki müşterileri, özellikle freelance işleri, nostaljiyle etkilemek
Bir art director olsaydım görüşmeye çağırmazdım ama muhtemelen bu da art director’lar için hazırlanmış bir portföy değildi
Ayrıca ‘bunu ben de yaparım’ sözü tasarım işlerinde sık duyulan bir şeydir
Uygulama kısmı aslında tasarımın en kolay bölümüdür; bu portföyün XP’den daha iyi görünmesi gerekir ve yetenek de burada ortaya çıkar
Bir tasarımcı işe alırken kimse XP’nin garipliğini ne kadar doğru kopyaladığınla ilgilenmez
Bir geliştirici için bunu yapabiliyor olmak zaten beklenir, o yüzden şaşırtıcı değil
Hatta bir geliştirici iyi tipografi ya da iyi yerleşime dikkat ettiğinde daha çok etkilenirim. Asıl zor olan şey ekrandaki öğeleri ve bilgi mimarisini belirlemektir
Neyi koyacağın ve nasıl yapılandıracağın başarının anahtarıdır
Ben bu kişiyi işe almak isterdim
Rakiplerinden ayrışmasını sağlayacak kadar azim, sebat ve yaratıcılık gösteriyor
HN’de binlerce kullanıcı, onların arkadaşları, teknoloji gazetecileri ve daha pek çok insan bu işi sevdi; bundan sonra daha da fazla kişi görecek
Bugünlerde iş bulmak kolay değil ama böyle bir tarz gösterince tekliflerin geleceği kesin
Bu arada ben de yakında kendi portföyümü güncellemeliyim; bunu görünce ilham aldım ve ben de denemek istedim
Bunu ‘detaylara önem verilmiş XP tarzı özel portföy’ diye tanıtınca birkaç ayrıntılı eleştiri yapmak istiyorum
Ben yapsaydım boot ve giriş ekranını çıkarırdım. Özellikle de müşterinin ‘About Me’ kısmını kolayca bulabilmesi için bunu açılışta doğrudan gösterirdim
Başlık çubuğunun sol üstündeki simgeye çift tıklayınca pencere kapanmalı. Başlık çubuğunun gövdesine tıklayınca olan büyütme değil, kapatma davranışı orijinal olandır
Bence boot ve giriş ekranı, bu bütünlüklü yeniden yapımın cazibesine ciddi katkı sağlıyor
Böyle ince detaylar ve kullanıcının içine çekilmesi, GUI projelerinde gerçekten önemli noktalar
Gerçek Windows XP’den daha akıcı hissettiriyor
Bunu açıklamak zor ama UX/UI açısından belirgin biçimde çekici bir yanı var
Tarayıcı sekmelerinin hiyerarşisiyle de doğal biçimde uyum sağlaması ilginç
Ayrı bir alan hissi yaratan açılış ekranı, giriş ve sesler sayesinde ‘burası kendine ait bir mekân’ duygusunu iyi veriyor
Windows olsun ya da başka bir şey, hızlıysa çok daha havalı geliyor
20 ms içinde tepki verirse gecikme hissedilmiyor ve deneyim rahat oluyor
Tamamen katılıyorum
macOS 26 beta kullanıyorum ama bu Windows XP klonu bana daha çok bir yükseltme gibi geliyor
Çünkü sade, hızlı ve nasıl kullanılacağını zaten biliyorum
Eski Windows tek çekirdekli döneme ait olduğu için çoklu görevde zayıftı ama tam da bu yüzden odaklanmaya yardımcı oluyordu
Güncel işletim sistemlerinde onlarca pencereyi ve yüzlerce sekmeyi birden fazla workspace ve monitöre yayarak kullanınca insanın kafası karışıyor
Nostalji ana etken ama giriş sesinde de ekstra çekici bir şey var
Çıkış yap düğmesine de bastın mı merak ettim
UI etkileşimlerinin hızı çok yüksek
Modern arayüzlerde bazı geçişler hızlı olsa da genel tepki yavaş kaldığı için tuhaf hissedilebiliyor
Dürüst olmak gerekirse ilginç ama yaklaşımda bir terslik var gibi
Portföyde kendini ‘grafik tasarımcı’ diye tanıtıyor ama sonuçta yaptığı şey esasen başkasının eski tasarımını kopyalamak gibi görünüyor
Giriş ekranındaki yapay zeka görseli ve mouse over ile tuhaf hareket eden simgeler de göze çarpıyor
Windows XP’de böyle bir efekt hatırlamıyorum; garip bir bug mı diye düşündürüyor
Bu noktada güven duygusu düşmeye başlıyor
‘Grafik tasarımcı’ olmasına rağmen yapay zeka ile üretilmiş görseller kullanması, benzer şekilde kodu da mı buna yazdırdı sorusunu akla getiriyor
Özgeçmişi sahte bir PDF dosyası gibi göstermesi de sinir bozucu geldi
Diğer projeler de küçük pencerelere sıkışmış, düzgün görmek zor; ikisi ise sadece yükleme animasyonu gösteriyor
Başta kodlama deneyimi olmadığını, yapay zeka ajanlarından yardım aldığını ve “tüm kararları insan verdiğini” söyledi ama kodu kendi başına yazabilecek seviyede değilse, fiilî karar gücü daha çok LLM’de değil miydi diye düşündüm
Bu projeyi baştan sona yeniden tek başına yapabileceğinden ne kadar emin olduğunu da merak ediyorum
İlginç ve havalı bir proje ama portföy olarak bakınca kendi yeteneğini olduğundan düşük gösteren bir sonuç üretmiş gibi duruyor
Ayrıca buna benzer örnekler zaten çok var win32.run
Bunu eskiden paylaşmaya çalışmıştım ama başaramamıştım, o yüzden üzülmüştüm
Şimdi insanların keyif aldığını görmek sevindirici
HN’ye yeni katıldım, ben de artık biraz karma kazanmak istiyorum
(Moderatörüm)
Daha önce gönderdiğiniz Show HN başlığını yeniden yayına aldım ve yorumları birleştirdim
Spam filtresine takılma endişesi olmasın diye hesabınızı da normal hesap olarak işaretledim
Son dokunuşlar çok iyi! Bence XP estetiğini ve o dönemin ruhunu gerçekten çok iyi yakalamış
Eğer Windows XP’de gerçekten profesyonel bir ‘portföy oluşturucu’ uygulaması olsaydı ve sonuç bu kalitede çıksaydı, herkes bunun harika ve güzel bir ürün olduğunu kabul ederdi
Hem kendi becerisini gösteren hem de Windows XP’nin güzelliğini modern ve tarihsel bağlamda yeniden sunan çok iyi bir iş
Çok iyi yapılmış! Müthiş bir iş
Benim tarayıcımda (Chrome 138, Windows 10) başlat menüsü birkaç saniye bekleyip kısa süreli görünüyor ve hemen kayboluyor
Gerçekten çok rafine, ortaya çıkan sonuç harika
Bir XP kullanıcısı olarak bu işi gerçekten çok sevdim
Biraz takıntılı birkaç not düşeyim
Ben bunu bir saygı duruşu, yani klasik Windows XP estetiğinin kendi döneminin yeni anlatımıyla karıştırılıp şık biçimde yükseltilmiş hali olarak görüyorum
Sanatın ve tarzın köklerine saygı duyarak modern biçimde yeniden yorumlanması ve aktarılması estetik duyarlılığın evriminde çok yaygın bir şey
Görev çubuğu sekmeleri — doğru bir nokta ve bunu tutturmak için çok zaman harcadım
Sonunda biraz farklı olsa da oldukça yakın bir şey elde ettiğimi düşünüyorum
Diğer kısımlar ise bilinçli estetik tercihlerdi. Aslında kimsenin değinmediği büyük farklardan biri şu
Masaüstü simgelerini sürükleyerek seçince vurgulama XP’den çok Windows 11’e yakın oluyor
Gelecekte bunu daha da iyileştirmek istiyordum
Bu iş gerçekten çok havalı ama iki açıdan eksik kalıyor
Birincisi, tam anlamıyla ‘bilgisayar’ gibi hissettirmiyor. Mesela komut satırında
diryazınca eğlenceli bir etkileşim olsa çok daha ilginç olurduİkincisi, portföy içindeki içerik kalitesi bu sitenin hissini yakalayamıyor. Site çok yüksek kaliteli ama içindeki diğer işlere bakınca fazla sade ve boş hissettiriyor
Sonuçta yine de iyi bir proje
Gerçekten çok güzel bir iş
Her gördüğümde Windows XP’nin stilini özlüyorum
XP, ‘eğlence’ peşinde koşmaya çalışan tek Windows’tu; arama sonuçlarında köpek maskotu bile vardı
Alttaki görev çubuğu da Fisher Price oyuncağı gibi bir his veriyordu, Clippy’yi de özlüyorum
Profesyonel yazılımların böyle neşeli olabildiği zamanları özlüyorum
Ayrıca avatar stiliniz de Simpsons ya da Bob's Burgers havası verdiği için dikkat çekici
Etkileyici bir iş ama daha derin bir düşünce gerektiğini hissediyorum
Kopyalama ile yaratım arasında temel bir gerilim var
Elbette birçok yaratıcı iş mevcut kalıplardan başlar. Örneğin polisiye hikâyelerde ceset, içki şişesi, hazırcevap diyaloglar gibi formüller vardır. Ama asıl sanat, o kalıbı kendi biçiminde yeniden yorumlamaktır
Hikâye hattı yapay zekaya bırakılabilir ama seçim, ses, sürtünme, yani gerçek ‘varlık’ ve ruhu insan eklemek zorundadır
Burada o ‘varlık’ eksik gibi geliyor
Proje iyi yapılmış ama sadece Windows XP gibi; hoş görünüyor ama düz kalıyor
Emeğe ve öğrenme sürecine saygım var ama sonuçta ‘kopya’ gibi hissettiriyor
Ben olsam bunu ilk adım olarak görürdüm. ‘Kopyalamayı bitirdim, şimdi neyi iyileştirebilirim? Neyi değiştirebilir, nerede risk alabilirim? Öncesi ve sonrası karşılaştırması gösterebilir miyim?’ diye sorardım
Asıl mesele, neden taklitte duruyorsun; bunu geliştirip genişletip kendi işine dönüştürerek kopyanın sınırlarını aşamaz mısın?
Yapay zekayla birlikte çalışırken sonsuz şablonlar ve hızlı iterasyon içinde kendi ayırt edici yönünü, yani ‘ruhunu’, nasıl göstereceğin ciddi ciddi düşünülmesi gereken bir soru
(Bu arada bu yazıyı da Grammarly ile gözden geçirdim; “Bir adam sınırlarını bilmeli” sözü aklıma geldi)
Biri daha büyük ve kapsamlı bir proje, diğeri ise akılda kalan temiz bir kopya işi; bu ikisinin birleşimi çok sayıda portföye hızlıca bakan biri için daha çekici olabilir
Ama sonuçta portföyün dengeli ve çeşitli olması gerektiği konusunda hemfikirim
Çok hoşuma gitti
Birkaç küçük XP hatasını takıntılı biçimde söyleyecek olursam
Bunu harika bir saygı duruşu ya da klasik bir stilin modern yorumu olarak görüyorum
Klasik estetiği güncel bir duyarlılıkla birleştirip yeniden sunarken köklerini de koruyan bir evrim süreci
Görev çubuğu sekmeleri — doğru bir tespit ve bunu birebir yapmak için gerçekten çok zaman harcadım ama tam aynı olmadı, bir noktada bıraktım
Diğerlerinin hepsi estetik karardı. Aslında kimsenin söylemediği bir şey var: masaüstü simgelerini sürükleyerek seçince XP’den çok Windows 11 tarzına yakın görünüyor
Ben de bunun değişmesi gerektiğini düşünmüştüm
Çok havalı bir iş ama gerçekten ‘bilgisayar gibi’ hissettirme tarafı biraz eksik
Örneğin komut satırına
diryazınca küçük bir etkileşim olsa çok daha eğlenceli olurduİkinci olarak portföy içeriğinin kalitesi fazla sade; sitenin kalitesiyle uyumlu değil
Genel olarak yine de iyi bir proje
Gerçekten çok güzel bir çalışma
Her gördüğümde Windows XP döneminin stilini özlüyorum
XP, gerçekten ‘eğlence’ hedefleyen tek Windows’tu; sevimli köpek maskotu, Fisher Price oyuncağı gibi görev çubuğu ve Clippy gibi unsurlarla mizah duygusu vardı
Profesyonel yazılımların bu kadar neşeli olabildiği dönemi özlüyorum
Ayrıca avatarın Simpsons/Bob's Burgers tarzını andırması da akılda kalıcı
Bu proje gerçekten çok iyi
Beceriyi, öğrenme kabiliyetini, inadı ve detaylara verdiği önemi iyi gösteriyor
Kopya olması ya da bazı ayrıntıların kaçmış olması üzerinden eleştirenlerin aksine, bence asıl mesele bu değil
Harika bir proje, tebrikler
Merhaba, bu yazıya çok benzeyen bir portföy geliştirmekte olan bir backend geliştiricisiyim. Henüz son rötuşları yapıyorum ama
ben de soğukkanlı geri bildirim alabilir miyim diye bu yorumu bırakmak istedim.
Böyle bir yorum yazmamda sorun yoksa portföy bağlantısını paylaşacağım.
+) Ayrıca buraya ilk kez geliyorum; burada kısa ve eklemsiz üslup kullanmak bir kural mı diye merak ediyorum.
Buna gerek yok. Lütfen geliştirici bey, siz böyle yapmasanız keşke. Açıkçası gerçekten görmeye tahammül edemiyorum ama faydalı bilgi çok olduğu ve bunu bilgiyi etkili biçimde aktarmanın bir yolu olarak kullandıkları için, ne kadar iğrenç gelse de izliyorum sadece. Düzgün cümlelerle bilgi paylaşırsanız memnun olurum.