Posts Tagged ‘Concept’

20 Innovative (Concept) Tablets We Wish Were Real

It’s been around 1.6 years since the initial release of Apple iPad, and regardless the criticism, the device has achieved tremendous success in the tablet market. It’s so successful until so many great companies have risen up to challenge its realm by designing and releasing their own version of tablet.

concept tablet 20 Innovative (Concept) Tablets We Wish Were Real
(Image Source: Patrycjusz Brzezinski)

While great companies are competing each others by showing off new designs and devices, an interesting phenomenon happened: another group of very talented designers have also implemented their own vision on their tablet design, and these so-called concept tablets have received praises from consumers like, “I hope it’s true!”.

Be it dual screen tablet, fold-able tablet or smartphone powered tablet, in this post you will see concepts which designers combined innovation and art to become something that consumers really thirsts for. Enjoy them and let us know which tablet you hope it’s true!

MacBook Duo By Kane Yanagawa

“My proposal is for a hybrid device that is a unique combination of Apple’s existing portable media device technology with an e-reader / netbook. A device that offers enough usability in each arena to make it a standalone solution for frequent travelers. Now you can work + browse, read + write, and share + play all on one device.”

MacBook Duo. (Image Source: iLounge)

macbook duo 20 Innovative (Concept) Tablets We Wish Were Real

MacView By Patrycjusz Brzezinski

According to an article in blog.moridin.pl, MacView project arose from a need to have such a device. It was designed to substitute the laptop, which is mostly uncomfortable in many situations. When creating the project, the designer bought a MacBook in order to better understand the philosophy of Apple. For sure great studies gave birth a great concept.

Macview. With keyboard on the second touchscreen. (Image Source: Patrycjusz Brzezinski)

macview 20 Innovative (Concept) Tablets We Wish Were Real

Desktop View. With mini music player on second screen. (Image Source: Patrycjusz Brzezinski)

macview desktop view music player 20 Innovative (Concept) Tablets We Wish Were Real

Front View. With keyboard on the second touchscreen. (Image Source: Patrycjusz Brzezinski)

macview front view keyboard 20 Innovative (Concept) Tablets We Wish Were Real

PDF View. With page thumbnails on second screen. (Image Source: Patrycjusz Brzezinski)

macview pdf view page thumbnails 20 Innovative (Concept) Tablets We Wish Were Real

Video Playlist. (Image Source: Patrycjusz Brzezinski)

macview video playlist 20 Innovative (Concept) Tablets We Wish Were Real

Back View. (Image Source: Patrycjusz Brzezinski)

macview back view 20 Innovative (Concept) Tablets We Wish Were Real

Charging Station. (Image Source: Patrycjusz Brzezinski)

macview charging station 20 Innovative (Concept) Tablets We Wish Were Real

MacBook Page By Devindh Baburam

“The MacBook Page is based on the size of a standard sheet of A4 paper. It maximises screen ‘real estate’ by presenting the user with an edge to edge interactive desktop. It also incorporates a hidden solar panel to supplement the power supply.”

MacBook Page. (Image Source: iLounge)

macbook page 20 Innovative (Concept) Tablets We Wish Were Real

Doodle Book By Pyeong Yeol Yoo, Hun Park

“Doodle book is a lifebook able to make creative work. Portable enough to be carried out, it can be easily used as memo pad in any place. Included the concept of layer in its input system, it can attach or overlap an existing document, image, sketch or video comment with pen.

Doodle book is able to make creative work between idea and realization.”

Doodle Book. (Image Source: Design Boom)

doodle book 20 Innovative (Concept) Tablets We Wish Were Real

Handling. (Image Source: Design Boom)

doodle book handling 20 Innovative (Concept) Tablets We Wish Were Real

Synchronization. (Image Source: Design Boom)

doodle book synchronization 20 Innovative (Concept) Tablets We Wish Were Real

Ecopad By Yonggu Do, Jun-se Kim, Eun-ha Seo

“Electricity is made automatically by using your ecoPad. Currently commercialized tablet PCs and smartphones have a very limited battery life – often not more than a day before having to be recharged.

However, on average, people press their touchscreens over 10,000 times a day. The ecoPad does not require special charging from an adaptor. Instead, it generates electricity when a user presses the touchscreen, due to the nano piezoelectricity film that is located below the display.”

ecoPad. (Image Source: Design Boom)

ecopad 20 Innovative (Concept) Tablets We Wish Were Real

