Рубите с плеча.

Первое оружие для борьбы с злом сложности – топор. Исследования показали, что 80% пользователей используют лишь 20% функционала програмного обеспечения. А всякие штучки не только увеличивают время разработки, но и отнимают, а не прибавляют ценности делая приложение сложнее в использовании. Это приложения, которые стараются сделать все, вместо того, чтобы стараться делать что то одно хорошо. Успешное приложение, это узконаправленое приложение: решает одну проблему, но на отлично.
Лучшим способом получить узконаправленое приложение – урезать функционал. Когда решаете нужен ли вам определенный функционал, ответом по умолчанию должен быть – “нет”. Создайте настоящую конкуренцию между функционалом, только самый нужный будет включен. Если он не помогает большинсву пользователей решить свои задачи, тогда он должен быть исключен. Можете говорить, что махать топором – это просто, зато когда клиенты начнут петь диферамбы о том как удобно и просто ваше приложение, можете оставить себе эту благодарность.

Спрячте сложность.

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

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

Если говорить словами гуру дизайна Джона Маеда – “Когда маленький и скромный объект, превосходит все наши ожидания, это не только удивительно, но и приятно”

Уменьшайте визуальный шум.

Итак мы обсудили урезание и сокрытие функционала. Но уменьшение сложности “восприятия” ничуть не менее важно. “Количество визуального шума в интерфейсе, сильно осложняет восприятие последнего.” – Брендон Волкин. Сведение визуально зашумленности к минимуму сделает интерфейс кажущемся проще для восприятия. Двумя основными инструментами для уменьшения шума явлются: свободное пространство и контраст.

Свободное пространсво, по определению марка Болтона, это “пространство между элементами в композиции”. Свободное пространство должно быть инструментом по умолчаю при разметке. Одно правило: никогда не вводите дизайнерски элемент, если вы можете получить тот же результат используя свободное пространство. Вы будите приятно удивлены тем, как много можно сделать используя свободное пространство.

В то время как свободное пространство должно быть в изобилии, контрастом лучше не злоупотреблять. Дизайнер-теоретик Эдвард Тафт, автор понятия “наименьшей эффективной разницы”, призывает дизайнеров к использованию небольших визуальных отличий требуемых для эффективной подачи идеи. Фактически это означает: подчернуть то, что важно и затенить все остальное.

Для илюстрации обеих идей, посмотрите на ценовую таблицу с TypeKit и ее измененную версию:

Измененная версия.

Оригинал

Вы наверное заметили, что в измененной версии присутсвует темная “тяжелая” рамка. Какая из версий менее зашумлена? (Ответ, естейственно, оригинал). Много свободного пространства и слабый контраст уменьшают визуальный шум и делают ваше приложение проще.

Уменьшайте, используйте повторно.

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

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

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

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

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

Заполненная пустота.

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

Люди работавшие над Versions (клиент Subversion для Mac), очевидно думали над этой проблемой. Приложение акцентирует внимание на двух основных действиях, которые может совершить пользователь используя клиент в первый раз.

Стоит повторить: не забывайте о ситуации с отсутствием содержимого!

Примеры.

Итак мы рассмотрели различные способы уменьшея сложножни интерфеса, ниже несколько реальных примеров.

Invoice Machine – это минимализм в интерфейсе в его лучшем виде. Приложение уделяет внимание деталям, а не словам.

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

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

У Ballpark четкие элементы управления и незагроможденный интерфейс.

Krop, по сути, состоит из двух полей. Он позволяет буквально за пять секунд найти нужное объявление.

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

Screenr является очень удобным приложением для записи скринкастов и дальнейшим размещении их на Twitter.

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

В заключение.

Во-первых уменьшайте сложность за счет устранения лишнего функционала, а то что не сможете устранить – спрячте. Во вторых уменьшайте сложность восприятия путем сведения к минимуму зашумленности и повторного использования элементов. И наконец не забывайте о ситуации отсутсвием контента.
Сведение сложности к минимуму, позволит пользователям быстрее ознакомиться с вашим приложением, использовать его более эффективно и при этом оставаться довольными. Как сказал джазовый музыкант Чарли Мингус: “Сделать из простого сложное – обычное дело, а сделать сложное простым – творчество”.

Оригинал статьи взят с: http://www.smashingmagazine.com/2009/10/07/minimizing-complexity-in-user-interfaces/

В данной статье, я – это не я, а реальный автор, ссылка на которого в конце поста. Хотя во многом я с ним согласен.

PHP PSD Reader

