Autori su naveli: IE6 zahteva sve više i više dodavanja kompleksnog koda kako bi se zaobišli problemi na najosnovnijim opcijama i kako bi administratorski deo radio bez problema u IE6, a u prilog tome ide i činjenica da je IE6 prestavljen pre 10 godina i da ne podržava većinu današnjih web standarda. Čak i Microsoft odbrojava dane do poslednjeg IE6.
Prema njihovim podacima, čak 11.4% ljudi još uvek koristi IE6, najvećim delom u Kini.
WordPress UX dizajnerka Jane Wells je napisala saopštenje vezano za prestanak podrške za IE6.

Sajt: Inventa.rs

Elem, Adam je skroz simpa lik iz Bruklina koji ide tako po USA i hasa najbolju hranu…mnogo mu je loš posao 🙂 Mada, nakon nekih epizoda koje sam videla, ne bih se menjala sa njim…zato što lik prihvata sulude izazove..jela tipa ’Ultimate destroyer’…jela tipa kofa najljućih pilećih krilaca koje sadrže sastojak koji se zove ’đavolja krv’(tj, mnoooogo zeznuti koncentrat najljuće papričice koja postoji + još xx koncentrata ostalih vrsta papričica)…sos koji je toliko ljut da mora da nosi plastične rukavice dok ih jede kako ne bi došlo u dodir sa kožom koliko peče i ostavlja crvenilo…kakav optimista 🙂

Da ne pominjemo omlet sa povrćem, tri vrste mesa, četiri vrste sira i pomfritom koji je težak 3 kile! Hamburgeri, buritosi i pice teški i po 5 kila…i svaki put sa vremenskim ograničenjem od pola sata do sat vremena! Mora da pojede hranu koju bi inače pojela četvoročlana porodica za pola sata do sat vremena! Ako uspe, dobija nagradu – custom-made maju tog restorana, svoju sliku na Wall of Fame i uglavnom taj obrok dobije free ili može da jede besplatno u tom restoranu do kraja života…a ako izgubi…poniženje – slika na Wall of Shame i gomila ljudi koji su ga videli kako gubi. 🙂

Ovo je jedna od najluđih epizoda koje sam videla…najveći hamburger ikad + Adam + gomila bajkera voljnih da pomognu da srede ovo čudovište 🙂 ako nađete, pogledajte baš da li su uspeli 🙂 Ja vam neću reći 🙂

[youtube]http://www.youtube.com/watch?v=edvqgN4gmGA&feature=channel[/youtube]

Sms pretplata je servis kod koga se korisnik prijavi ako je zainteresovan, a vi mu onda možete slati periodično informacije. Koliko često to sami određujete – recimo dnevno, nedeljno, dva puta nedeljno i slično. Korisnik se prijavljuje na servis naravno slanjem keyword-a na kratki sms broj, a odjavljuje se slanjem komande “stop”. Ono po čemu je ovaj servis drugačiji od drugih je što ne inicira korisnik naplatu (tj. skidanje novca sa svog računa u vašu korist), već to vi radite svaki put kada pošaljete poruku sve dok se korisnik ne odjavi. Cena poruke može biti od 20 – 300 dinara.

Evo primera:

Cena prijave je 20 dinara, a cena periodične poruke je 70 din.  U pitanju su sportski tipovi, pa se poruke šalju svaki dan. Po neki dan nema poruka jer nema utakmica, ali ponekad se dešava da budu i 2 poruke dnevno. Sve u svemu računaćemo 1 poruka dnevno.

1 nedelja – prijavilo se 50 korisnika
prijava 50 x 20 = 1000 din.
poruke 50 x 70 x 7 dana = 24.500 din.

2 nedelja – prijavilo se još 45 korisnika, ali se odjavilo 15 korisnika, ukupno ih ima 50 + 45 – 15 = 80
prijava 45 x 20 = 900 din
poruke 80 x 70 x 7 dana = 39.200 din.

3 nedelja – prijavilo se još 60 korisnika, a odjavilo 30. Sada ih ukupno ima 80 + 60 – 30 =110
prijava 60 x 20=1200 din
poruka 110 x 70 x 7 dana = 53.900 din.

4 nedelja – prijavilo se 40 korisnika, odjavilo 15. Sada ih ukupno ima 110 + 40 – 15= 135
prijava 40 x 20 = 800 din
poruka 135 x 70 x 7 dana = 66.150 din

————————————————————
Za mesec dana se prijavilo 195 korisnika, ali se odjavilo 60.
Ukupan ostvareni bruto promet je 183.750 din

Kolika je zarada?

Kumulativan efekat povećanja broja članova iz nedelje u nedelju je evidentan. Zamislite koliko prihodi rastu posle par meseci? Mi smo u primeru iskazali bruto obrt, za klijenta prihodi od servisa su manji, jer mobilni provajderi uzimaju pola kolača, pa je čist procenat isplate za klijenta 35%. Za sve naše servise postoji online statistika u realnom vremenu koju možete pratiti.

