Tuesday, March 29, 2016

Creative Widget Builder v1.0

Creative Widget Builder is a new way to create your own book widgets in order to add more fun and interactivity to EPUB, iBooks and HTML5 books. CWB works with iBooks Author, Creative Book Builder, and other apps that support book widgets. At the first launch, CWB supports 5 types of widgets: Flash Card, Fill In The Blank, Matching Question, Sorting Question and Interactive Image.

FLASH CARD
* Flip the card from front to back, and back to front
* Add term, definition, and image
* Customize card's background color and size

FILL IN THE BLANK
* Indicate the blank using star (*)
* Add text and image
* Check answer

MATCHING QUESTION
* Add pairs
* Each pair contains text and image
* Drag and drop item for matching
* Check answer

SORTING QUESTION
* Each item contains text and image
* Drag and drop item for ordering
* Check answer

INTERACTIVE IMAGE
* Set master image
* Add markers on the master image
* Balloon is shown when tapping the marker
* Each balloon contains text and image

Features
* Add cover image
* Generate quick cover image
* Take screenshot as cover image
* Configure the size, font, and margin of widgets
* All the contents can be presented offline
* Export widget as zip file for distribution
* Import widgets
* The generated widgets can be easily inserted into the book

2 comments:

  1. I'm on the fence about this, while more customization is good, I have a feeling this is a "in-progress" update, it just feels incomplete and half-way there.
    We use badge layout for apps on design approvals (visual projects), so the image being displayed is important. Old layout "feels like" it had larger images,
    maybe because the images were cropped more loosely so it's easier to tell which project it was at quick glance. Now the image is cropped closer, making it
    harder to scan thru at quick glance. I find myself needing to click into the project more often than usual. Which makes the whole user experience less
    efficient.
    I have a couple suggestions that might make it work better:
    1. Increase the height of the window the cover image is being displayed.
    2. Let us to choose which image to be displayed as "cover" (like how Pinterest handles cover images of each board, was hoping for this for a long time)
    3. Let us adjust which part of the image to show and how tight or loose the crop is (with a fixed window, let us move the image around and maybe enlarge or
    shrink it to control what shows thru the window. Pinterest does a limited form of this, which is very useful in making the cover image relevant)
    4. Allow Cover Image to be ordered in different hierarchy (currently every element can be ordered differently except the Cover Image, it seems to be stuck
    in the 2nd spot, would like the option to set it on another spot in the layout. This one seems like an easy fix, since you guys allow that for every other
    element already)

    ReplyDelete
  2. I'm on the fence about this, while more customization is good, I have a feeling this is a "in-progress" update, it just feels incomplete and half-way there.
    We use badge layout for apps on design approvals (visual projects), so the image being displayed is important. Old layout "feels like" it had larger images,
    maybe because the images were cropped more loosely so it's easier to tell which project it was at quick glance. Now the image is cropped closer, making it
    harder to scan thru at quick glance. I find myself needing to click into the project more often than usual. Which makes the whole user experience less
    efficient.
    I have a couple suggestions that might make it work better:
    1. Increase the height of the window the cover image is being displayed.
    2. Let us to choose which image to be displayed as "cover" (like how Pinterest handles cover images of each board, was hoping for this for a long time)
    3. Let us adjust which part of the image to show and how tight or loose the crop is (with a fixed window, let us move the image around and maybe enlarge or
    shrink it to control what shows thru the window. Pinterest does a limited form of this, which is very useful in making the cover image relevant)
    4. Allow Cover Image to be ordered in different hierarchy (currently every element can be ordered differently except the Cover Image, it seems to be stuck
    in the 2nd spot, would like the option to set it on another spot in the layout. This one seems like an easy fix, since you guys allow that for every other
    element already)

    ReplyDelete