Несколько недель назад, я написал статью о этом PHP-скрипте, который позволяет вам отображать любой PSD-файл на экране. Очень полезный для создания превьюшек PSD созданных для ваших клиентов, например. Этот класс может быть использован для открытия изображений формата Photoshop PSD. Он создает GD труколор изображение и рендерит на него изображение из PSD. Функция agecreatefrompsd() предоставлена для упрощения создания изображений из PSD.
http://www.phpclasses.org/browse/package/3627.html

Browser detect

Одна из наиболее частых (и скучных) проблем для разработчиков фронт-энда это кросс-браузерная совместимость. Данный PHP-класс определит любой браузер и упростит вашу работу связанную с кросс-браузерностью.
http://www.phpclasses.org/browse/package/2827.html

Akismet

Помните денечки без спама? Если ваш сайт атакуют спамеры, Akismet вероятно сможет помочь. При получении нового комментария, трекбяка, или пингбяка, появляющихся на вашем сайте, они отправляются веб-сервису Akismet, который запускает сотни тестов и отвечает вам: добро или нет, т.е. является ли текст спамом или нет.
http://phpclasses.linuxpourtous.com/browse/package/4401.html

ADOdb

Огрромное количество сайтов и веб-приложений используют базы данных для храния различных типов данных. ADOdb это библиотека для PHP, абстрагирующая разработчика от конкретной реализации базы данных, поддерживающая MySQL, PostgreSQL, Interbase, Firebird, Oracle, MS SQL и другие СУБД. ADOdb очень прост в изучении, и имеет ряд других приятных особенностей таких как широкая поддержка переносимости, скорость, BSD-лицензирование.
http://adodb.sourceforge.net/

HTML Purifier

Как говорит его название, HTML Purifier – это PHP- класс созданный для помощи в написании “красивого” кода. HTML Purifier может удалять вредоносный код и гарантирует соответсвие вашего кода стандартам. Хороший интсрумент для любого разработчика
http://htmlpurifier.org/

Google charts API

Графики очень нужны и часто требуются клиентам, но на создание их требуется уйма времени. Помню как несколько лет назад я и мой друг создавали графики каждую неделю на фотошопе, для одного из его клиентов. Эти времена ушли навсегда. С Google charts API, простой график может быть создан и отображен на экране используя всего 4 строчки кода.
http://luddep.se/notebook/2008/04/13/charts-php-and-google-charts-api/

pChart

pChart – это другой класс для создания графиков, и так же хорош как предыдущий. Данные могут быть легко получены SQL-запросами, из CSV-файлов, а могут быть предоставлены вручную.
http://pchart.sourceforge.net/index.php

PHP Excel

Экзеловские документы очень популярны в корпоративном мире. Учитывая этот факт, имеется высокая вероятность того, что когда нибудь ваш клиент попросит вас создать экзеловский документ в PHP.
К счастью, движек PHP Excel позволяет вам с легкость создавать и манипулировать различными типами файлов, таких как Excel 2007, Open XML, PDF.
http://www.codeplex.com/PHPExcel

Country from IP

Некоторые сайты могут определить ваше местоположение и автоматически отобразить информацию на вашем языке. Как они делают это? Да очень просто, они используют ваш IP-адрес для определения вашего местонахождения. Класс Country from IP прост в использовании и позволит вам получить информацию о стране исходя из IP-адреса.
http://phpclasses.linuxpourtous.com/browse/package/2363.html

Cache Manager

Если вы работаете над высоконагруженным сайтом, то несомненно вам требуется кешировать файлы, для увеличения производительности. Это очень легко сделать используя данный класс. Одназначто маст-хяв, на мой взгляд.
http://phpclasses.linuxpourtous.com/browse/package/2860.html

WPGet

Насколько я знаю, у многих из вас имеется WordPress-блог, и я просто не могу закончить статью не рассмотрев отличный инструмент для нашего любимого блогового движка. WPGet это PHP-класс который позволит вам с легкостью получать информацию из базы даныых ВордПресса 2.Х. Иначе говоря, он позволяет вам получать посты, комменты, и др. инфу из ВордПресс-блога, на не ВордПресс сайте. Великолепно, не так ли?
http://phpclasses.linuxpourtous.com/browse/package/3328.html

Ссылка на оригинал статьи: http://www.catswhocode.com/blog/10-extremely-useful-php-classes

Итак… Посмотрим на мир Mootools’а под углом 23,5…

CSSDrive – коллекция (постоянно обновляющаяся) красивых сайтов. Разделена  на категории.

ArtGorbunov – сайт Артема Горбунова, в разделе “Советы” можно почерпнуть много полезного