Za vlasnike sajtova želim da napomenem da su prihodi od promocije sms servisa svakako više puta veći od promocije popularnih pay-per-click servisa i dobar su izvor dodatnih prihoda.

Šta se može raditi?

Trenutno su najpopularnije informacije vezane za sportske tipove, astrologiju, loto i bingo izvlačenje i devizni kurs. Ipak, može se raditi sve što je potrebno vašoj ciljnoj publici. Recimo, možete slati kupone, obaveštenje o mesečnom update-u sajta , najnovije oglase za određenu kategoriju, upiti za vaš oglas (dali ste oglas za auto, neko vam pošalje poruku preko sajta a vama stiže sms obaveštenje) obaveštenje o pristigloj poruci na sajtu (imate novu FB poruku?) i slično.

Servis je idealan za medije koji imaju slobodnog reklamnog prostora. Efikasnost servisa je visoka i zavisna je od popularnosti medija (broja posetilaca, slušalaca, čitalaca, gledalaca…). Treba paziti da informacije butu tačne, korisne i na vreme. Ne treba previše često slati sms poruke ako za to nema opravdane potrebe jer se onda povećava procenat korisnika koji se odjavljuju sa servisa.

Ko pruža informacije?

Možete sami pružati informacije preko naše web aplikacije ili možete korisiti neku od naših postojećih usluga i u tom slučaju na vama je samo da reklamirate servis. Mi trenutno pružamo informacije za sledeće servise sportski tipovi, astro znakovi, loto i bingo rezultati i devizni kurs.

Kako početi?

Ako ste zainteresovani, prvi korak je da nas kontaktirate putem telefona 011 395 63 50 ili preko web-a. Molim vas da ukoliko popunjavate web formular to učinite što detaljnije kako bi mogli da vam pružimo prave informacije. Mi ćemo vas kontaktirati i napraviti kratku konsultaciju oko svega sa vama. Ukoliko je sve u redu, sledeći korak je potpisivanje međusobnog formalnog ugovora, šaljemo vam korisničke podatke za vaš nalog (statistika) i naravno implementacija servisa na vašem sajtu ili u medijskom prostoru. Na početku sledećeg meseca šaljemo vam obračun, vi nama fakturu i naravno uplaćujemo prispele prihoda od mobilnih provajdera za taj mesec.

Update – ne pružamo više ovaj servis klijentima.

1. Stargaze

Lepa tema sa tamnom pozadinom, odlična za blog o igricama.

2. PhotoBlog

Ako želite da prikažete dosta fotografija, ova tema Vam to omogućava.

3. Freshblog

Vrlo jednostavna tema, a ljudi ovih dana gotive zelenu boju.

4. AutoFocus+

Simpatična tema ako želite da prikažete Vaše fotografije. Prelaskom preko slike videćete njen opis.

5. MobileWorld

Kao što naziv teme kaže, prilagodjena je blogu o mobilnim uredjajima.

6. Animes

7. Perfecta

Tema za portale.

8. Simplo

Jednostavna tema sa 2 kolone i belom pozadinom.

9. Magazine Basic

Kao što ime teme kaže, odlična za magazine.

10.Akylas

11. Gadget

12. Magazeen

13. Hybrid Theme

14. Side Blog

15. The Seven Five

16. Suffusion

17. The Morning After

18. Oxygenous

19. Orsted Theme

20. Ceres Theme

21. Polaris Theme

22. Dimenzion

23. Channel

24. Fashion Press

25. Meissa

26. Capella Theme

27. Carbonified

28. Structure

29. Mansion

30. Mistique

31. Boronic

32. Graphene

33. Gold and Peach

34. Calotropis

35. Constructor

Šta je novo u svetu informacionih tehnologija, korišćenje elektronske kupovine i digitalnog potpisa, elektronsko povezivanje javnih službi i institucija, primena u zdravstvu, ali i koliko je na tom polju napredovala Srbija, neke su od tema ovog skupa.

Druga “Komtrejdova” Fabrika znanja okupiće veliki broj domaćih IT stručnjaka, predavače iz uglednih svetskih kompanija, poslovne ljude iz zemlje i regiona, učenike i studente.

“Fabrika znanja je regionalni događaj poslovno-edukativnog karaktera, namenjen onima kod kojih će sutra zavisiti naša budućnost, a to su naši najmlađi, s ciljem da na jednom mestu pronađemo znanje i talenat”, kaže predsednik Komtrejda Veselin Jevrosimović.

Ministar ekonomije i gradonačelnik Beograda slažu se da je Srbiji neophodno ulaganje u IT sektor i obrazovanje uopšte.

