BUILDER 1 GİRİŞ

Web Proje Ekranları

Bu öğrenme içeriğinde Designer 1 kursunda detaylı olarak tasarımlarını hazırladığımız ve Builder 1 kursunda tasarımları hayata geçirecek geliştirmelerini yapacağımız bir fikrim var! Web uygulamasının ekran tasarımlarını inceleyeceğiz.

Bu öğrenme içeriğinde Designer 1 kursunda detaylı olarak tasarımlarını hazırladığımız ve Builder 1 kursunda tasarımları hayata geçirecek geliştirmelerini yapacağımız bir fikrim var! Web uygulamasının ekran tasarımlarını inceleyeceğiz.

Designer 1 kursu kapsamında bir fikrim var Web uygulaması için oluşturduğumuz ekran tasarımlarına bakalım:

Sign-in Ekranı

Bir fikrim var Web uygulaması kapsamında, kullanıcıların giriş yapmak için kullanacağı Sign-in ekran tasarımını, varsayılan olarak proje ile birlikte gelen Sign in ekranını kullanarak hazırladık.

Header Tasarımı

Designer 1 kursunda web uygulamanın çeşitli ekranlarında görünecek olan Header tasarımını oluşturduk. Bu tasarım, kullanıcı deneyimini ön planda tutarak çeşitli elementlerin birleştirilmesiyle meydana geldi.

Menü Tasarımı

Bir fikrim var Web uygulamasında, ekranlar arasında gezinmeyi sağlamak için Master Screen yapısını ve Menü elementini kullanarak bir menü tasarımı hazırladık. Hazırladığımız menü tasarımında ekranlar arasında gezinme işlevi için prototipleme adımında ilgili sistem aksiyonlarını ekledik.

Dashboard ekran

Web uygulamamızda, çalışanlar tarafından sunulan fikirlerin özet bilgilerini ve takibini kolaylaştıracak bir başlangıç ekranı olarak bir Dashboard tasarladık. Bu ekranda, daha önce oluşturduğumuz Header ve menüyü içeren Master Screen yapısını kullandık.

Listeleme ekranı

Uygulama içerisinde kullanıcı olarak yer alan personellerin bilgilerini listeleyen bir Liste ekran tasarımını hazırladık. Bu ekranda son kullanıcıların  liste içerisinde arama yapabilmesini sağlayacak alanı da ekrana ekledik.

Form ekran

Bir fikrim var web uygulamasında kullanıcıların yeni fikir oluşturmasını sağlamak için farklı veri girişi elementlerinin kombinasyonuyla, drawer tipinde açılan bir form ekran tasarımını hazırladık.

Display Ekran

Son olarak uygulama içindeki personellerin detaylı kullanıcı bilgilerinin görüntülendiği, drawer tipinde açılmaya uygun bir yapıda Display ekranını tasarladık.

Hazırladığımız bu ekran tasarımlarının geliştirilmesi sürecini Builder kursu kapsamında sonraki öğrenme içerikleri aracılığıyla gerçekleştireceğiz.

Bu öğrenme içeriğinde Designer 1 kursunda detaylı olarak tasarımlarını hazırladığımız ve Builder 1 kursunda tasarımları hayata geçirecek geliştirmelerini yapacağımız bir fikrim var! Web uygulamasının ekran tasarımlarını inceleyeceğiz.

Bu öğrenme içeriğinde Designer 1 kursunda detaylı olarak tasarımlarını hazırladığımız ve Builder 1 kursunda tasarımları hayata geçirecek geliştirmelerini yapacağımız bir fikrim var! Web uygulamasının ekran tasarımlarını inceleyeceğiz.

Designer 1 kursu kapsamında bir fikrim var Web uygulaması için oluşturduğumuz ekran tasarımlarına bakalım:

Sign-in Ekranı

Bir fikrim var Web uygulaması kapsamında, kullanıcıların giriş yapmak için kullanacağı Sign-in ekran tasarımını, varsayılan olarak proje ile birlikte gelen Sign in ekranını kullanarak hazırladık.

Header Tasarımı

Designer 1 kursunda web uygulamanın çeşitli ekranlarında görünecek olan Header tasarımını oluşturduk. Bu tasarım, kullanıcı deneyimini ön planda tutarak çeşitli elementlerin birleştirilmesiyle meydana geldi.

Menü Tasarımı

Bir fikrim var Web uygulamasında, ekranlar arasında gezinmeyi sağlamak için Master Screen yapısını ve Menü elementini kullanarak bir menü tasarımı hazırladık. Hazırladığımız menü tasarımında ekranlar arasında gezinme işlevi için prototipleme adımında ilgili sistem aksiyonlarını ekledik.

Dashboard ekran

Web uygulamamızda, çalışanlar tarafından sunulan fikirlerin özet bilgilerini ve takibini kolaylaştıracak bir başlangıç ekranı olarak bir Dashboard tasarladık. Bu ekranda, daha önce oluşturduğumuz Header ve menüyü içeren Master Screen yapısını kullandık.

Listeleme ekranı

Uygulama içerisinde kullanıcı olarak yer alan personellerin bilgilerini listeleyen bir Liste ekran tasarımını hazırladık. Bu ekranda son kullanıcıların  liste içerisinde arama yapabilmesini sağlayacak alanı da ekrana ekledik.

Form ekran

Bir fikrim var web uygulamasında kullanıcıların yeni fikir oluşturmasını sağlamak için farklı veri girişi elementlerinin kombinasyonuyla, drawer tipinde açılan bir form ekran tasarımını hazırladık.

Display Ekran

Son olarak uygulama içindeki personellerin detaylı kullanıcı bilgilerinin görüntülendiği, drawer tipinde açılmaya uygun bir yapıda Display ekranını tasarladık.

Hazırladığımız bu ekran tasarımlarının geliştirilmesi sürecini Builder kursu kapsamında sonraki öğrenme içerikleri aracılığıyla gerçekleştireceğiz.

Dosyalar

Yardımcı kaynaklar

Sözlük