Layer View. (Image Source: Design Boom)

ecopad layer view 20 Innovative (Concept) Tablets We Wish Were Real

Front View. (Image Source: Design Boom)

ecopad front view 20 Innovative (Concept) Tablets We Wish Were Real

File-top By Fan Zhang

“This tablet is for the people who want a more portable and lighter computer. The inspiration comes from traditional Chinese liber. The foldable File-top composes of several translucent touchscreens and can be used as a touchpad or widescreen PC.

In the future the environmental papery material might take place of current memory devices. You are able to put all the documents into this “file” and it will store the information for you.”

File-top. (Image Source: Design Boom)

file top 20 Innovative (Concept) Tablets We Wish Were Real

Product View. (Image Source: Design Boom)

file top product view 20 Innovative (Concept) Tablets We Wish Were Real

Usage Situation. (Image Source: Design Boom)

file top usage situation 20 Innovative (Concept) Tablets We Wish Were Real

Fractal By Pedro Calle

“Fractal is everything you need, it can be split into pieces each of which can work individually as laptop, pad, music player and you can tweak them with apps and widgets.

It can also work together as a console with different touchscreens with programs, menus, tools, palettes, brushes and audio samplers, all separated physically. Find all the fun on customizing your Fractals, share them with your friends and enjoy making the digital realm a more analogous experience.”

Fractal. (Image Source: Design Boom)

fractal 20 Innovative (Concept) Tablets We Wish Were Real

Featured View. (Image Source: Design Boom)

fractal featured view 20 Innovative (Concept) Tablets We Wish Were Real

Hermes By Yeongwom Jeon, Sangmin Park, Seokho Yu

“Previous tablet PC has two disadvantages. The typing work is not as good as the original keyboard and others can easily see what you are doing on the computer. Now, you do not need to worry about emerging of personal information with Hermes. You can send messages and call with Hermes as well.”

Hermes. (Image Source: Design Boom)

hermes 20 Innovative (Concept) Tablets We Wish Were Real

Product View. (Image Source: Design Boom)

hermes product view 20 Innovative (Concept) Tablets We Wish Were Real

HTC Evolve Tablet By Timur Pinar

A HTC branded high-end tablet with smart Android OS running on it. Doubtlessly the design is sleek and the user interface seems to be very promising. There’s also an extra tab on the left side of the tablet which gives more dedicated spaces for apps. I must say this is probably one of the best concepts which I wish it to be materialized.

HTC Evolve Tablet. (Image Source: Timur Pinar)

htc evolve tablet 20 Innovative (Concept) Tablets We Wish Were Real

Features. (Image Source: Timur Pinar)

htc evolve tablet features 20 Innovative (Concept) Tablets We Wish Were Real

Extra Tab. (Image Source: Timur Pinar)

htc evolve tablet extra tab 20 Innovative (Concept) Tablets We Wish Were Real

HTC TUBE By NAK Studio

Another sleek concept for HTC brand, but the idea revolves around the “Cartridge powered multimedia device”. The concept is not much explained, but this might be the tablet which will function as a big monitor when the phone is plugged in. An interesting idea, and I must say the device is well designed.

HTC TUBE. (Image Source: NAK Studio)

htc tube 20 Innovative (Concept) Tablets We Wish Were Real

Product View. (Image Source: NAK Studio)

htc tube product view 20 Innovative (Concept) Tablets We Wish Were Real

MPad By Volker Hübner

MPad is for professional designers. It combines the advantage of intuitive multi-touch operation with the precision of a pressure-sensitive pen, probably sounds like a very, very advanced Wacom tablet.

For its features part, essential keyboard commands are arranged next to the 15.6″ OLED display, 9 fixed buttons, 2 programmable buttons rockers with e-ink display, with up to 24 shortcuts for each software application. Monstrous tablet, but of course I hope there’s a model for left-handers like me.

MPad. (Image Source: Yanko Design)

mpad 20 Innovative (Concept) Tablets We Wish Were Real

Back View. (Image Source: Yanko Design)

mpad back view 20 Innovative (Concept) Tablets We Wish Were Real

Piggyback By Brooks Benefiel

Piggyback tablet is the similar concept with HTC Tube which suggests that, you have a smartphone, and what you really need now is just a bigger screen.

With the tablet, you will be able to plug in the smartphone to get a bigger screen for more complicated tasks like typing out long report or, if the processing power allows, doing graphic editing job. Yes, all you need is a bigger screen.