Gradonačelnik Đilas kaže da je glavna poruka s ovog skupa ulaganje u obrazovanje, i to ne samo kao demagogija.

Ministar Mlađan Dinkić ukazao je da Vlada podržava ovakve aktivnosti.

“Pokrećemo akciju ‘Digitalna škola’, da i u mestima gde nema para damo računare. Vlada će obezbediti da svi dobiju računare i da se sva deca kompjuterski opismene”, naveo je Dinkić.

Na otvaranju Komtrejdove “Fabrike znanja” bili su i ministri trgovine i obrazovanja Slobodan Milosavljević i Žarko Obradović, predsednik Privredne komore Srbije Miloš Bugarin, i brojne ličnosti iz domaće privrede.

Izvor B92

• 650.000 stanovnika
• 1.151.000 mobilnih pretplatnika
• Cena poruke je 0.42€ + pdv (17%)
• Pokrivene sve tri mreže (ProMonte 39,22%, T-Mobile 34,45%, M-Tel 26,33%).
• Dinamika isplate je: kada dobijemo uplatu od provajdera, sledećeg dana uplaćujemo vaš deo prihoda.

Svi zainteresovani vlasnici sajtova sa posetom iz Crne Gore, kao i TV stanice i štampana izdanja mogu nas kontaktirati ukoliko su zainteresovani da promovišu ovaj servis. Kliknite na dugme!

Update – ne pružamo više ovaj servis klijentima.

Kome je namenjen servis:

1. Sajtovi iz Srbije i Bosne koji već koriste naš chat za Srbiju i Bosnu  imaju 10-20% posete iz Crne Gore, što znači povećanje prihoda za 10-20% mesečno

2. Sajtovi iz Crne Gore čija je većinska poseta iz matične zemlje. Sms chat je dobar izvor prihoda, a potrebno je da postave banere na svom sajtu ili implementiraju sistem za dating sajtove (1-1 chat).

3. TV stanice i štampani mediji iz Crne Gore. Servis je izuzetno popularan i dobar je izvor dodatnih prihoda. Od nas ćete dobiti pripremu za štampanu reklamu ili video spot u skladu sa programskom šemom.

Sad verovatno ljudi koji čitaju ovo, a u ovom su poslu kao i ja, razmišljaju: “Šta lupa ovaj? Piše o nečemu što već svi znaju!” Međutim ovaj post nije samo o toj novini koja nas je sve zadesila. O problemima i bugovima u novom WP-u možete čitati po celom webu postoji mnogo članaka koji govore o tome. Evo jednog koji je nama bio veoma koristan, gde možete naći pored problema na koje možete da naiđete i kratko uputstvo kako da upgrade-ujete svog ljubimca. U ovom postu biće reči o jednom specifičnom problemu na koji smo naišli.

WordPress VS. Woothemes

Ukoliko niste saznali do sada za  Wootheme  onda je vreme da saznate. Naša saradnja sa njima traje već par godina. Temu koju sada vidite, iako je dosta modifikovana shodno našim potrebama, kupljena je upravo od njih. Veoma ozbiljna ekipa koja se bavi izradom fantastičnih WP tema. Za par dolara možete dobiti članstvo na njihovom sajtu i download-ovane teme za svoj sajt u WordPress-u.

Nakon što smo saznali za novu verziju WP-a naravno odmah smo i krenuli ka tome da i svoj CMS upgrade-ujemo na novu verziju zbog novih stvari, a i zbog sigurnosti sistema, što i svima vama toplo preporučujemo. Međutim nakon ispoštovanih koraka iz Codex-a i automatskog upgrade-a naišli smo na čudan problem. Naša početna strana na kojoj svakodnevno možete videti excerpte najnovijih postova se nije prikazivala kako treba. Naime ona nije prikazivala odlomke svima nama potrebne, već potpuno drugi sadržaj?!

Ukratko početna strana je običan Page koji je prazan i u Reading delu podešavanja sajta smo izabrali da ona prikazuje najnovije postove sa bloga. Ovo je inače standardna opcija u WordPress-u i uputstvo za to možete pronaći u njihovom Codex-u tj. na ovom linku.

S obzirom da brojni blogovi, forumi i tehnički sajtovi nisu imali neko rešenje za ovaj slučaj obratili smo se developerima iz Woothema, ali i ujedno developerima WP-a. Nakon par poruka došli smo u situaciju da jedni prebacuju priču na druge: “Nismo mi to je bug u WordPress-u”  ili “Naš sistem radi, vidite sa developerima teme”.  S obzirom da je u Twenty Ten temi sve radilo ok očigledno je problem u temi koju koristimo.

