Този сайт използва бисквитки за да подобри услугите и опита на потребителите. Ако решите да продължите разглеждането му автоматично приемате тяхното използване. Подробна информация

Studio AvangardStil

+359 887 737 759, 886 919 867studio (at) avangard-stil.eu

CSS нови възможности за дизайн

С развитието на Cascading Style Sheets (CSS) те вече не са толкова прост механизъм за добавяне на стил (шрифтове, цветове, интервали и пр.) към даден web сайт. С появата на всяка нова версия на CSS се отключват пред нас нови възможности за реализиране на различни елементи и похвати, които в по-ранни версии не са били достъпни.

В последната трета версия на CSS се предлага голямо разнообразие от нови начини, чрез които да се създава или влияе на дизайна на даден web сайт. Тази статия е породена от все по-честото срещане на CSS3. прочети цялата статия

За да бъдем точни трябва да отбележим, че CSS3 все още не е готов на 100%, и че в по-старите brauser-и не се поддържа като  стандарт. Изготвянето и пускането му в употреба е разделено на няколко етапа съгласно неговите основни модули:
  • Фонове и рамки    
  • Модул за списъци
  • Текстови ефекти
  • Представяне на линкове
  • Говорен модул
  • и др.
Пълен списък с модулите  и тяхното развитие можете да проследите на официалната страница.

Ползите от нововъведенията в CSS3 са много, но най-забележими са възможностите за постигане на ефекти като:
  • градиенти
  • заоблени ръбове
  • сенки
  • рамкови изображения
  • Word Wrapping
  • Web Fonts
  • Преоразмеряване
  • Box-sizing
  • Outline
  • и др.
С тези добавки CSS3 ви спестява огромно количество време като  намалява зарежданите от вас файлове като бройка и размер. Улеснява се "рязането" на дизайна на web сайта и реализацията му след това.

Трудно е да се каже кога всички нови browser-и ще започнат да поддържат всички  възможности на CSS3, както е трудно и да се даде крайна дата, на която той ще бъде завършен. Хубавото е, че все повече се срещат примери с използването на CSS3 и засилване на интереса от страна на разработчиците. Това довежда до по-бързото реализиране на различните модули и дава възможност на browser-ите за по- бързо по- етапно интегриране на CSS3, въпреки, че голяма част вече се поддържа навсякъде.
затвори статията Публикувано на 23 Юли 2012 г.

Уникални икони за успешен сайт

Един от най-малките графини елементи на един уеб сайт са неговите икони (icons). Много често,  когато са подбрани добре не се забелязват и не им се отделя необходимото внимание, но когато изборът им не е толкова сполучлив или се повтарят в повече от един сайт допринасят за лошо възприятие от страна на потребителите.

Полезни ли са иконите в един сайт и защо трябва да бъдат индивидуални? прочети цялата статия

За да отговорим на въпроса е необходимо да се запознаем с графичен интерфейс (GUI - Graphical user interface). GUI е в основата на всеки дизайн на web сайт, това е разновидност на потребителски интерфейс, в който елементите на интерфейса (менюта, бутони, списъци и др.), които са предоставени на потребителя за управление, са изпълнени във вид на графични изображения.

За разлика от команден ред, в GUI потребителят има достъп до всички видими обекти на екрана на монитора  и осъществява взаимодействие с тях.

Най-често елементите на графичния интерфейс се реализират като икони, които подсказват тяхното предназначение и свойства, което помага на потребителите да разберат и усвоят web сайта по-добре.

За да може вашият сайт да бъде с добра използваемост от страна на потребителите му неговия GUI интерфейс трябва да бъде добре подбран и да подсказва максимално ясно с всяка икона за какво служи даденият елемент. Ако вашите икони например в навигацията на сайта не са подбрани правилно  рискувате да заблудите потребителя и да го отведете на друга страница, на която не е поместена търсената от него информация. Това ще доведе до висок процент на отпадане на потребители след посещаване на вашата страница и би обезсмислило Вашите маркетингови кампании или усилия за привличане на по-голяма аудитория.

