This site uses cookies. By continuing to browse the ConceptDraw site you are agreeing to our Use of Site Cookies.

Wireframe Examples

Wireframe Examples

ConceptDraw PRO is a powerful diagramming and vector drawing software. Extended with Website Wireframe solution from the Software Development area, ConceptDraw PRO became the ideal software for prototype and design professional looking websites wireframes. Website Wireframe solution offers at your disposal wide variety of wireframe examples and samples which confirm this. Read more
Use this template to prototype and design the wireframe graphic user interface (GUI).
"A website wireframe, also known as a page schematic or screen blueprint, is a visual guide that represents the skeletal framework of a website. Wireframes are created for the purpose of arranging elements to best accomplish a particular purpose. The purpose is usually being informed by a business objective and a creative idea. The wireframe depicts the page layout or arrangement of the website’s content, including interface elements and navigational systems, and how they work together. The wireframe usually lacks typographic style, color, or graphics, since the main focus lies in functionality, behavior, and priority of content. In other words, it focuses on what a screen does, not what it looks like. Wireframes can be pencil drawings or sketches on a whiteboard, or they can be produced by means of a broad array of free or commercial software applications. Wireframes are generally created by business analysts, user experience designers, developers, visual designers and other roles with expertise in interaction design, information architecture and user research.
Wireframes focus on:
(1) The kinds of information displayed.
(2) The range of functions available.
(3) The relative priorities of the information and functions.
(4) The rules for displaying certain kinds of information.
(5) The effect of different scenarios on the display.
The website wireframe connects the underlying conceptual structure, or information architecture, to the surface, or visual design of the website. Wireframes help establish functionality, and the relationships between different screen templates of a website. An iterative process, creating wireframes is an effective way to make rapid prototypes of pages, while measuring the practicality of a design concept. Wireframing typically begins between “high-level structural work - like flowcharts or site maps - and screen designs.” Within the process of building a website, wireframing is where thinking becomes tangible.
Aside from websites, wireframes are utilized for the prototyping of mobile sites, computer applications, or other screen-based products that involve human-computer interaction." [Website wireframe. Wikipedia]
The wireframe GUI template for the ConceptDraw PRO diagramming and vector drawing software is included in the Graphic User Interface solution from the Software Development area of ConceptDraw Solution Park. Read more
Wireframe GUI template
Wireframe GUI template, window, text area, scrollbar, check box group, button,

UML Use Case Diagram Example Registration System

This sample was created in ConceptDraw PRO diagramming and vector drawing software using the UML Use Case Diagram library of the Rapid UML Solution from the Software Development area of ConceptDraw Solution Park. This sample shows the types of user’s interactions with the system and is used at the registration and working with the database system. Read more

graphical user interface, UI patterns, GUI interface iPhone User Interface

graphical user interface, UI patterns, GUI interface
iPhone User Interface solution extends ConceptDraw PRO v10 software with templates, samples and libraries with large quantity of vector stencils of graphical user interface elements, Apps icons, UI patterns for designing and prototyping of the iOS applic Read more

software development, software engineering Software Development Area

software development, software engineering
Solutions from the Software Development Area of ConceptDraw Solution Park collect templates, samples and libraries of vector stencils for drawing the software engineering diagrams and user interface design prototypes. Read more

telecommunication networking, networking and telecommunications, telecommunications network, computer systems networking and telecommunications Telecommunication Network Diagrams

telecommunication networking, networking and telecommunications, telecommunications network, computer systems networking and telecommunications
Telecommunication Network Diagrams solution extends ConceptDraw PRO software with samples, templates and libraries of vector stencils for drawing the diagrams of telecommunication networks. Read more

microsoft azure, windows azure, azure management, azure storage, azure blob storage, azure services Azure Architecture

microsoft azure, windows azure, azure management, azure storage, azure blob storage, azure services
Create Microsoft Azure architecture diagrams using icons and templates regarding Azure management, Azure storage and Azure services. Read more

Amazon Web Services, AWS, Amazon cloud AWS Architecture Diagrams

Amazon Web Services, AWS, Amazon cloud
The flexible AWS cloud solutions will help you to create reliable applications with a high level of scaling in the AWS cloud, to run your applications and accelerate their work on the level of security. Besides AWS resources are available worldwide and yo Read more

event-driven process chain diagram, EPC diagram, process chain flowchart Event-driven Process Chain Diagrams

event-driven process chain diagram, EPC diagram, process chain flowchart
Event-driven Process Chain (EPC) Diagram is a type of flowchart widely used for modeling in business engineering and reengineering, business process improvement, and analysis. EPC method was developed within the Architecture of Integrated Information Systems (ARIS) framework. Read more

interactive voice response system, IVR Interactive Voice Response Diagrams

interactive voice response system, IVR
Interactive Voice Response Diagrams solution extends ConceptDraw PRO v10 with samples, templates and library of ready-to-use vector stencils to help create Interactive Voice Response (IVR) diagrams illustrating a work of interactive voice response system, Voice-over-Internet Protocol (VoIP) diagrams and Action VoIP diagrams with representing voice actors on them. Read more

wireless communications, WLAN, wireless solution, wireless networking Wireless Networks

wireless communications, WLAN, wireless solution, wireless networking
The Wireless Networks Solution extends ConceptDraw PRO software with professional diagramming tools to help network engineers and designers efficiently design and create wireless network diagrams that illustrate wireless networks of any speed and complexity. Read more

UI Patterns

The most convenient, useful and right way for software engineers, UI designers, UI developers is to use UI patterns in the process of developing any application for computer devices. The User Interface (UI) patterns are standardized solutions for common design problems. Read more

audio clipart, video clipart, photo camera clipart, CCTV Audio, Video, Media

audio clipart, video clipart, photo camera clipart, CCTV
Use it to make professional-looking documents, impressive presentations, and efficient websites with colorful and vivid illustrations and schematics of digital audio, video and photo gadgets and devices, audio video connections and configurations, S Video connection, HD and 3D television systems, home entertainment systems, Closed-circuit television (CCTV) surveillance systems. All audio video schematics, drawings and illustrations designed in ConceptDraw PRO are professional looking, clear and understandable for all thanks to applying the most commonly used standards of designations, and are effective for demonstrating in front of a small audience and on the big screens. Read more