@Ali Güngör @Recep Baltaş @Asım Demir
Lisede front-end developer olarak çalıştım (bu alanda uzman, iyi bir şirkette), şuanda da front-end profesyonel olarak tasarımlar yapabiliyorum. Bence komple değişmesi lazım. İlk 2013 yılında (liseli alert) Technopat'ı takip etmeye başlamıştım. O gün bugündür siteye basmamaya çalışıyorum (Foruma girmeye çalışıyorum direk).
Eki Görüntüle 399917
Eki Görüntüle 399983
Genelde Altbaşlık olarak "sosyal" linki çıkıyor. Çıkmadığı zamanda (yukarıdaki gibi) aramayı "Technopat sosyal" olarak güncelliyorum öyle giriyorum.
Kısaca söylemek gerekirse UI ve UX olarak inanılmaz kötü. Türkiye standartlarına göre diğerlerinden iyi, diğerleri daha kötü.
Hatta adını vermek istemiyorum, bir forum sitesi çok tık almasına rağmen, hani şu dosya neymiş diye arattığınızda "bu virüstür, bizim virüs kaldırma aracımızı indirin, düzelecek" diyen fake virüs siteleri gibi, fake forum'a benziyor. Önerdikleri şeyi yapınca bilgisayarın arkasından duman çıkacakmış gibi bir tasarımları var.
Eki Görüntüle 399960
- Pembe kutu: Sayfada yandan, üstten, alttan boşluk bırakmak çok anlamsız ve eski tarayıcı görüntüleme sorunlarını çözmek amaçlı kullanılan bir yöntem. Monitörden çalıyor.
- Sarı kutu: O ikonlar orada olmamalı, bakmak isteyen sayfa altına iniyor, tasarım standartıdır. Ayrıca üst menüyü gereksiz kaplıyor.
- Kırmızı kutu: Technopat linki ve haber neredeyse aynı, gereksiz başlık oluyor. UX olarak anlamsız.
- Technopat logosu çok küçük. Üniversite sınavında deliğin dışına taşıracakmış gibi bir his uyandırıyor. Logoyu tutturmak için, Koreli e-spor oyuncusu olmak lazım Ayrıca logo biraz daha görünmeli.Yazı rengi beyaz olabilir. Genel olarak değişmeyebilir ama orada değişmeli bence, deneyip bakmak lazım.
- Mavi çizikler: Pembe kutunun olduğu yerdeki boşluk gibi antika bir yöntem, anlamı yok, monitörden çalıyor. Kullanılsa bile daha az kullanılır. İlk yapılan örneklerde kullanılıyor bu still.
- Pembe kutunun ortasındaki yeşil çizgiye bakın, o siyah bölümü ikiye ayırıyor. O yeşil çizginin üstü yok Hatalı konumlandırılmış ikon var. Buna bağlı olarak, yazı boyutları küçük, tıklamak için özel çaba gerekiyor. O boşluk tasarımı tek başına katletmeye yeterli bu arada. Diğer boşlukları katmaya bile gerek yok. Tıklanmaması için özel UI ve UX çalışması yapılmış sanki
- Menü baya yanlış. Konumları yanlış, boyutu yanlış, anlamları sıkıntılı. Öncelikle "Sosyal" linki site dışına yolluyor, diğerlerinin tamamı site içine yolluyor. Onların ortasında olmaması gerekir. Sağ kenarında veya menü dışında sıradışı ama zekice bir şekilde konumlandırılmalı. Menü içindeki linklerin daha keskin şekilde neye yaradığını anlatması lazım kullanıcıya. Sınıflandırma değişikliği gelmesi gerekiyor kesinlikle (Burası çok önemli). Oyuncu adam zaten aradığını bulur, genel kullanıcıya hitap etmek önemli. Bir site yapmıştık, gönderme fonksiyonunu kağıt uçağın havalanıp uçtuğu şekilde ayarladık. İşi yaptığımız firma aradı, müşterileri arayıp gönderme butonunun olmadığını söylemişler. Biz tasarımcı olarak düşünüp öyle karar verdik, normal kullanıcı bu güzelim şeyi ziyan etti, o kadarda uğraşmıştık. Siz bu olayların içinde olduğunuz için farklı şekilde düşünmüş olabilirsiniz ama kullanıcıların o menüden birşey anlamadığını garanti ederim.
Eki Görüntüle 399963
- Sarı kutu A1: Logonun burayı kaplaması gerekiyor eğer bu şekilde olacaksa burası.
- Kırmızı kutu: Slider olması yada javascript kullanılan, dönen birşeyler olması şart. Reklamı da oralara serpiştirmek lazım. Kullanıcı dostu reklam olmalı. Technopat içindede AdBlock istisna listesine ekleme konusunda bilinçlendirme yapılır. Google Ads olarak değil tümleşik olarak eklenir. Mesela 3 saniye süreli sliderın 2. resmine Anlaşmalı bir firmanın reklamı konur ( 5 sliderdan sonra bir reklam daha, araya ürün yollayan firmaların ürünlerinin tanıtımlarından ufak çikolata parçacıklı kareler). Bu yöntemle herkes tarafından görünür kılınır ve kimse rahatsız olmaz bundan, slidera bakmayan insan içinde reklam geçer, eğer isterse kendisi ileriye atar, isterse inceler. Reklamsız alan gibi oluşturulmuş olur. SonDakika.com - Son Dakika Haber - En Son Haberler Bu sitenin sliderında bu yöntem var. Teknoloji sitesi için, yetişkin sitelerine benzer kenardan fırlayan reklamlar çıkması hoş değil. Bunu slider üzerinden anlattım, başka yöntemlerde var. Herkesin bildiği şekilde örneklendirmem gerekti.
- Mor kutu ve mavi kutu: Menüdeki arama çubuğu daha görünür kılınıp sağa yaslanır, js ile sola doğru efektif bir şekilde açılır yada daha iyi bir konumlandırma yapılır, alttaki arama çubuğu kesinlikle kaldırılmalı.
- Şuan bahsettiğim resime bakarsanız içerik tekrarı var. Resimli haberler ile, yazılar birebir aynı (Bu inanılmaz amatörce bir harekettir, örnek olarak olsa hoca not kırıyor). Bunun güncellenmesi gerekiyor. Var olan alan kullanıcı dostu olmalı. Yandaki yazı komple kalkar, soldaki resmli haberlerde hoş tasarımlarla sayfanın yeni temasına uygun olarak yerleştirilir. Aşağı doğru farklı bir konsept olmalı. Tüm derslerin notlarını tek defterde tutan öğrenci gibi aşağıya doğru sonsuz bir yol var. Aşağıya doğru %75 pencere boyutunda ekranı kaplayan, farklı kategorilere kapı açan, o alanla ilgili 5 haberi veren (Solun yarısını kaplayan haber ve yazısı, sağda 3 belki 4) bir tasarım olabilir. Kapı açan derken, o bölümdeki tetikleyiciye basarak (Sayfanın o kategorinin sayfasını alması sağlanabilir.) Açılış Sayfası Şablonu #65474 Demo Versiyonu Şu çok dandik bir site, tasarıma bakmayın, aşağı doğru indikçe parçalamış bölümleri, o bölümleri farklı konular için parçalayıp, tetikleyici ile ilgili alanı getirirsiniz. Şuanda Technopat sitesi mariana çukuru gibi aşağısına inmeyi başarana topladığınız bir sistemi hediye etmelisiniz.
- Siyah kutu: Bir işe yaramıyor, kenarlarından boşluk bırakılmış sayfanın yarısını kaplıyor, aşağı indikçe gitmiyor, fixed yapmışlar. Varoluş nedeni sitenin diğer yarısının boş kalması herhalde. Evrenin insanlar için yaratılması iddiası gibi sanki bu bölümü koymak için site var o kadar yer kaplıyor. Yahu bu neden var
Üst menü iç kısım olarak problemli, renk ve genel boyut olarak iyi hatta elit duruyor.
Normal kullanıcılar neyin ne olduğuna farkına varmaz ancak insanlar siteyi kullanmak istemezler. Farkında olmadan. İletişim aracı olarak facebook kullanmış olanlar bilir, bilgisayarı açınca ilk iş facebook'u açıp, sol üst sekmeye sabitlemekti. Facebook'un oradaki varlığı insana huzur veriyordu.
Sadece iletişim olarak değil, yapılan konumlandırmalar ve sohbete erişim, sayfanın akışı insanları bağlıyordu. Bu genel kullanıcıların farkında olmasalar dahi hissettikleri bir şey. Facebook'un çöküşünden önce yapılan tasarımsal değişiklikler kullanıcılar tarafından protesto edilmişti. Profil sayfasında ciddi değişiklikler olmuştu. İnsanlar imza kampanyası başlatmıştı. Esas neden telefonlar ve whatsapp tabi orası ayrı.
Bunun yanında şuanda özel okullarda STEM, TÜSİAD ve STK destekli Teknoloji ile ilgili projeler düzenleniyor. Teknoloji liseleri açılıyor. Tüm okullara, endüstri 4.0, yapay zeka, teknoloji pompalanıyor. Öğrenci sayıları her bir yıl için 1 milyon, yani ortalama olarak 17, 16, 15,14, 18 yaşlarında 1'er milyon insandan 5 milyon insan var. MEB, TÜSİAD ve diğer STK destekli projelerde bulunarak, onlarla işbirliği yaparak, bunlara özel içerik oluşturup, liseli mühendis adaylarının uğrak yeri haline getirilebilir. Maker bölümü, Arduino ile ilgili bir bölüm, yazılım alanı ile ilgili bir bölüm vb kategorize edilebilir. İçerik olarak yabancı siteler incelenip rapor hazırlanır, bunu dikkate alarak Türkiye için uygulanabilir versiyonlar üzerinde çalışılınır.
Herkesin teknolojiye yöneldiği, okuma yazma bilmeyen küçük kardeşlerimizin yazılım mühendisi olmanın hayalini kurduğu, çeşitli forumlarda oyun programlama ile ilgili konu açan çok sayıda ilkokullu miniklerin olduğu, televizyonlarda sürekli bunun pompalandığı bir dönemde içerik olarak dönüşüm olmalı bence.