Ако Вашите икони са срещани в много сайтове и не са разработвани конкретно за вашата страница то те най-вероятно няма да се навързват (напасват) с нея на 100% и ще оставят неприятното усещане за недоизгладени  детайли. Също така ако са много популярни и се срещат и в други сайтове рискувате да заблудите потребителя, че вече е  посещавал вашата страница и да го изгубите. Освен това ще покажете, че не сте заинтересувани от мнението и дали престоят на потребителите Ви е бил приятен, което ще доведе до сериозно отблъскване и загуба на нови и завърнали се посетители.

Затова при разработването на даден сайт е добре да се вземат  предвид и дори малки графични елементи като иконите, за да може да се постигне максимална удолетвореност сред потребителите  и да им се предостави такъв комфорт и удобство, че да пожелаят да се върнат отновор водейки нови потребители със себе си.
затвори статията Публикувано на 22 Юли 2012 г.

Website wireframe

Изграждането на wireframe за даден сайт доста често се смята за допълнително време за уточняване на разположението на елементите и много фирми предпочитат да пропуснат тази стъпка и да преминат към leyaut- а на въпросният сайт.

Въпросът обаче е има ли нужда да се губи време за направата на wireframe  и ние категорично без да се колебаем, заявяваме ДА!

прочети цялата статия

При започването на нов проект най-често се налага да се обясни на клиента как ще е подреден сайта и как ще изглежда, но не всеки клиент има въображение и затова се изпада в продължително обяснение кое, къде, как и какво ще се прави. Ето това е един от плюсовете на wireframe-a.

Затова при първоначалното изграждане на дадена идея е добре да се започне от разполагането на систематизирани изображения, които да показват кой елемент къде ще е разположен и каква ще бъде функционалността му, като по този начин при показване на клиента той ще придобие ясна  представа за приблизителното разположение и функционалност, без да се налага да се изпада в безброй обяснения. Винаги може да се направи  целият дизайн на сайта с решените вече разположения на елементите, или също така да се направи Frond-End на някоя от страниците. В тези варианти възприятието от страна на клиента ще бъде много по-благоприятно, но в случай на изграждане на по-обемни сайтове ще се загуби много време в предварителни опити и показвания докато се постигне оптималното решение, което отново затвърждава ползата от систематизирано изображение на web сайта, което да даде основните насоки.

При изграждането на wireframe има възможност да се проследи разположенията на елементите от група хора и да се прецени дали са удобни за работа от страна на потребителя, тъй като целта е именно на него да му е удобно за използваемост. Когато се предвижда структурата се вземе   предвид какъв тип сайт е и каква е неговата target група.

От всичко това ще има голяма полза не само при първоначалното представяне на проекта пред клиента, а и от гледна точка на завършеният web проект и неговата използваемост тъй като ще бъдат взети  предвид логическите връзки и унесеността за ползването им още от най-начален стадий и ще бъдат изградени така, че да са максимално ефикасни. И най голямата полза е, че се свежда до минимум възможността да се получи разногласие между това как клиента би желал да  функционира даден елемент или част от сайта му и това как дизайнерите и програмистите са го реализирали  впоследствие.

Имайки предвид, че в сравнение с изграждането на цялостния дизайн или реализирането на Frond-End на дадена страница изработването на подобен схематичен дизайн (wireframe) на сайта отнема около 10 пъти по-малко време, а функционалностите са два пъти по разбираеми за клиента то отговора на въпросът дали е загуба на време определено би бил НЕ!
затвори статията Публикувано на 21 Юли 2012 г.

Социализация на web сайта Ви

Основната задача пред новостартираните web сайтове е да достигнат до съответната аудитория. За целта се използват множество и най-различни похвати за привличане на колкото се може повече посетители.