Ubedivši developere Woothema da to pogledaju oni su nam ljubazno i vrlo brzo odgovorili sa ispravkom teme koje koristimo, ali što je još bitnije ispravili su i sve ostale teme kako ne bi imale sličan problem. Eto našeg doprinosa svim korisnicima ovih odličnih tema. 🙂

Dakle ukoliko neko od vas koristi temu iz baze Woothemes, evo šta treba da uradi da bi statična strana prikazivala poslednje postove. Otvorite kod index.php strane teme, i pronađete liniju koda koja kaže:

<?php $paged = (get_query_var('paged')) ? get_query_var('paged') : 1; query_posts("paged=$paged"); if (have_posts()) : ?>

Ovu liniju koda treba zameniti sa:

<?php
$paged = (get_query_var('paged')) ? get_query_var('paged') : 1;
$args=array(
'cat'=>-0,
'paged'=>$paged,
);
query_posts($args);
?>

Razlika je očigledna zar ne? Nakon toga vaši dragi postovi će se fino rasporediti po početnoj strani. Naravno, ukoliko ste u Reading podešavanju izabrali “Your latest posts” umesto “A static page” onda ovu modifikaciju koda ne morate izvršite, ali ako vam ikada zatreba prikazivanje postova kroz statičnu stranu, zamenu koda ćete morati da uradite.

Kao saradnik u advertising-u pomažete OSO timu da bolje obslužuje korisnike Google AdWords servisa širom sveta. Ovaj tim za prodaju i podršku brzo identifikuje i rešava probleme korisnika i na taj način doprinosi rastu naših programa.

Vaš cilj je da nastavite da razvijate svoje veštine u account management-u i stvaranju međuljudskih odnosa kroz podršku putem telefona, email-a ili chat-a najvećim oglašavačima i agencijama Google-a.

Vaše odgovornosti bi uključivale management naloga oglašivača, razvijanje reklamnih rešenja za oglašivače ili razvijanje razvojnih rešenja u okviru podrške. Rad obuhvata saradnju sa kolegama iz različitih timova širom Evrope, razmenjujući svoje napredno znanje o Google proizvodima i dajući savete svojim klijentima kako da postignu željene rezultate.

Između mnogih vaših atributa koje posedujete one najistaknutije bi bile da ste samo-pokretač koji se lako prilagođava novoj sredini i da imate veliku želju za učenjem. Takođe je neophodno da imate iskustvo u korisničkim servisima, prodaji, marketingu i konsaltingu.

Više informacija o ovom radnom mestu možete dobiti na ovom linku.

Rich Internet Application tehnologija nam je dala moć da kreiramo čudesne aplikacije koje zadivljuju njihove korisnike. Najbolje RI aplikacije na webu danas se oslanjaju na diskretni set kontrolera korisničkog interfejsa kako bi omogućile real time uživanje svojim korisnicima. Ako prelazite sa web dizajna na dizajn web aplikacija, najbolju informaciju koju možete imati na raspolaganju jeste razumevanje ovih ključnih kontrola.

Popularne RIA biblioteke, alati i frejmvorci

Većina ovih biblioteka, alata i frejmvorka imaju online galeriju kontrola (takođe nazvane komponentama, vidžetima, UI kontrolama) koje biste mogli da pregledate. Zašto? Kako ne biste bili jedan od onih dizajnera koji će napraviti gomilu lepih sličica u Photoshop-u ili Illustrator-u koje se ne mogu implementirati ili čija implementacija je previše skupa da bi se kodirala onako kako je dizajnirana.

• Ext JS
• Adobe Flex/AIR
• JQuery UI
• Dojo
• OpenLaszlo
• MooTools (plugins), JXLib for MooTools,Mocha UI
• Vaadin
• Telerik for ASP.net,Telerik for Silverlight
• ZK
• Google Web Toolkit ,GWT Ext
• YUI 2 , YUI 3
• LivePipe
• Backbase
• SmartClient
• Prototype, Prototype UI and Scriptaculous
• RichFaces
• ICEFaces

43 ključne kontrole

Mnogi proizvodi su smešteni u okvir RIA frejmvorka koji koriste, pa dizajneri kreiraju nove komponente kada frejmvork nema ono što im je potrebno. Ovo može umanjiti upotrebljivost proivoda, a povećati trud dizajniranja, testiranja upotrebe, tehničku specifikaciju i vreme razvoja. Pre nego što podlegnete dizajniranju novih kontrola proučite šta je to što već postoji.

1. Auto popunjavanje / Auto predlaganje

Auto-popunjavanje koristeći Vaadin.

Omogućite automatsko popunjavanje polja ili automatsko predlaganje korisniku kako bi mu pomogli povećanjem efikasnosti i smanjili greške. Možete čak i formirati grupni i formatirani set predloga kao što to Apple radi.

2. Carousel/Coverflow