Piggyback. (Image Source: DVICE)

piggyback 20 Innovative (Concept) Tablets We Wish Were Real

Desktop Dock. (Image Source: DVICE)

piggyback desktop dock 20 Innovative (Concept) Tablets We Wish Were Real

Sony Ericsson Vivaz™ XL by Frank Tobias

“Well, here I made a XL-version of Vivaz. It features an 8 megapixel camera at the back, of course with HD video recording and the interior capacity is about 75GB. I hope you like it ;)”

Sony Ericsson Vivaz™ XL. (Image Source: Frank Tobias)

sony ericsson vivaz xl 20 Innovative (Concept) Tablets We Wish Were Real

Sony Ericsson X10™ Maxi by Frank Tobias

“So here I expanded the Sony Ericsson X10 to a tablet called X10 Maxi. ;) It features like the X10, an 8 megapixel camera, the system is OS Android 2.0 and the interior capacity features 100GB.”

Sony Ericsson X10™ Maxi. (Image Source: Frank Tobias)

sony ericsson x10 maxi 20 Innovative (Concept) Tablets We Wish Were Real

Sony Ericsson Xperia™ XTab By Juris15

Seriously this guy needs to be hired by Sony Ericsson, and I’m sure you will know why by looking at 2 distinguishing designs below. Sleek and sexy.

Sony Ericsson Xperia™ XTab. (Image Source: juris15)

sony ericsson xperia xtab 20 Innovative (Concept) Tablets We Wish Were Real

Sony Ericsson Xperia™ XTab10 By Juris15

Another great design from the XTab series, also one of the series that I sincerely hope it was true.

Sony Ericsson Xperia™ XTab10. (Image Source: juris15)

sony ericsson xperia xtab10 20 Innovative (Concept) Tablets We Wish Were Real

The Part By Jun Se Kim, Yong-gu Do, Eun-ha Seo

“Do we really have to buy a smartphone and a pad? Do we really need both? Actually, the only difference between the smartphone and smartpad that we are using separately is the screen size, and the advantage and disadvantage are identified by the size.

Carrying two kinds of devices, smartphone and smartpad, is not only inefficient for users, but it is an uncomfortable waste that the smart era created. In that aspect, the ‘part’ is not a separate device, but an efficient and convenient smart device with a new concept that a smartpad can be combined with a smartphone.”

The Part. (Image Source: Design Boom)

the part 20 Innovative (Concept) Tablets We Wish Were Real

Component Breakdown. (Image Source: Design Boom)

the part component breakdown 20 Innovative (Concept) Tablets We Wish Were Real

Smart Extension. (Image Source: Design Boom)

the part smart extension 20 Innovative (Concept) Tablets We Wish Were Real

Unknown Tablet by Frank Tobias

“Here I made another tablet. Unfortunately I don’t know which brand and user interface I should take for it… Well, the tablet itself sports a 3.5 mm audio jack on the left side, 2 USB ports on the right side, and a camera with 10 megapixels, HD video recording and a triple LED flash…”

Unknown Tablet. (Image Source: Frank Tobias)

unknown tablet 20 Innovative (Concept) Tablets We Wish Were Real

Unnamed Tablet by Frank Tobias

“So here’s another tablet concept. It’s running Windows 7, supports a 5 megapixel camera with LED flash at the back, 4GB ram, 300GB interior memory, an Intel i5 processor and HD video recording :)”

Unnamed Tablet. (Image Source: Frank Tobias)

unnamed tablet 20 Innovative (Concept) Tablets We Wish Were Real

Volumni By Dulyawat Wongnawa

“Volumni is a new concept of PC which integrates various types of PCs into one single device with only a size of an envelope once it’s folded (23 x 10 cm). It consists of 4 units of ultra-slim touchscreens linked together by a 360 degrees pivot hinge. It serves as both a portable device and a workstation depending on user preference. Users can define their usage of the device by just folding and turning it.”

Volumni. (Image Source: Design Boom)

volumni 20 Innovative (Concept) Tablets We Wish Were Real

Product View. (Image Source: Design Boom)

volumni product view 20 Innovative (Concept) Tablets We Wish Were Real

Featured Modes. (Image Source: Design Boom)

volumni featured modes 20 Innovative (Concept) Tablets We Wish Were Real

More

Here are more concept and futuristic gadget posts we previously published:

