Nasveti za dizajn spletnega servisa

Nocem ti vzet poguma, ampak v cem pa je tole boljse od evernote?
Pa znebi se backgrounda (onih posevnih crt), prevec bode v oci.

Vedno je prostor za malce konkurence. Pa evernote ponuja še veliko več kot standardne textovne zapiske. Moja zadevica ponuja samo preproste zapiske in to je to. Tako pride malce manj komplicirano. No ja bomo videli kaj bo rekel trg.

Če dam enobarvno ozadje imam občtek, da bo zadeva izgledala preveč dolgočasno.

EDIT: Specializacija na slovenski prostor? Why? Nevem koliko profita bom mel od česa takega. Kaj dosti slovenskih kupcev aplikacij verjetno niti ni. Kasneje bi sicer lahko dodal še slovenski prevod.

Uvodno stran pa ne vem kako bi dal. Ravno to je eno bolj pomembnih vprašanj. Mora biti nekaj kar paše zraven tega izgleda.

Enobarvno ozadje bi bilo morda res dolgočasno, vendar mi trenutna varianta nekako ne sede.

Morda kaj v tem stilu, le da bi bilo ozadje svetlo sivo z malenkost temnejšimi črtami.

html5 canvas pa 3d rotacije?

Ma ne pač to ozadje je velik preveč darkersko...
Pač mal poglej večje popularne strani, ki imajo podoben header menu kot ti. Če nisi največji genij v web designu potem ni nič narobe če malo skopiraš od koga, vsaj jaz tako mislim.
Ideje lahk probaš iz glave http://basecamphq.com/ google(tanov bar na vrhu je podoben) http://twitter.com/#!/WritersDigest

V glavnem te "črtice" ki jih maš ti so že zdavnaj pase... Zdaj so bolj popularna clean ozadja z zelo subtilnimi gradienti ali pa še boljše s kakšnimi preprostimi oblikami (tako kot na twitterju, ta slika sploh ni velika saj je pod oblakom skozi ista barva). Pa ne met črno ozadje... Edina stran ki jo poznam ki res vredu izpade z temnim ozadjem je http://www.heroku.com/ sam to ti tezko rata.

My 5 cents.

Trenutna skrb je dizajn. Servis je dejansko končan. Aplikacija dela, sinhronizira podatke s serverjem tako da to je nekje to. Porihtat moram še dizajn aplikacije, izpilit par bugov ter opozorila o napakah prenesti iz debuggerja v uporabniku prijazno obliko. in potem je to to. Potem se moram pa lotit dizajna. Dizajna za uvodno stran - tukaj se mi še vedno ne sanja kaj bi dal. Ter seveda popilit tole ozadje. Po tem moram pa porihtat še ikono aplikacije in to je nekje to.

Ja - flikni na app store in upaj na najboljše . Tako sem naredil do sedaj z vsemi svojimi aplikacijami in je delno delovalo. Z nekaj promocije bi bilo seveda bolje. Nažalost razen polimat link na par forumov in dat par promo kod kaj drugega niti ne morem naredit.

No ja sem preizkusil še dve možnosti - tokrat v bolj svetli obliki:

neprimerno bolše... pa nč se nism pošalil technolog, zakaj bi se?

sploh nic ne zakomplicirajo za implementacijo... dokaj simple... moram full pohvalit dizajn blackclw-ja...

bi pa dal en nasvet in sicer, da gumbke skrijes in prikazes le na mouseon eventu...

pa se nekaj v cem je point teh zapiskov? ...fajn bi bilo, da izpilis se ogranizacijo teh listkov (zdruzevanje v stacke, po tematiki, po kljucnih besedah, po datumu, ali se kaj)...

res me zanima kaj je point tega, oz. uporabnost... kdo je ciljna publika?

Z raznim združevanjem se vsaj zaenkrat ne bom ukvarjal. Niti ni toliko uporabno in zadeve samo komplicira - vsaj po mojem mnenju. Kdo je ciljna publika - jaz. Dejansko imam po papirjih na mizi polno kratkih zapiskov, nekaj jih imam po mobitelu. In ko sem kje nikoli nimam vseh zapiskov s sabo. Tako lahko zapiske dodam na računalniku in preberem na mobitelu, ko sem kje drugje.

No sam note ni težko implementirat - senco pa je. No vem da CSS3 ima neke sence, bom malce preveril. Nisem z CSS3 še nič delal.