Kontrole za pokretni sadržaj uključuju i takozvane carousel-e, coverflow-ove, slider-e i slideshow-ove i one su dostupne u skoro svim frejmvorcima.  JQuery ima ceo set pluginova za mnogo različitih varijacija jednostavnog carousel-a. Sve ove varijacije pružaju fino rešenje za pretraživanje i pregledavanje vizuelnog sadržaja. Zapamtite da dodate stop dugme i dugme za pauzu ukoliko planirate da implementirate auto-play.

3. Planer

Telerik RadScheduler za Silverlight

Potreban vam je dobar planer? Ne želite da pitate svoj razvojni tim da kodira ovakvu životinju.

Postoji dobar broj Ajax planera koji su dostupni online, a mogu da odrade posao uz malo CSS ljubavi. Flex, OpenLaszlo i Telerik Rad kontrole za Silverlight sada imaju i ovu kontrolu u sebi.

4. Grafikoni

Flash grafikoni na Discover Spend Analyzer-u

Neki frejmvorci uključuju grafikone kao npr. Ext JS, Flex, Telerik, i SmartClient. Ali postoje i Flash biblioteke koje se koriste upravo za ovaj vid prikaza statističkih podataka. Popularne biblioteke su AnyChart, Dundas, JFreeChart, amCharts, Visifire for Silverlight. Liste ovakvih biblioteka su dostupne online: 28 on InsideRIA i 70+ on TripWire.

5. Padajući paneli
[flickrvideo width=”520″ height=”400″]http://www.flickr.com/photos/designingwebinterfaces/4037859584/[/flickrvideo]
Dosta kontrola spada u ovu kategoriju, a tu možemo uključiti: page slajder, unutrašnje, spoljašnje i padajuće panele koji dozvoljavaju da se otvori i više sekcija odjednom. Ove kontrole predstavljaju elegantnu alternativu dijalozima. Mint, SproutBuilder i SlideRocket imaju odlične primere koji se mogu pregledati.

6. Combobox: Multiselect

asmSelect, JQuery plugin

Umesto da prikazujete more checkbox-eva ili dosadan ctrl+shift+click list box, koristite kontrolu koja dozvoljava korisniku da vidi šta je izabrao. Ova kontrola funkcioniše i uklapa se odlično na stranama sa kriterijumima na levoj strani i rezultatima na desnoj. Nijedan frejmvork nema još uvek ovu kontrolu, ali postoji ovaj jQuery plugin.

7. Kalendar

MooTools plugin

Može vam se desiti situacija kada standardan kalendar nije dovoljan. Većina pomenutih frejmvorka podržavaju jednu ili više naprednih opcija vezaznih za kalendar: izbor perioda, datum i vreme, pregled više meseci uporedo, i datume koje treba isključiti.

8. Dijagramer

<

Napredna kontrola koja omogućava korišćenje dijagrama, flow chart-ova, organizacionih mapa, dijagrama procesa itd. yFiles ima verziju za Flex, .Net i Ajax. KapITLabs ima Flex/Flash veriju koja je dostupna.

9. Dijalog

Picnik Modeless Dialog

Postoji puno varijacija dijalog kontrole: lightbox, modal dijalozi, modeless dijalozi i hover dijalozi. Svi frejmvorci nude bar jednu verziju dijaloga.

10. Skraćeni paneli i paleti sa alatima

[flickrvideo width=”520″ height=”400″]http://www.flickr.com/photos/designingwebinterfaces/4038269174/[/flickrvideo]

Skraćeni paneli i palete sa alatima su nezamenljive kontrole za maksimizovanje ili podešavanje radnog okruženja gde prostor nije toliko veliki.

11. Drag and drop menadžer

[flickrvideo width=”520″ height=”400″]http://www.flickr.com/photos/designingwebinterfaces/4037538099/[/flickrvideo]

Ako vaš dizajn zahteva drag and drop, pogledajte Interaction Matrix Billa Scotta. Onda probajte Ext JS organizer demo, dizajn im je zakon. Jedina stvar koja fali je ruka preko slike.

12. Dinamički filter

[flickrvideo width=”520″ height=”400″]http://www.flickr.com/photos/designingwebinterfaces/4041066740/[/flickrvideo]

Dinamički filter može raditi dobro sa listama, mrežama i kolonama u okviru mreže. Saznali smo da filtering u okviru kolone u tabeli može da obezbedi moćne opcije za korisnike koji rade sa velikom količinom podataka. Idealno bi trebalo da postoji clear dugme u okviru polja za unos kako bi se očistio uneti tekst. Ova kontrola se može dodati u okviru frejmvorka i u slučaju kada ta opcija po default-u ne postoji.

13. Feedback

[flickrvideo width=”520″ height=”400″]http://www.flickr.com/photos/designingwebinterfaces/4037790343/[/flickrvideo]