Reflection

Looking back, it was an interesting time to see how criticism for the iPad eventually falls before its sales number. It’s just like what we’re complaining about, iPad lacks of USB port, VGA adapter, Flash… but it still champions the market 1.6 year after its launch, and apparently there are still no company created a true competitor that can bring down the iPad.

What is the reason behind the tremendous success of iPad, is it because of the design that covers the lack of functionality? Also, do you think any device above, if materialized, can bring down the iPad? Let us know what you think, and don’t forget to tell us which concept tablet above you fall in love with!

Gift icons

Download Link: http://www.vectorfresh.com/gift-icons/
By: Vectorfresh.com

10 Completely Free Wireframing and Mockup Tools

The wireframing process is the straight-to-the-point and completely non-tech stage of any web project. It only requires that you define a skeletal outline of essential page elements such as headers, footers, navigation and content area and should illustrate how to cater and respond to any possible interaction from a user.
It is the most important, yet underused, stage of any web or apps development.

There are several avenues you could take for sketching a wireframe, most notably pen and paper (the easiest and most cost effective way), but for the sake of this article we have focused on apps that are not only highly effective and easy to use, they are also completely free.

We have covered free wireframe apps before (here), but a year is a long time in web development – some of the apps we had previously covered are either no longer completely free or are no longer available. And as such, we felt that we should compile a new list with more detail and covering all areas of design including web pages, mobile apps and application dev.
As well as showcasing a variety of free apps (11 in total), at the bottom of the post, we have also highlighted some premium wireframing services that do offer free, yet limited, options. You may like to try them.

Please note that all of these apps have been confirmed as completely free on this articles publishing date.

Lumzy - Quick Mockup Creation and Prototyping Tool
With Lumzy, you can create mockups of how your site or application will function by adding events from the extensive list of controls on offer. As well as having great tools for creating your mockup, you can also create Message Alerts, interactive Page Navigation, add Links to external content, and much more. It does offer a great set collaboration tools for live team editing and a chat engine for deliberating over designs. All of this and it is absolutely FREE.
Lumzy Homepage →View Editor →

Lumzy Editor Screenshot

Lumzy Demo

Mockup Builder
Mockup Builder has just recenly been released and looks very promising. It is feature-rich and versatile by allowing you create various prototyping styles, including: UI mockups, interactive wireframes, website layouts, desktop software prototypes and even sitemaps & screen navigation.
Of course, it does come with great collaboration tools for sharing with clients and colleagues. And yes, it is completely FREE.
Mockup Builder Homepage →View Editor →

Mockup Builder Editor Screenshot

Mockup Builder Demo

Tiggr - Creating Prototypes Collaboratively
The idea behind Tiggr (currently in beta) is to give you the resources needed to create prototypes (for web, app or mobile) that look and feel like the final product. It allows you to design from a large number of components, share (via email, Twitter or Facebook), you can collaborate with any number of users and will generate an HTML/JS/CSS so that you can preview your UI mockups very quickly. A 10 second registration (email & password) is the only thing you have to go through to use this fantastic FREE tool.
Tiggr Homepage →

Tiggr Editor Screenshot

Tiggr - Creating Prototypes Collaboratively

Frame Box - Lightweight Online Tool for Creating Mockups
Frame Box does not have an extensive list of features (like the web based apps above). You can drag and drop, re-size and copy/paste the UI units, but its main focus, and why we like it so much, is that it allows you to create your mockup/prototype very, very quickly by using its very easy to use drag and drop interface. Again, this app is FREE and only requires a quick registration.
Frame Box Homepage →

SimpleDiagrams Adobe Air App
SimpleDiagrams (free version) is a tiny Adobe Air app that helps you express your design ideas quickly and simply. Drag & drop symbols from its libraries, add images or post-notes, export as a PNG are all of its features, adding up to just just enough functionality to create a decent mockup.
SimpleDiagrams Homepage →

iPhone Mockup
With iPhone Mockup you have a choice of using either the Pencil styled editor (screenshot above) or the Illustration editor (screenshot below). Whichever editor you decide to use, the functionality remains the same: Its a very simple and easy to use app that allows you to create your own iPhone mockups very quickly, share them with other people at the click of a button, and any changes you make will by synced to everyone who has the mockup’s URL.
iPhone Mockup Homepage →Illustration Editor →Pencil Editor →

iPhone Mockup Editor Screenshot