В случай, че това не се случва с вашият web сайт, то значи му е необходимо популяризиране като в повечето случr то не свършва до оптимизация за търсачките и излизане на начална позиция в резултатите, нито пък с присъствие в различни директории. Често се налага прибягване до други похвати за привличане на потребители на страницата Ви. Масовата употреба на социалните мрежи ги превърна в мощен инструмент в ръцете на маркетинговите специалистите за достъп до необходимите им target групи, използвайки ги за популяризиране и рекламиране на услуги, продукти и др., в тях. прочети цялата статия

Най-популярната социална мрежа е Facebook,  тя разполага със стотици милиони потребители по цял свят и  е   най-използваната.  Тя е направила своя принос за подпомагане и развитие на бизнеса, като му е предоставила възможност за фен страници.

Фен страниците биват няколко вида, но всички са с идентична идея за популяризиране на заложените им брандове. След събиране на фен група на facebook страницата посредством маркетингови "хитринки" се използва системата на facebook за разпращане на текущите промоции и др. Използвайки този похват за разпространение и популяризиране на Вашите брандове Вие достигате бързо не само до преките Ви фенове, а и до техните приятели които
са харесали facebook страницата Ви. При харесване на публикувана от Вас информация от страна на феновете тя се вижда от всички техни приятели и в случай, че им допада те могат да се присъединят към  Вашата общност. В този случай механизма за набиране на нови фенове и потенциални клиенти - посетители на сайта ви се превръща в автоматичен.

За да се засилва интереса и да се примами потребителското внимание към вашата фен страница и от там към Интернет страницата Ви често се пребягва до разиграването на различни рекламни формати - игри, томболи и пр. По този начин потребителите стават пряко ангажирани и за определено / непределно време се ангажират със следене на всичко около вашата страница.

Повечето социални мрежи предоставят на своите клиенти набор от функции и добавки за добавяне в сайтове им,  позволявайки на потребителите да комуникират и боравят директно през сайта Ви със социалната мрежа и набора от функции към нея.  По този начин се дава възможност и за обратен процес - дава се възможност на текущите Ви потребители да популяризират сред своите приятели Вашият сайт.

Затова една социализация на вашият сайт би била в полза за неговото развиване и привличането на нов потребителски поток към него.
затвори статията Публикувано на 20 Юли 2012 г.

HTML5 или Flash

Дебатите и обсъждането за това коя технология да бъде избрана за реализирането на динамични проекти продължават сред разработчиците.

По темата се изписа много в web пространството и се намериха защитници, както на едната така и на другата технология, затова ние ще наблегнем на това да Ви запознаем в най-общ план с двете технологии и да обосновем нашите предпочитания. прочети цялата статия

Ще започнем с най-общо представяне на двете технологии.

HTML5
е най-новата спецификация на езика за структуриране и представяне на Интернет съдържание. HTML5 е смесица от много функции въведени от различни спецификации, заедно с тези, въведени от софтуерни продукти, като уеб браузърите. По-специално, HTML5 добавя много нови синтактични функции, опитвайки се да обедини HTML, XHTML, DOM, Java Script и CSS.

Основното сравнение и съревнование на двете технологии беше породено от нововъведената в HTML5 позволяващи работа с мултимедийно и графично съдържание в уеб пространството без плъгини и техните APIs. От друга страна са новосъздадените елементи, които целят да подобрят семантично документите, позволявайки по-добро индексиране и описване на сайтовете за търсещите машини.

FLASH
е мултимедийна платформа, която възпроизвежда анимация, богато мултимедийно съдържание (rich media) и интерактивно потребителско съдържание през Интернет браузър. През годините Flash се развива, като основно средство за възпроизвеждане на мултимедия и създаване на интерактивно съдържание в уеб, което я направи основен двигател на аудио и видео съдържание online.

Коя технология да предпочетете?
Това е доста относителен въпрос и със сигурност ще намерите защитници както на едната, така и на другата технология. Някои от тях биха били доста крайни в защитата си, но истината е, че на този етап на развитие на технологиите те са много еднакви. Затова при избора трябва да се вземат под внимание  плюсовете и минусите на дадена технология.