U svakom trenutku morate imati feedback: greške, info, statusne poruke i saveti. Stavite feedback na vrh svoje strane ili u blizini akcije. Izbegavajte da koristite status bar u web browser-u jer ga mnogi ljudi sakriju. Ako u feedback-u koristite fade-in ili fade-out ispratite pravilo od dve sekunde.

14. Fisheye

[flickrvideo width=”520″ height=”400″]http://www.flickr.com/photos/designingwebinterfaces/4037685483/[/flickrvideo]

Ovo je jedan pravi primer fisheye efekta koji se može naći na web-u. Elegantna opcija koja omogućava pogled iz bliza. Vrlo upotrebljiva za mape ili veoma velike grafike. Alternative ovoj opciji su Zoom, Pan i Magnify.

15. Potanjajući footer

Footer na Facebook-u

Potanjajući footer (ili header kao thesixtyone) moglo bi da bude dobro rešenje za prikaz opcija u akciji. Većina pomenutih frejmvorka imaju način kako ovaj efekat može da se kodira. Asp.net Ajax ima demo koji prikazuje ovu kontrolu.

16. Gantogram

Gantt na Tour de Flex-u

Povremeno se javlja potreba za upotrebom gantograma, uglavnom za planiranje aktivnosti. EyeBlaster Campaign Manager je pronašao način kako da napravi kontrolnu tablu na kojoj se može pratiti kampanja koristeći gantogram. Kao i kod ranijih primera i kod ove kontrole su najbolji oni primeri koji su već kodirani. ILog Elixir ima jedan za Flex, a postoji i jedan broj ranijih verzija pisanih u Ajax-u.

17. Uvećavajuće tekstualno polje

[flickrvideo width=”520″ height=”400″]http://www.flickr.com/photos/designingwebinterfaces/4037776627/[/flickrvideo]

Ne znate koliko će korisnik da otkuca teksta? Počnite sa nekom razumnom veličinom i dalje neka prostor raste sam. Obratite se Facebook-u za još jedan live primer.

18. Hotkeys/prečice na tastaturi

Prečice na tastaturi na Noteflight-u

Noteflight čini rad lakšim omogućavajući prečice na tastaturi.

Zar ne želite da i vaši korisnici kažu to isto i za vas? Ono što je još važnije. da li želite da čujete šta imaju da kažu kad im ne omogućite prečice na tastauri? Ne bi bilo prijatno…

19. Hover akcije

MockLinkr koristi hover da linkuje, komentariše ili da obriše hotspot

Hover je odlična alternativa ponavljanju jednog istog dugmeta nebrojeno puta. Svi frejmvorci podržavaju mogućnost da se kodira hover akcija koristeći CSS. Zapamtite da naznačite da ova akcija postoji.

20. Hover detalji

[flickrvideo width=”520″ height=”400″]http://www.flickr.com/photos/designingwebinterfaces/4040641116/[/flickrvideo]

Prikazivanje dodatnih detalja na hoveru je odličan način da se ostane na strani. Izbegavajte anti patern hover and cover (ne prikazujte detalje preko primarne akcije).

Radi najbolje sa read-only podacima. Ako imate polja za unos, tabove ili neke druge heavy interakcije koristite dijalog, inlay panel ili overlay panel. Ako morate da prikažete link u svojim hover detaljima podesite timer tako da korisniku date dovoljno vremena da na isti klikne pre nego što sve nestane.

21. Inline editovanje

Inline editovanje na FLickr-u

Razmislite o aplikaciji koju dizajnirate – da li je optimizujete za unos ili za čitanje podataka? Ako aplikaciju optimizujete za čitanje, inline editovanje može da vam pomogne da otklonite svo vizuelno ometanje od strane polja za unos. Neki od frejmvorka podržavaju ovu mogućnost po defaultu – pogledajte njihov CSS i JS. Ovo je neprocenjiva kontrola koja povećava efikasnost i održava tok korisnika kroz aplikaciju. Za napredno razvijanje aplikacije – ako već imate događaje koji su vezani za polja, imitirajte inline editovanje koje se dešava na vašem desktopu – klik jednom za izbor objekta, kada se klikne još jednom na isti objekat ulazi se u edit mod. (imajte na umu da je ovo drugačije od duplog klika).

22. Liste: Napredno

Drag and drop na Tick-u

Kao što očekujemo više od tabela i drveta od onoga što su ti objekti radili u Web 1.0, liste moraju da se takođe ponašaju naprednije. Drag and drop, jednostavno pravljenje liste, custom formatiranje i dinamički filteri su opcije koje mogu da učine vašu listu lakšom za korišćenje.

23. Uvećanje

jQZoom uvećava deo slike

