Geçen hafta arşiv sayfası için farklı ayların da karşılaştırılabilmelerini konuşmuştuk bu yüzden bu hafta daha farklı birşey yaptım.

Böylece karşılaştırma yapmak isteyen istediği ikonu ortadaki arşiv dosyasına atacak ve de istediği ayları seçecek. Ayrıca grafiğin altınada günleri tek tek yazdım. Sol ve sağdaki iki kutucukla istedikleri gün aralıklarını da seçebilecekler.

Interface’im de bir de arkada loop halinde dönecek animasyonlar vardı, onları da hallettim.

yeniikon

Bir de dataların toplanması için php’ ye geçmiştik. Tablodan gitmeyi pek çözemedik açıkcası bu yüzden text dosyası üzerinde çalıştım.

Geçen hafta tek bir ikon üzerine uyguladığımız drag&drop’ u bu hafta yeni ikonlarımın hepsine uyguladım.

yeniikon.son

Logo üzerinde de değişiklikler yapmaya karar verdim. Interface’te logo çok sade duruyordu ve kırmızı olduğu için diğer butonlarla karışıyordu. Bu yüzden birkaç çeşit denedim.

Ve sonunda en alttakine karar verdim.

Bunun dışında arşiv sayfasında bir takım değişiklikler yaptım. Öncekinde daha çok takvim gibi duruyordu ve aylık, haftalık için ayrı dosyalar vardı. Şimdi ise bunları tek bir sayfada toplamaya karar verdim. İlk olarak;

Böyle birşey denedim. Gün, ay ve yıl seçimi açısından pratik oldu ama görsel olarak pek hoşuma gitmedi. O yüzden ikinci olarak;

Bunda ise ayları, günleri seçebilmek için sağa sola sürekli tıklamak gerekiyordu. Asansör gibi kısa süreli bir alanda pek pratik olmayacaktı.

Son olarak;

Arşive girildiğindeki ilk görüntü

Ay’ a tıklandığında

Gün’e tıklandığında

Yıl’a tıklandığında

Görseller ve drag&drop dışında ise  dataların toplanması üzerinde çalıştım. Yaptıklarım bir sonuca ulaşmadı açıkcası ama çözmeye çalışıyorum.

Geçen haftaki feedbacklere göre kod a başlamaya karar vermiştik. O yuzden ilk olarak, ikonlarım için drag&drop kısmını halletmeye çalıştım fakat bazı sorunlar yaşadım. İkonlarım vector olduklarından group yapmama rağmen, bazı parçalar ayrı sürükleniyor. Jpeg e çevirmek zorunda kaldım . O zaman da biraz kalitesiz gözüküyor. Jpeg’e çevirerek drag kısmını çözdüm ama drop kısmında bazı errorler veriyor.

Bunun dışında interface de en son çıkacak olan grafik için farklı şeyler denedim. Radar graphic denemem tavsiye edilmişti. Bir kaç çeşit grafik denedim ve hangisi kısa sürede daha iyi okunuyor diye bir çok kişiye sordum.

Bu iki grafik konusunda, birçok kişi anlamakta zorluk çekti ve vakit harcadılar. Bu yüzden ilk yaptığım grafiğe o günün mod u dışında bir önceki mod un sonuçlarınıda eklemeye karar verdim ama bu sefer de interface te çok kalabalık gözüktü. Bir de daire şeklinde grafik denedim ama benim pek hoşuma gitmedi. En temizi ve en iyi anlaşılanı bar grafikler duruyor.

Bu sırada grafik ve kod üzerinde çalışırken ikonlarım üzerindede denemeler yaptım ve logo eklemeye karar verdim. İlk olarak “ah şu asansörün dili olsa da konuşsa” fikrinden yola çıkarak logo ve ikonlarımı asansör üzerinden oluşturmaya çalıştım ama açıkcası çok karikatürize durdular. Daha sonra onları sadeleştirdim ama gene hoşuma gitmedi. Pictogram ve konuşma balonu çok kullandığım için en son onun üzerinden yola çıktım. Diğerlerine göre daha iyi olduğunu düşünüyorum.

ganntson

