PiXograms

The Pixograms font family is designed specially for representing the actions, processes and objects involved in the flow of user experience. It works as a separate repository and works as a dependency for PiX so its easier to maintain and upgrade.

La familia tipográfica Pixograms está especialmente diseñada para representar las acciones, procesos y objetos involucrados en el flujo de experiencia del usuario. Trabaja como un repositorio independiente y es una dependencia de PiX de tal forma que resulta más sencilla su mantención y actualización.

All Icons

This textarea uses pixograms as the base font, so you can type the icon names and they’ll appear as ligatures. Check the original repository

Meta

Score headers and meta icons.

logo
person
dialogue
system
empty

Generic

Multipurpose

up
down
left
right

Devices

Devices serve to specify what kind of interaction is involved. It's the key to the score:

mobile
tablet
notebook
desktop
tv
kiosk
game

person The person layer

This layer depicts the persons's intent and goals through the development of his/her mental model of the task at hand. It also shows the (expected) emotions involved in the overall experience, as well as high-level actions.

La capa de la persona

Esta capa muestra los objetivos de la persona mediante el desarrollo de su modelo mental de la tarea en cuestión. También muestra las emociones (esperadas) involucradas en la experiencia global.

Emotions

furious
sad
face
intrigued
surprised
smiling
happy

Intent

think
say
hand
hand1

dialogue The dialogue layer

This is the interface dialogue layer that represents the concrete actions happening on the interface: gestures, messages, actions; all direct manipulation of elements and constructs happening onstage.

La capa del diálogo

Esta es la capa del diálogo que representa las acciones concretas sucediendo en la interfaz: gestos, mensajes, acciones; toda manipulación directa de elementos y constructos sucediendo en el punto de contacto.

send
share
speak
comment
attach
config
buy
pay
call
hangup
add
remove
alert
ask
check
cancel
say
think
edit
save
copy
paste
delete
like
dislike
link
unlink
branch
merge
print
view

Objects

file
email
archive
stack
image
audio
video
contact
contacts
position
map
rss
camera
film
clock
date
tag

Device

devicerotate
deviceshake
deviceorient

Interface Elements

button
checkbox
input
time
select
radio
radioselect
range
switch
move
resize

User Input

click
doubleclick
drag
drop

Playback Controls

prev
play
pause
next
ff
rew
stop
rec

Touch Gestures

tap
doubletap
tap2
tap3
tap4
tap1up
tap2up
tap3up
tap4up
tap5up
tap1down
tap2down
tap3down
tap4down
tap5down
tap1left
tap2left
tap3left
tap4left
tap5left
tap1right
tap2right
tap3right
tap4right
tap5right
collapse
expand
scroll
zoom
pinch
rotate

system The system layer

This is the system layer which shows what happens under the hood, what enables the service performance; all supporting actions and processes delivered to the person.

La capa de la persona

Esta es la capa del sistema que muestra lo que ocurre tras bambalinas, aquello que permite que el servicio se desarrolle; todas las acciones de apoyo que son entregadas y presentadas a la persona.

System

cloud
database
filter
search
process
import
export
upload
download
api

System Feedback

window
page
gallery
list
text
progress
update
notify
message
lock
unlock