Кнопка – простейший каждодневный элемент дизайна для взаимодействий. Хотя кнопки кажутся простыми элементами UI, их дизайн за последние десятилетия сильно менялся. Но всегда в сторону улучшения распознавания и ясности.

В статье мы рассмотрим эволюцию кнопок и решим, каким из примеров лучше всего следовать, чтобы создать эффективные кнопки.

Эволюция стиля

Трёхмерная кнопка

С ранних дней кнопки операционных систем основывались на эмуляции рельефа и тени, чтобы отличать их от окружающих элементов. Это дизайнерское решение было основано на простом принципе – использование кромки, градиента и тени выделяет элемент из фона, и его становится легко распознать как элемент, поддерживающий нажатие.

Под пользовательским контентом в этой статье мы понимаем любой текст на странице, автором которого является пользователь. Чаще всего это комментарии, пользовательские записи «на стене» в микроблоге, информация «о себе» в профиле и все в таком роде. Задача не то чтобы очень сложная, но требует внимательности и хорошего понимания основ верстки. В этой статье сделана попытка собрать воедино то наиболее важное, что нужно знать о верстке, включающей пользовательский текст.

Меня зовут Василий Чуранов. Я директор компании WebCanape. Ближайшие несколько месяцев я хочу потратить на систематизацию тех знаний и опыта, которые помогли WebCanape войти в топ-100 веб-студий и начать зарабатывать на самом конкурентном рынке — разработки сайтов. Этот опыт я планирую свести в 15 материалов, которые, возможно (очень надеюсь), станут для веб-студий с небольшим штатом сотрудников и большими амбициями — полезными практическими инструкциями в этом нелегком пути.

Привет Гиктаймс!

Не прошло и года, и вот она, новая порция фанатских теорий. Извините за долгое ожидание и спасибо всем, кто спрашивал, когда выйдут новые статьи! Это очень помогло.

В прошлом голосовании, с большим отрывом, победил Властелин Колец. На этот раз Q&A делать не буду, поскольку все равно приходится все дублировать в комментариях.

Автор статьи, Мэтью Бёрнс, напряжённо работал над такими игровыми франшизами, как Halo, Call of Duty и Destiny. Он писатель и разработчик игр из Сиэтла.



Аврал, или работа с полным напряжением сил в попытках успеть к дедлайну (на сленге англоязычных программистов – кранч [crunch]) – прискорбное явление в нашей индустрии. И пока кто-нибудь не придумает решения этой проблемы, что нам с ним делать?

В спорах по поводу авралов мы говорим о том, существуют ли такие обстоятельства, при которых он является допустимым – то есть, бывает ли «хороший» и «плохой» аврал – и что должна сделать индустрия для того, чтобы урезать количество «плохих». Соглашусь с тем, что для индустрии было бы полезно измениться сверху вниз. Обычно руководители могут взять на себя больше ответственности, помочь улучшить условия работы и сделать разработку игр приятной и стабильной работой. Но такое изменение будет медленным, и идти оно будет по частям. Огромное количество студий разработчиков по всему миру управляется людьми, думающими по-другому – их слишком много, чтобы они смогли договориться и привнести изменения.

Это значит, что даже если есть повод верить в улучшение ситуации, есть шанс наткнуться в своей карьере на «плохой» аврал, и чем длиннее карьера, тем больше вероятность встретить его (и не один раз). «Не нравится – валите», как любят говорить плохие начальники и интернет-комментаторы, но из-за множества факторов иногда это просто невозможно – если, к примеру, вы потеряете работу и не сможете быстро подыскать другую.

Поэтому, если вы недавно вошли в эту индустрию и попали в свой первый аврал, или если вы хотите заняться играми, но волнуетесь из-за ужасных историй по поводу авралов, вот вам мои соображения по поводу возникновения этого явления и того, как его пережить, если уж вы в него вляпались.

В конце предыдущей своей статьи я начал рассказывать о том как у меня организован просмотр сериалов, но решил что это — тема для отдельной заметки.

Немного забегая вперед, хочу показать, что же у нас есть в итоге…
Когда обнаруживается время расслабиться и включить сериальчик, я запускаю Alfred, ввожу "сериалы" и получаю в ответ список загруженных.

Аудиомания на м. Электрозаводская

