A wireframe pertains to the basic layout structure and navigational scheme of a page and the major website components. It’s also called the blueprint, skeleton, or outline. Designers use website wireframes to build new landing pages or websites. It doesn’t contain the website’s finished design elements, but it does show where the elements will appear.… Continue reading Learn More About Website Wireframes
20 Must-Have Wireframe Templates and UI Kits for Your Design Library
Wireframing. User journeys. Content maps. User-centered design. Information architecture. Animated prototypes. Conversion paths. Iterative features. Sitemaps. Uhh, what? Let’s be honest, the world of UX (user experience) and UI (user interface) is full of jargon and overcomplicated terms. Take, for example, this real line I copy-pasted from a job description for a senior content specialist… Continue reading 20 Must-Have Wireframe Templates and UI Kits for Your Design Library
Using the UX process to create a date planning app — and a happy couple.
UX case study for Concept project WeDate App Methods Concept mapping, Storyboard, User flow, Wireframes, Paper prototyping Tools Marvel User research- Asking the right questions. On my second day of my General Assembly UX Immersive course I was tasked with creating an app that solved a problem for the person sitting beside me. I began… Continue reading Using the UX process to create a date planning app — and a happy couple.
Wireframes, flows, personas and beautifully crafted UX deliverables for your inspiration
When people think of UX Design documentation, the first image that comes to mind is dense, long, and heavily annotated wireframes, full of boxes and arrows that indicate how a system is going to function and behave. But it doesn’t have to be like that. Here are a few examples of UX deliverables that are… Continue reading Wireframes, flows, personas and beautifully crafted UX deliverables for your inspiration
20 Templates For Creating High-Fidelity Wireframes
Wireframing can be something quick and dirty, or it can be a large task that takes time to perfect. So here are some wireframe templates to help you save ton of time. With these templates you can easily create effective mockups and prototype of your web and mobile apps in no time. Teracy wireframe kit… Continue reading 20 Templates For Creating High-Fidelity Wireframes
8 useful free psd for wireframes kits
Wireframe kits are a common way to prototype our design before commencing the actual design production. Rather than starting everything from scratch, you can always use a psd wireframe kit to kickstart the whole brainstorming process. This not only saves times but can relieve some of the repetitive wire framing work that one has to… Continue reading 8 useful free psd for wireframes kits
10 Tips for Building Wireframes With Illustrator
Adobe Illustrator is experiencing a come-back in the world of web design. Not only is SVG becoming commonly used online, but more and more designers are using vectors for wireframing. The following tips will help you make the most of Illustrator as a wireframing tool. Wireframing is about working rapidly and iterating quickly. The aim… Continue reading 10 Tips for Building Wireframes With Illustrator