Odlična alternativa otvaranju dijaloga, kontrola za uvećavanje prikazuje uvećanu verziju oblasti u kojoj se nalazi miš. Par frejmvorka nudi ovu opciju po defaultu, ali ona može biti naknadno dodata. Pogledajte ‘Fisheye’ i ‘Zoom i Pan’ za neke ideje.

24. Mapiranje

GWT- Ext Maps Showcase

Mnoge aplikacije imaju potrebu da integrišu mape, kao što to radi Google ili Yahoo maps, Google Web Toolkit -Ext Showcase ima veći broj dobro dizajniranih varijacija na ovu temu koje vredi pogledati, sa druge strane ima ih i  Flex – tražite “maps” u  Tour de Flex-u.

25. Interfejs sa više dokumenata

[flickrvideo width=”520″ height=”400″]http://www.flickr.com/photos/designingwebinterfaces/4038494432/[/flickrvideo]

Neke aplikacije su pogodne za MDI (Interfejs sa više dokumenata). MochaUI frejmvork, kao i par drugih, omogućava ovu kontrolu. Pre nego što krenete ovim putem procenite funkcionalnost tabova u svom browseru.

26. Portali

Portal demo na GWT-Ext Showcase-u

Portal layout može biti dobro rešenje za dizajn landing strane, gde korisnik želi da vidi sadržaj u određenom formatu i konfiguraciji. Ali zapamtite, omogućavanje visokog stepena customizacije nije zamena za korisnikovu pretragu i testiranje.

BBC i Netvibes imaju jako dobro dizajnirane portale sa kojima se možete igrati.

27. Bar za učitavanje

Bar za učitavanje na Discover Spend Analyzer-u

Indikator progresa može biti bilo šta od bara za učitavanje, preko ikonica koje se okreću do zauzetih kursora. Najbolje je da pogledate kako druge dobre RI i desktop aplikacije prikazuju progres pri učitavanju u situacijama koje su slične vašem.

28. Ocenjivanje

Ajax ocenjivanje

Ocenjivanje je slično inline editovanju, dozvoljava korisniku da brzo i efikasno unese informacije bez napuštanja strane ili prelaska na drugi sadržaj.

Ocenjivanje ne treba mešati sa redosledom koja bi koristila naprednu listu gde bi korisniku bilo omogućeno da redosled objekata u listi menjaju prevlačenjem istih.

29. Lociranje rekorda/Paginacija

Paginacija na Ext JS-u

Većina tabela i layout-a bi trebalo da koriste live/virtuelno skrolovanje za navigaciju. Međutim postoji dosta mesta gde bi paginacija bila jako korisna, pa je možete i iskoristiti. Na primer otvaranje nekog rekorda bi moglo da uključi i paginaciju kojom bi korisnik mogao da pređe i na druge rekorde.

30. Bilder pravila

Napredni filter sa SmartClient-a

Ovo je za svaku aplikaciju uvek predstavljalo prenatrpanost, medjutim ako dizajnirate naprednu analizu podataka, alate za pretragu i izveštavanje najverovatnije će vam ova opcija biti neophodna. SmartClient Ajax RIA sistem ima upravo tako nešto i očekuje da ostali frejmvorci uključe ovu kontrolu u svoj paket sada kada je iTunes predstavio sličnu opciju.

31. Slajder

Primer slajdera

Slajder je pogodna kontrola kada ljudi biraju okvirne vrednosti npr. glasnije ili tiše, više ili niže vrednosti ili opsege. Ova kontrola nije najbolje rešenje kada se biraju određene vrednosti, kako npr. 37% ili 211 dinara. Ako koristite slajder izaberite onaj kojim se može upravljati preko tastature i koji ima pored sebe polje za unos kako bi korisnik mogao da unese željenu vrednost.

32. Pretraživanje po oblastima

Primer pretrage po oblastima

Omogućite svojim korisnicima da lakše dođu do sadržaja koji žele koristeći pretragu po oblastima. Postarajte se da je to opcija koja ne smeta kucanju u okviru polja za unos. namestite default vrednost “Sve” npr. i dozvolite im da izaberu neku drugu oblast u okviru koje se sadržaj može nalaziti. Janko je predstavio fin tutorijal implementiranje ove opcije koristeći CSS.

33. Sparklines

Sparklines na Google Analytics-u

Sparklines su odličan način prikazivanja trenda ili oblika podata na malom prostoru. Kreirane su od strane maga za vizuelno prikazivanje podataka, Edward-a Tufte-a.

Postoji veliki broj biblioteka koje podržavaju ovu kontrolu u Ajax-u, Flex-u, Silverlight-u.

34. Spliter

[flickrvideo width=”520″ height=”400″]http://www.flickr.com/photos/designingwebinterfaces/4040526981/[/flickrvideo]

Spliter omogućava korisniku da podesi layout. Zapamtite da prikžete odgovarajuće kursore pri hoveru ili prevlačenju. Drugi dobri primeri su Google Reader i desktop aplikacije kao npr. Windows Explorer ili iTunes.