Любой основатель бизнеса хочет, чтобы его детище росло и развивалось – разумеется, если мы не говорим о мошенниках и фирмах-однодневках. Это справедливо как для оффлайновых проектов, так и для интернет-бизнеса вообще и электронной коммерции в частности, которая еще несколько лет назад переживала бум.

Сеть была переполнена руководствами по созданию собственных магазинов, а блоги пестрели историями успеха неработающих домохозяек, открывших для себя дивный новый мир перепродажи товаров с китайских интернет-площадок.

В теории все эти рассказы звучат очень заманчиво – кажется, что для создания интернет-магазина нужно одно лишь большое желание и голова на плечах. На практике «долину смерти» преодолевает далеко не каждый e-commerce проект – даже если к его созданию основатели подходят со всей серьезностью, не боятся рисковать и готовы буквально жить на работе.
 
Мы в Аудиомании не только развили собственный электронный бизнес, но и за все время его существования пообщались и стали свидетелями большого количества взлетов и падений в e-commerce. И готовы рассказать о том, как делать не надо: в этом материале мы решили собрать наиболее часто встречающиеся ошибки, которые могут дорого стоить вашему онлайн-проекту еще на старте.

Надо начать, а там – как пойдет

Это – одно из самых больших заблуждений нового бизнеса, как в сфере электронной коммерции, так и где бы то ни было еще. Поначалу такая легкая небрежность, кажется, никому не вредит (проект-то работает!), но впоследствии превращается в огромный клубок нечетко определенных задач, замалчиваемых проблем и прочих непримиримых противоречий.

Сегодня предпринимателю Джеку Ма 51 год, его богатство оценивается в 23,3 млрд долларов, не считая 150 млрд IPO – самых крупных в истории. Впрочем, начинал он с работы учителем английского языка за 12 долларов в месяц (хотя он был доволен жизнью и в тот период).

Учитывая скромность и мизерность первых шагов Джека Ма, в его достижения практически невозможно поверить. За свою жизнь он пережил больше неудач (и они были более впечатляющими), чем сумело бы вынести большинство из нас.

Вот 7 моментов, когда Джек Ма, столкнувшись с унизительными провалами, ухитрился сохранить свой оптимизм. В точности, как и его любимый персонаж Форрест Гамп.

Наверное, все мы в той или иной мере склонны к прокрастинации. Даже наиболее успешные люди ведут борьбу с ней каждый день. Но успешные люди, в отличие от всех остальных, справляются с этим. Они не дают себе поблажек и не позволяют прокрастинации влиять на их работу. Они пользуются четкими и действенными стратегиями, позволяющими сломать психологические барьеры и сохранить высокую продуктивность.

Ниже приводится восемь способов, с помощью которых успешные люди противодействуют прокрастинации. Вероятно, многим они покажутся очевидными. Но кому-то могут принести и ощутимую пользу!

Человеку чрезвычайно легко подобрать один маленький факт о другом и немедленно начать недооценивать его, даже не осознавая этого. Поэтому столь многие из нас не получают должного признания. Итак, для тех, кого недооценивают из-за неподвластных вам обстоятельств: надеемся, что эти вполне осуществимые шаги помогут вам получить совершенно заслуженное признание!

Независимо от того, жаворонок вы или сова, в какой-то момент приходится начинать свой день. И, кажется, у всех это происходит по-разному. Хотя идеального утреннего расписания, подходящего для всех, похоже, не существует, сделать начало дня правильным можно, многому научившись у успешных людей, а также воспользовавшись данными исследований и вдохновляющими идеями.

У вас есть стремление. Вы какое-то время его реализуете. Вам даже кажется, что вы постоянно чего-то добиваетесь. И вы делитесь своими достижениями с друзьями и родными, но их реакция вас шокирует. «Почему ты этим занимаешься?» — спрашивают они, выражая недоверие. И вы начинаете сомневаться в своем выборе. «Не думаю, что ты справишься!» — восклицают они. И тем самым разрушают вашу уверенность в себе. «Что ты будешь делать потом?» — интересуются они. По их мнению, вы зря тратите время. Вы не понимаете. Они считаются вашими самыми близкими людьми. Не должно ли их интересовать, счастливы ли вы? Или они не хотят видеть, что ваша жизнь стала лучше, а мечты превратились в реальность?