Geçen haftaki feedbacklere göre, pop up pencerelerdeki espriler biraz tutarsızdı. Ayrıca da farkettim ki başında kullanıcıya birebir cevap vermiyorum, direk toplam değerlendirme kısmına geçiş yapıyorum. Bu yüzden bu hafta ilk olarak o esprileri daha motive edici bir dile çevirmiştim, çalışanları hem eğlendirmek hem de motive etmek için. Ama sonra aklıma başka bir fikir geldi. Twitter da da çok takip edilen UberFacts diye bir site var. Orda çok eğlenceli gerçeklerden bahsediliyor, tabi bu gerçekler useless bilgiler olarakta geçiyor. Ama zaten amacım eğlendirmek için de olduğundan bu siteden yararlanmaya karar verdim ve bunu oyunun bir parçası yaptım. Bilmeyenler için linkte koydum.

https://twitter.com/#!/UberFacts

Bu arada son anda böyle bir değişime gittiğim için iconlarımı değitirmeye vakit bulamadım. Daha dogrusu sketchler yapmaya devam ettim ama istediğim sonuca ulaşamadım.

Ayrıca interface imde neden bu renkleri seçtiğime gelirsek, daha çok sıcak ve eğlenceli renkler kullanmak istedim. Bilindiği üzere sarı daha çok mutlu eden, mavi sakinleştiren, kırmızı da enerji veren renklerdir. Hatta Plutchik’in color wheel’inde de bunu görebiliriz. Daha önce de duygularımı seçerken onun sınıflandırmalarından faydalanmıştım.

İkonlarımı ve pop up pencerelerde olacak yazıları ve görselleri bitirdim. Haftaya kadar onların animasyonlarını da bitirmeyi planlıyorum. Arka plan da küçük hikayeler oluşturdum. onları da  animasyon haline getireceğim. Bunun dışında geçen hafta girişe yaptığım animasyonu geliştirdim.

animasyon2

Projemde en önemli kısmın duyguların ve grafiklerin olduğunu düşündüğümden ana saydada insanların o ana kadar ki sonuçları görmesini istedim. Değerlendirme asansörde olacağından insanların sayfa değiştirmekle fazla vakit kaybetmemesi gerektiğini düşünüyorum. Bu yüzden olabildiğince sayfa sayısını  aza indirdim.Grafik, duygu ve newsfeed i aynanda görmelerini istedim. Bu grafiklerde yüzdeleri görürken, aynı zamanda ikonların üstünde kaç kişinin o ikonu seçtiğini de görebilecekler.  Ayrıca grafikteki sonuca göre pop up yazılar ve animasyonlar olacak.  Arşiv için ise ayrı bir sayfa yapmam gerekiyordu. Bunun dışında bu ana sayfaya gelmeden önce küçük bir flash animasyon olacak. Şimdilik bir denemesini yaptım ama henüz son hali değil. İkonlarımı ve animasyonu haftaya kadar bitirmeyi düşünüyorum.

animasyon

In order to decide emotions, I ‘ve looked Paul Ekman and Robert Plutchik’s classifications.

Paul Ekman

He is a psychologist who has been a pioneer in the study of emotions and their relation to facial expressions. According his observertions and researches, he concluded that the expressions associated with some emotions were basic or biologically universal to all humans. The following is Ekman’s (1972) list of basic emotions:

–        Anger

–        Disgust

–        Fear

–        Happiness

–        Sadness

–        Surprise

However in the 1990s Ekman expanded his list of basic emotions, including a range of positive and negative emotions not all of which are encoded in facial muscles.The newly included emotions are:

–        Amusement

–        Contempt

–        Contentment

–        Embarrasment

–        Excitement

–        Guilt

–        Pride in achievement

–        Relief

–        Satisfaction

–        Sensory pleasure

–        Shame

Robert Plutchik

(21 October 1927 – 29 April 2006) was professor emeritus at the Albert Einstein College of Medicine and adjunct professor at the University of South Florida. He was also a psychologist.  Also his research interests include the study of emotions like Paul Ekman.

His list of emotions

http://en.wikipedia.org/wiki/Plutchik%27s_Wheel_of_Emotions#Plutchik.27s_wheel_of_emotions

I decided to make minimal designs and choose basic emotions to make it more understandable.

Some sketches for interface design and emotions.

http://prezi.com/zcwr6avfbvut/va-401/