EDIT: Glede izdelave tega servisa. Sama aplikacija in kontrolerji, da se podatki priakzujejo na iOS je trajalo malce več kot en teden po kake dve urici na dan. Sam webservis s katerim aplikacija izmenjuje podatke pa dobra dva dni. Podatki se med napravo in spletno stranjo pošiljajo lepo z JSON, ki se ga da na iphoneu in PHPju zelo enostavno parsati. Trenutno omogoča sinhronizacijo - torej na napravi dodaš note in se ta note pojavi tudi na spletni strani (ali obratno). Če kjerkoli urediš note je ta note urejen tudi na drugi strani. Če note izbrišeš se seveda izbriše tudi drugje.

No ja sem implementiral zadevico. Ja shadow je enostaven sem videl.


Ikono za edit moram še malce porihtat .

technolog je 7. avg 2011 ob 19:20 izjavil:

Računal sem, da daš tele listke kot sliko.

Kar za kak IE moraš imet.

za ie6, ja, ce zelis sence... pa valda naredis gracefully degradation.... torej browserji ki podpirajo pokazejo, tisti ki pa ne, pac ne.... pa cetudi bi naredil sliko bi se moral res potrudit, da prides do 50kb

sicer je pa ta zadnja grafika (se) dalec od tiste predlagane

technolog je 7. avg 2011 ob 19:39 izjavil:

Gradientov tudi ne bi šel glih z veseljem pisat za ie.

ie ima filtre, z lahkoto naredis gradiente... sicer pa gradient za to je zelo majhen, manj kot 1kb, z rumenim ozadjem, ponavljanjem v X in bottom poravnavo... si zmagal...

sicer se vedno ne vem zakaj obsesija s to podporo dinzavrom... res ne..tisti, ki jih uporabljajo, si ne zasluzijo podpore...tudi niso ciljna publika...kolko sem razumel, je ciljna publika tista, ki uporablja smart phone (prodajal bo app)...


se pa bom vzdrzal in ne bom vec trolal v tej temi, sorry

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdc9', endColorstr='#fdf9a2',GradientType=0 ); /* IE6-9 */

IE6 že ima podporo očitno. Tale gradient sem lepo spacal z preljubim gradient editorjem:
http://www.colorzilla.com/gradient-edit...

Za kompatibilnost se za nove aplikacije osredotoci na IE8 in FF4+

Daj malo nižji procent oz. izračunaj število pikslov. Če je pa širina dinamična, potem moraš pa to računat z js.

ne, ne in ne...tukaj nimas kaj uporabljat js, + tega, folk ima razlicne resolucije...

naredi recimo

float: left
width: 200px;
margin: 5px;
padding:8px;

in te ti bodo prilagajali listki glede na resolucijo

valda pa ne bos naredil, da tisti s full HD bi imeli 4 listke v eni vrstici? vsak dolg skoraj 500px?


in upsotveja novo nacelo za RESPONSIVE WEB DESIGN

Na Smashing magazine imas odlicen clanek

@Lion29: Hvala za link.
Sem pa upošteval tvoj nasvet glede tega, da naj določim fiksno širino pa bo. Saj o tem sem že sam razmišljal. Samo malce lepše bi izgledalo, če bi bil zaslon od leve proti desni vedno zapolnjen z listki (količina le teh bi se seveda prilagajala resoluciji). Trenutno bom šel z fiksno širino, pa bom potem nekoč v prihodnosti spremenil na prilagajanje.

ja, saj sem ti rekel, da js. Točno to, kar si želiš - variabilno število listov v vrstici, ki se po potrebi par piklsov razširijo, ravno toliko, da zapolnijo celo širino.

Deliš širino prostora z običajno širino listka. Dobiš recimo 5,23. Zaokrožiš na 5 in dobiš širino listka, da bo do roba.

To so tehnični detajli, pustmo to

Drgač pa ni nujno da zaokrožiš dol, še bolje je, če samo zaokrožiš, pa bodo listki enkrat manjši, enkrat večji, ampak v povprečju pa ravno nastavljena širina.

Pa ne pozabi updatat ob resizu windowa.

Ena opcija je, da vzameš kak že narejen design, ali pa plačaš za template...

manjka cel kup stvari, da bi bilo vsecno... predvsem logo oz. celotna celostna podoba... kaksna ikonca tudi nebi skodla

tekst ti gre preveč v rob..malo prostora pusti okol

Takole, aplikacijo je končno potrdil tudi apple. Tukajle je ena promo koda. Če kdo od tisith, ki so pomagali z nasveti rabi še kako kodo pa naj mi sporoči.

Koda:
AMLERHXHLK69