Считается, что семья изначально должна быть любящей и безопасной, но так происходит не всегда. Некоторые родные люди деструктивны, сложны и склонны к доминированию. Особенно трудно, если проблемным членом семьи оказывается кто-то из родителей. Как с этим справиться?

Вы когда-нибудь принимали ошибочные решения, которые изначально казались вам правильными? Помните, когда вы неудачно поменяли оттенок волос «просто чтобы попробовать», покрасили стены в квартире в «восхитительный» новый цвет или «вложились» в наряд, который в итоге так ни разу и не надели? Да, со всеми такое бывало. Но что если такое неверное решение, последствия которого не отменить, — это ваш выбор карьеры?

Друзья мои! Время от времени каждый из нас сталкивается с ситуацией, когда, попав на новый для себя сайт, приходится хорошенько поразмыслить минуту-другую, чтобы понять, как там все устроено. Примерно в таком же положении можно оказаться, обнаружив радикальные (или не очень) перемены во внешнем облике любимых сайтов, будь то last.fm или Кинопоиск. Существуют разные способы примирить пользователей с новым дизайном: от постепенного знакомства с привнесенными новшествами («Попробуйте бета-версию обновленного сайта прямо сейчас!») до создания пошагового гайда по новым возможностям. О последнем варианте мы сегодня и поговорим.

Многие думают, что разработка дизайна для формы оплаты — это не самое важное занятие. Однако, если задуматься, то форма оплаты любого продающего сайта — один из важнейших составляющих его элементов, та самая «точка невозврата», пройдя которую покупатель уже не повернет вспять. Находясь на форме оплаты, клиент принимает окончательное решение о покупке выбранного товара или же об отмене заказа. Другими словами, платежная форма — это та тонкая грань, которая отделяет вас от цели любого продающего сайта — реализовать товар. И если рассуждать в подобном ключе, то становится очевидным, что пренебрегать дизайном формы никак нельзя.

В предыдущей статье мы рассказали, как можно сделать форму оплаты заказа более привлекательной с помощью визуального улучшения полей. В этой статье речь пойдет о том, как повысить количество успешных платежей с помощью правильно подобранной анимации. Статья будет полезна и тем, кто планирует добавить к своим интерфейсам микро-анимации, по крайней мере, сейчас мы внедряем это в нашем агрегаторе электронных обменников и многие принципы, как оказалось, легко перенести на большинство веб-сервисов.

Анимация на форме оплаты не должна носить исключительно развлекательный характер, напротив, ее главная цель — помочь пользователю разобраться с тем, что от него требуется и подтолкнуть к наиболее эффективному использованию вашего продукта. Здесь важно не переусердствовать. Существует простое, но эффективное правило, помогающее понять, так ли нужна выбранная вами анимация на форме оплаты: отключите ее и посмотрите, что будет. Если после отключения анимационных эффектов ваша форма значительно потеряла в информативности и функциональности, интерфейс стал менее удобным и выглядит неполным, значит анимация действительно полезна и нужна, в противном случае, если после отключения анимации восприятие формы не изменилось, вероятнее всего, она будет лишней.

Экономические кризисы, повторяющиеся в России, да и в других странах мира, с завидной регулярностью, научили заказчиков считать деньги и не тратить лишнее там, где можно сэкономить, воспользовавшись тем, что уже имеется, применяя имеющиеся активы с максимальной эффективностью. Для того, чтобы этого добиться, необходимо иметь под рукой инструмент, позволяющий оценить существующие ресурсы, их количество, степень востребованности, интенсивность использования и стоимость владения и поддержки.

Когда эта картина максимально прозрачна и в любой момент доступна менеджменту компании, он получает возможность намного легче принимать управленческие решения стратегического уровня и можно с уверенностью предположить, что эти решения будут правильными. Всё это касается любых корпоративных активов, в том числе и тех, что относятся к информационным технологиям. Многие привыкли к тому, что ИТ представляют собой некий «черный ящик» откуда CIO и его коллеги с загадочным и таинственным видом могут извлечь белого кролика или что-то совершенно другое. На самом деле, так быть не должно, если мы хотим, чтобы наш бизнес был предсказуемым со всех точек зрения, в том числе и с позиций ИТ, которые обеспечивают необходимое конкурентное преимущество для компании. Сколько лицензий нужно закупить, чтобы сократить расходы, минимизировать возможные риски и повысить планку качества ИТ-услуг? Какие имеющиеся на рынке программные и аппаратные ресурсы будут самыми оптимальными по соотношению цены и возможностей для вашей компании? Как контролировать использование ресурсов и планировать закупки новых? На эти и многие другие вопросы отвечают решения, предназначенные для управления ИТ-активами. В качестве примера хотелось бы рассказать о продукте компании Hewlett-Packard HP Asset Manager.