За използването на Flash и свързването му с браузъра ви, трябва да имате инсталиран Flash player, което всъщност е външен  инструмент и го прави по-уязвим. Именно този проблем е в основата на опитите Flash да бъде заменен с HTML5. Пример за подобна уязвимост в него е възможността да се придобие контрол над заразената система от атакуващия. Това може да се случи като се прикачи .swf файл (Flash), в MS Word документ (.doc), и се изпрати като прикачен файл в e-mail - поясняват от Adobe.

Друг белег за множеството пропуски в сигурността на Adobe Flash Player е постоянното обновяваните версии (оправяне на пропуски). И макар тези уязвимости да изглеждат безобидни, не винаги е така. Във връзка с тях Стив Джобс заяви, че Flash е „ненадежден, несигурен и работата с него скъсява живота на батерията.” в следствие на което поддръжката на Flash в iOS беше  прекратена.

Въпреки необходимостта от добавянето на Flash player той е инсталиран на 96% от компютрите в Интернет, което го прави много популярен както сред разработчиците така и сред потребителите.

Възможността за атрактивна и нестандартна Интернет реклама и нуждата от все по забележимо рекламно присъствие го превръща в основен инструмент за създаването й . С развитието на технологията тя придобива все по-големи възможности, но за сметка на това се усложнява и довежда до прекомерна и в много случаи неуместна употреба.

С това усложняване на Flash се появява и обектно ориентирания Action Script 3, което превръща технологията в сериозна платформа за разработка на интерактивен софтуер. Скорошната поява на ООП във Flash носи своите проблеми, като допринася за трудното "приемане" от страна на разработчиците, а от страна на графичните дизайнери се превръща в твърде сложна среда за реализиране на анимации, прости реклами и др.

Най-големият  плюс на Flash е възможността (под Windows) да използва хардуерно ускорение с помощта на процесора. Но при неправилна употреба това довежда до прекалено голямо натоварване и забиване на потребителските компютри.

Много от функционалностите запазени за Flash сега са достъпни и за HTML5 - поддръжката на вектори, мултимедийни тагове, 3D и др. Тяхното управление е много лесно чрез Javascript и готови библиотеки като jQuery, MooTools и др. Това допринася за по-малко време за разработка на отделните елементи в даден проект.

Много браузeри  имплементират част от стандартите от спецификацията на HTML5 и поддържат по-голямата част от нововъведенията. А при браузърите за мобилни устройства процента е още по-висок.

HTML5 изисква по-малко ресурси от страна на потребителите и не е обвързан с инсталирането на допълнителни plaer-и за възпроизвеждането на готовия продукт.

С навлизането на HTML5 и все по-голямото му поддържане от страна на потребителските браузъри, съвместно с изискванията му за по-малко налични hardware-ни ресурси, големите компании и сайтове предлагащи мултимедийно съдържание на широка аудитория като YouTube, Vimeo и др. публично обявиха, че клиповете им ще се доставят през HTML5.

Сред много от Вас, които не са се срещали отблизо с технологията ще възникне въпроса "Какво е HTML5 player?" - това е алтернатива на Flash Player, която работи почти по същия начин, но има някои предимства:
  • зарежда се веднага;
  • можете да превключвате на различни места от клипа, без да чакате;
  • по-гладко възпроизвеждане;
  • по-лесно управление и изграждане на контроли.
Избрахте ли технология?
При HTML5 все още има много проблеми и един от тях е с управлението на правата и политиките за конфиденциалност при възпроизвеждане на видео.

Flash, от друга страна, надали ще изчезне напълно, тъй като технологията работи добре и е широко приложима, така че замяната и не е много приемлива на този етап.

Разработчиците, решили да преминат към HTML5, трябва да са сигурни, че могат да извършат необходимата актуализация на кодовете. В противен случай, предимствата не оправдават цената за прехода.

Затова на този етап там,  където имаме възможност се възползваме от нововъведенията на HTML5 и ги предоставяме на нашите клиентир съобразявайки ги така, че да са максимално ефективни и в полза на клиента.
затвори статията Публикувано на 19 Юли 2012 г.