ryanwold.net

A civic-minded citizen seeking the singularity

Back to Entries

Website Design Process

draft
Date: 2015-05-18
Tags: 2009

An Afomi Project Plan includes the following Site Documentation:

  • Content Inventory - List all possible content to be included on the project. Example: items: forms, data. Be sure to consider business processes.
  • Concept Model - Visual Diagram of System, possibly in UML notation
  • System Features - Text: list and narrative
  • Programming - Activity: This should be a formality. A precise transcription from what is already determined in the Concept Model.
    • Class listing
    • Attributes
    • Methods
    • Define their relationships (design in UML based on the Concept Model)
  • Technology Management
    • Environment
    • Operating System
    • Database
    • Web application framework (libraries and specs)
  • Website design
    • Site map and Navigation - Visual representation of high-level Site Organization and Content Finding mechanisms.
    • Flowcharts - Visual representations of:
    • A sequence of pages
    • A sequence of user interactions
    • A sequence of page interactions
    • Wireframes
  • Screen designs - Precise Visual Representations of what will be on screen
    • UI design should be a formality. UI's should be a precise transcription from what is already determined in the Screen Design.
  • Task List - timeframes optional if the project is open-ended

Plan Document Execute Plan

And always communicate.


Business Strategy Exercises

  • Personas - the potential types of users. New User, experiences, infrequent, gender, demographic, etc.
  • Usability Testing - Activity and Report
  • Competitive Analysis - Research and Report

Key Takeaways

  • Forms
  • Project Documentation
  • Professional Support Services

By Ryan Wold · © 2015–2026 Ryan Wold

Licensed CC BY-NC 4.0. AI training requires a license — machine-readable terms.

Enjoyed this? — any BSV wallet, HandCash, or plain old dollars.

Leave a tip

Tips go directly to a Bitcoin SV address I control — peer to peer, no platform in between. A few thousand satoshis is a fraction of a cent; it's the gesture that counts.

From any BSV wallet

Scan the QR code with your wallet's camera, or copy the address.

177DwUfSTW8RkFBJzYYcgr1YB8ngbhTYAc

With HandCash or any paymail wallet

Paymail is an email-style address for Bitcoin wallets. Send any amount to afomi@handcash.io

First time using Bitcoin? Yours Wallet is an open-source browser extension wallet, and HandCash is an easy mobile wallet — either takes a minute to set up.

Prefer regular money? Support via OpenCollective.