iPhone Mockup

fluidIA
fluidIA is a downloadable web based design tool for prototyping rich user interfaces. It allows for rapid refinement and exploration of concepts using an object-oriented approach to design. The original idea behind fluidIA is to discover whether a group of interaction designers, IA’s, UX professionals and developers can create there own prototyping tool in an open way. Progress on FluidIA has been a little bit slow recently, but the actual app works perfectly for designing a wireframe mockup.
fluidIA Homepage →Fluidia (GitHub) →

fluidIA Editor Screenshot

fluidIA

Pencil Project
Pencil Project is a free and opensource Firefox addon for designing GUI prototypes. With its built-in stencils you can create linked multi-page UI documents and finally export your mockup in either HTML, PNG, Openoffice.org document, Word document or PDF. What more would you want from a wireframing app? This truly is an essential Firefox extension that any serious developer or designer should use.
Pencil Project Homepage →Screenshots →

Pencil Project Editor Screenshot

Pencil Project Screenshots

CogTool - General Purpose UI Prototyping Tool
CogTool is a FREE and powerful general purpose UI prototyping tool with a difference – it automatically evaluates your design with a predictive human performance model (a “cognitive crash dummy”). You simply create a storyboard of your design idea with sketches, images or on a canvas with CogTool’s widgets, demonstrate tasks on that storyboard, then press a button to produce a valid cognitive model predicting how long it will take a skilled user to complete those tasks. CogTool offers a lot of support via its extensive user guides, step-by-step tutorials (video and articles), its forum and also offers example files to help you get started.
CogTool Homepage →

Software Prototyping - Serena Software
Prototype Composer makes it possible to simulate how an application will look and function before any code is ever written. Instead of endless text entries, complex data hierarchies, or too technical UML diagrams, Serena Prototype Composer makes it easy for business users and business analysts to collaborate on requirements by building simple, high fidelity prototypes that simulate a working application. It is a tool for prototyping data, processes, activities and most importantly, user interfaces. The application also works as a fairly easy to use Project Management tool.
The Community Edition is its free version which allows users to work in a sample project as well as in one user-defined project.
Prototype Composer Homepage →

DUB - DENIM
DENIM is a free desktop application that is available for Windows, Unix, and Mac OS X. DENIM describes itself as “an Informal Tool For Early Stage Web Site and UI Design”.
It combines many of the benefits of paper-based sketching with existing electronic prototyping tools. It allows designers to quickly sketch an interface, preserving the important properties of pencil and paper: a rough drawing can be produced quickly and the medium is flexible. However, unlike a paper sketch, this electronic sketch is interactive and can easily be annotated and modified.
DUB – DENIM Homepage →

All of the Wireframe/Prototype/Mockup web-based applications below are premium services that do offer a free, yet limited, option. You may like to try them:

MockFlow: Online Wireframe Tool

MockFlow: Online Wireframe Tool
MockFlow Homepage →

Gliffy – Online Diagram Software and Flowchart Software

Gliffy - Online Diagram Software and Flowchart Software
Gliffy Homepage →

Naview – Create Easier Navigations Through Prototyping and Testing

Naview - Create Easier Navigations Through Prototyping and Testing
Naview Homepage →

iPlotz – Wireframing, Mockups and Prototyping

iPlotz - Wireframing, Mockups and Prototyping
iPlotz Homepage →

Creately – Collaborative Online Diagram Software

Creately - Collaborative Online Diagram Software
Creately Homepage →

FlairBuilder – Wireframes. Mockups. Prototypes

FlairBuilder - Wireframes. Mockups. Prototypes
FlairBuilder Homepage →

Cacoo – Create Diagrams Online

Cacoo - Create Diagrams Online
Cacoo Homepage →

Mockabilly – iPhone app mockup

Mockabilly - iPhone app mockup
Mockabilly Homepage →

You may also like…

An Introduction to HTML Prototyping →
A Collection of Useful Web Design Wireframing Resources →
A Collection of Printable Web Browser Sketching and Wireframe Templates →
15 Javascript Web UI Libraries, Frameworks and Toolkits →
25 UI Inspiration and Design Pattern Resources →
50 Essential Web Typography Tutorials, Tips, Guides and Best Practices →
25 Free Pictogram and Symbols Sign Icon Sets →
Illustrator Template Toolbox for Web, Mobile and App Developers →
20 Free Web UI Element Kits and Stencils →