building scida
DESCRIPTION
Wireframing and designing an e-book library management app. (Presented at World IA Day Budapest, 2013)TRANSCRIPT
Kollin ZoltánWIAD Budapest 2013
Building Scida
$119$69$79$139 $139
Copying books to your Kindle
What it feels like:
Calibre for Mac
What it feels like:
What it should feel like:
Finder
iTunes
iTunes
Details
ListNav.
Toolbar
Organizing books
Home
Library
iTunes
Kindle
Shelves
Categories
Playlists
Collections
iTunes
Kindle
Playlists
Collections
Home
Library
iTunes
Kindle
Shelves
Categories
Playlists
Collections
iTunes
Kindle
Functionality
E-book formats
EPUB Mobipocket
DJVU / DOC / FB2 / HTML LIT / LRF / PDB
Library managementConverting e-booksSupporting KindleSupporting Nook, Sony Reader, etc.Meta info editRead booksSend books to KindleSyncing KindleDownloading newsOnline access to books...
Library management
Supporting Kindle
Meta info edit
Send books to Kindle
Library managementConverting e-booksSupporting KindleSupporting Nook, Sony Reader, etc.Meta info editRead booksSend books to KindleSyncing KindleDownloading newsOnline access to books...
Wireframes
Iterations, iterations, iterations
Graphic design
Little big details
Prototyping! ! ! }).m
ouseup(f
unction(
){
! ! ! ! var $tar
get = $(
this).pa
rent();
! ! ! ! //var $t
arget =
$(".tags
").child
ren().eq
(0);
! ! ! ! $target.
removeCl
ass("cli
cked");
! ! ! ! var orig
Position
= $targ
et.offse
t();
! ! ! ! $target
! ! ! ! ! .clone()
! ! ! ! ! .css({
! ! ! ! ! ! "positio
n": "abs
olute",
! ! ! ! ! ! "left":
origPosi
tion.lef
t,
! ! ! ! ! ! "top": o
rigPosit
ion.top,
! ! ! ! ! ! "z-index
": 1
! ! ! ! ! })
! ! ! ! ! .appendT
o(docume
nt.body)
! ! ! ! ! .fadeOut
(700, fu
nction()
{ $(thi
s).remov
e(); });
! ! ! ! $target
! ! ! ! ! .css({
! ! ! ! ! ! "visibil
ity": "h
idden",
! ! ! ! ! ! "text-wr
ap": "no
ne",
! ! ! ! ! ! "float":
"left",
! ! ! ! ! ! "overflo
w": "hid
den"
Thank you!getscida.com