У нас было социальное приложение без чата, 2 недели на его разработку и абсолютно никаких знаний о существующих протоколах для реализации IM. Не то что бы это был необходимый набор для того чтобы выстрелить себе в ногу, но в процессе работы это произошло. Несколько раз.

— Паша, нам нужно сделать чат.
— Да всё просто, у меня тут знакомые использовали XMPP для чата в своём приложении.

Какие у нас были требования? Да ничего особенного, простой обмен сообщениями между пользователями, без групповых разговоров. Платформы: веб (с поддержкой работы через вебсокеты), Android, iOS. Создание пользователей должно автоматически производится только нашим серверным приложением. Конечно неплохо было бы иметь отметки о том прочитано сообщение или нет(предполагается, что приложение может быть использовано с разных девайсов), и иметь возможность просмотреть лог чата. В общем стандартный функционал для мгновенного обмена сообщениями в 2015 году. Бонусные баллы начисляются если сервер умеет горизонтально масштабироваться.

Процесс покупки в интернете затягивает — один раз попробовав купить товары онлайн, покупатели осознают все преимущества удаленной покупки. Ведь так здорово иметь магазин всегда под рукой: заказать еду, билеты, выбрать бытовую технику и многое другое, находясь в любом месте и в любое время. Приятные ощущения от комфортной покупки в сочетании с отработанной маркетинговой активностью интернет-магазина заставляют клиента возвращаться снова и снова. Это подтверждает статистика: российский рынок онлайн-покупок за 2014 год вырос на 35% — до 560 млрд рублей, а количество покупателей выросло на 37%, до 25,4 млн человек. Всего в интернете россияне совершили 195 млн покупок и потратили на них на 41% больше, чем в 2013 году, — 645 млрд рублей. Средний чек с учетом стоимости доставки составил 3 300 рублей.

Однако часто процесс покупки вызывает негативные эмоции, связанные, например, с недружественным интерфейсом всей цепочки действий, невозможностью выбрать желаемый способ оплаты, отсутствием спецпредложений…



В ходе совместного исследования MasterCard и UsabilityLab, посвященного юзабилити процесса покупки в интернет-магазинах, были выявлены основные ошибки, допущенные на каждом из этапов. Любая такая ошибка — риск потерять покупателя или отвлечь его внимание на сторонние страницы и сервисы. Цена ошибки очевидна — потеря прибыли. Стоит отметить, что осознание погрешностей в оформлении и совершенствование страниц происходит достаточно быстро. Исследование стартовало в конце 2013 года — за этот период некоторые платежные системы внесли в свои страницы значительные изменения и улучшили юзабилити. Это можно увидеть, сравнив примеры из этого поста и просмотрев современные решения, предлагаемые пользователям на крупных сайтах.

Разобьём результаты по этапам покупки и рассмотрим, что же было сделано не так и какие риски вызывали те или иные некорректные параметры.

Здравствуйте, коллеги.

Сегодня мы хотели затронуть такую многогранную и противоречивую тему, как фреймворки JavaScript. За последние несколько месяцев в издательстве неоднократно обсуждались перспективы издания книг и по Angular.js, и по Knockout.js, а книга по Backbone.js у нас выходила в прошлом году. Следующий материал призван помочь разобраться в сильных и слабых сторонах различных фреймворков JavaScript. Возможно, после изучения статьи читателю будет проще ответить на вопросы о том, так ли схожи эти фреймворки, и желает ли он дополнительно изучить какую-то из технологий, упомянутых в этом обзоре. Мы же попросим вас поделиться вашими соображениями о том, нужны ли новые книги по этим фреймворкам, если да — то по каким (высказываемся в комментариях, не стесняемся давать ссылки на книги).