35. Tabovi: Napredno

[flickrvideo width=”520″ height=”400″]http://www.flickr.com/photos/designingwebinterfaces/4037371829/[/flickrvideo]

Pre nego što se odlučite za implementaciju tabova pročitajte članak Tabs Used Right koji je napisao Jakob Nielsen. Tabovi se koriste za promenu sadržaja istog konteksta.

36. Tabela/Mreža: Napredno

Mreže na ExtJS-u

Kada dizajnirate mrežu držite se standarda. Uglavnom sve što vašim korisnicima treba je već dizajnirano. ExtJS ima jako dobaro dizajniranu mrežu sa dosta naprednih funkcija, kao npr.: live skrol, promena veličine hedera ili promena mesta hederima, sortiranje, sakrivanje i prikaz kolona, grupisanje redova, inline editovanje i izbor reda. Nemojte praviti svoju mrežu – trebaće vam stotine sati da kodirate i testirate kako bi radio u svim browserima.

37. Stablo: Napredno

[flickrvideo width=”520″ height=”400″]http://www.flickr.com/photos/designingwebinterfaces/4040834939/[/flickrvideo]

Ako vaš dizajn zahteva stablo, koristite ono koje je napredno. ExtJS i Flex imaju najbolja stabla sa kompletnim funkcionalnostima za dodavanje čvorova, inline editovanje i prevlačenje čvorova kako bi ih reorganizovali. Pogledajte takođe ‘Vertikalno pretraživanje’ kao opciju za navigaciju kroz hijerarhiju stabla iz bilo kojeg čvora.

38. Toolbar

Kontekstualni toolbar u Buzzword-u

Toolbar je obavezan deo u skoro svakom dizajnu koja se zasniva na mreži podataka. Bulk akcije mogu biti smeštene u toolbar, kao i globalne akcije, npr. Print, Export itd. Izbegavajte toolbar i meni sa padajućim menijima. Eksperimentičite umesto toga sa naprenijim kontrolama kao što su “Hover akcije” ili “Inleni editing” Probajte da ponudite direktnije interakcije, a manje navigacije.

Kontekstualni toolbar-ovi su još jedna naprednija kontrola. Oni prikazuju opcije u zavisnosti od od konteksta strane na kojoj se pojavljuju, umesto da prikazuju sve odjednom. Picnik ima najbolje kontekstualne toolbarove koje sam do sada video.

39. Saveti: Napredno

MooTools plugin

Napredni saveti mogu da imaju u sebi širok spektar opcija za formatiranje. Pogledajte ‘Hover detalje’ za više informacija o hoveru.

40. Vertikalni browser

Vertikalni browser za Apple Dashboard Widget-e

Koncizna kontrola koje omogućava korisniku da odabere polaznu tačku iz koje će dalje ići kroz hijerarhiju. Može biti napravljena povezivanjem lista u većini frejmvorka. Imajte u vidu da uvek prikažete putanju do izabranog objekta u listi.

41. Promena izgleda

Izbor broja ikona po strani na Icon Finder-u

Ova kontrola predstavlja mogućnost izbora izgleda, recimo tabela ili grafik ili predstavljanje opcija kao što je 10, 20 ili 50 rezultata po strani. Može biti kreirana u bilo kom od pomenutih frejmvorka. Postarajte se da se izabrana opcija vizuelno razlikuje od ostalih.

42. WYSIWYG / Text editor

YUI 2 Text Editor

Za sastavljanje ili izmenu velike količine teksta WYSIWYG editor nudi alate koje ljudi očekuju. Većina frejmvorka uključuju ovu kontrolu sa opcijama koje se mogu prilagođavati. CMS-ovi su sada jako aktuelni i oni su integrisali ove text editore, pogledajte InContext i Drupal redesign.

43. Zoom i Pan

[flickrvideo width=”520″ height=”400″]http://www.flickr.com/photos/designingwebinterfaces/4038620540/[/flickrvideo]

Ne morate da znate kako da kodirate ove kontrole – dovoljno je da znate da ova kontrola postoji i kako je najbolje iskoristiti je. Možete zamisliti scenario gde umesto da detaljno sve objašnjavate samo kažete “To je isto kao što BBC koristi opciju za prilagođavanje home strane svog portala” i “JQuery ima odličan plugin za to”. Razmislite o vremenu koje ćete uštedeti i kredibilitet koji ćete dobiti od strane svog tima.

U slučaju mapa ili fotografija panning može zameniti skrolovanje i ponuditi prirodniji utisak prelaženja po informacijama. Pogledajte takođe ‘Uvećavanje’ i ‘Fisheye’ za druge tehnike.

Izvor: www.uxbooth.com